*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:linear-gradient(135deg,#f5f7fa,#c3cfe2);--bg-secondary:#fff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--sidebar-bg:linear-gradient(180deg,#667eea,#764ba2);--card-shadow:0 4px 20px #00000014}[data-theme=dark]{--bg-primary:linear-gradient(135deg,#1a1a2e,#16213e);--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--sidebar-bg:linear-gradient(180deg,#4c1d95,#581c87);--card-shadow:0 4px 20px #0000004d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-primary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;transition:background .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.settings-page{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:calc(100vh - 40px);padding:20px}.settings-header-modern{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea4d;color:#fff;margin-bottom:30px;padding:30px;position:relative}.settings-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.btn-back{background:#fff!important;border:3px solid #fff!important;border-radius:8px!important;box-shadow:0 4px 12px #00000059!important;color:#1f2937!important;cursor:pointer!important;display:inline-block!important;font-size:15px!important;font-weight:700!important;padding:12px 24px!important;position:relative!important;text-decoration:none!important;transition:all .3s ease!important;white-space:nowrap!important;z-index:10!important}.btn-back:hover{background:#f3f4f6!important;border-color:#f3f4f6!important;box-shadow:0 6px 16px #0000004d!important;color:#111827!important}.settings-header-content{flex:1 1}.settings-header-modern h1{font-size:32px;font-weight:700;margin:0 0 10px}.settings-subtitle{font-size:16px;margin:0;opacity:.95}.settings-notice{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-top:15px;padding:12px 16px}.settings-notice.admin{background:#ffd70033;border-color:#ffd7004d}.settings-notice span{font-size:18px}.settings-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:12px;margin-bottom:30px;overflow-x:auto;padding:8px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:14px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.settings-tab:hover{background:#f3f4f6;color:#667eea}.settings-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.tab-icon{font-size:20px}.tab-label{font-weight:500}.tab-lock{font-size:12px;margin-left:4px;opacity:.7}.settings-tab.disabled{cursor:not-allowed;opacity:.5;position:relative}.settings-tab.disabled:after{background:#0000000d;border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.settings-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;min-height:500px;padding:30px}.settings-tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-filter-modern{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:12px;margin-bottom:30px;padding:16px}.category-filter-modern label{color:#374151;font-weight:600}.category-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease}.category-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.settings-category-modern{margin-bottom:40px}.category-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.category-title{color:#111827;font-size:24px;font-weight:600;margin:0}.btn-test-ldap{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-test-ldap:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-test-ldap:disabled{cursor:not-allowed;opacity:.6}.info-box{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:20px;padding:20px}.info-box p{color:#1e40af;font-weight:600;margin:0 0 12px}.info-box ol{color:#1e3a8a;margin:0;padding-left:24px}.info-box code{background:#fff;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.result-box{border-radius:8px;font-weight:500;margin-bottom:20px;padding:16px}.result-box.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.result-box.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.setting-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.setting-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.setting-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.setting-key{color:#111827;font-family:Courier New,monospace;font-size:16px;font-weight:600}.btn-edit-small{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.btn-edit-small:hover{background:#5568d3;transform:translateY(-1px)}.setting-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:12px}.setting-value-display{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-family:Courier New,monospace;font-size:14px;margin-bottom:12px;padding:12px;word-break:break-all}.empty-value{color:#9ca3af;font-style:italic}.setting-edit-form{margin-top:12px}.setting-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:12px;padding:12px;transition:all .3s ease;width:100%}.setting-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.setting-actions{display:flex;gap:10px}.btn-save{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;font-weight:500;transition:all .3s ease}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#6b7280;border-radius:8px;font-weight:500;transition:all .3s ease}.btn-cancel:hover{background:#4b5563}.setting-meta{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:12px;margin-top:12px;padding-top:12px}.settings-loading{padding:60px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state-modern{padding:60px 20px;text-align:center}.empty-content{margin:0 auto;max-width:500px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state-modern h3{color:#111827;font-size:24px;margin-bottom:12px}.empty-state-modern p{color:#6b7280;margin-bottom:20px}.empty-state-modern ul{color:#6b7280;display:inline-block;text-align:left}.user-info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:20px}.user-info-box p{color:#374151;margin:8px 0}@media (max-width:768px){.settings-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.settings-tab{font-size:14px;padding:12px 16px}.tab-label{display:none}.settings-grid{grid-template-columns:1fr}.category-header{align-items:flex-start;flex-direction:column;gap:12px}}.settings-additional-links{border-top:2px solid #e5e7eb;margin-top:40px;padding-top:40px}.settings-additional-links h3{color:#1f2937;font-size:20px;margin-bottom:20px}.additional-links-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.additional-link-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease;width:100%}.additional-link-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.additional-link-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;font-size:36px;height:60px;justify-content:center;width:60px}.additional-link-content{flex:1 1}.additional-link-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:4px}.additional-link-desc{color:#6b7280;font-size:14px}.organization-tab,.rbac-tab,.two-factor-tab{animation:fadeIn .3s ease}.two-factor-tab .two-factor-manage-card,.two-factor-tab .two-factor-setup-card,.two-factor-tab .two-factor-status-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:24px}.two-factor-tab h2{color:#111827;margin-top:0}.btn-primary-large{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-primary-large:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.loading-hint{color:#6b7280;font-size:14px;margin-top:12px}.verify-input{border:2px solid #667eea;border-radius:8px;font-size:18px;letter-spacing:4px;margin-right:12px;padding:12px;text-align:center;width:200px}.password-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;margin:12px 0;max-width:400px;padding:12px;width:100%}.rbac-header-modern{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.rbac-header-modern h2{color:#111827;margin:0}.rbac-actions{gap:12px}.rbac-section-modern{margin-bottom:40px}.rbac-section-modern h3{color:#111827;margin-bottom:20px}.role-card-modern{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.role-card-modern:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.role-header{margin-bottom:12px}.role-header h4{color:#111827;margin:0}.role-description{color:#6b7280;margin-bottom:12px}.role-badge{background:#667eea;border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.empty-org,.empty-roles,.empty-user-roles{color:#6b7280;padding:40px;text-align:center}.user-roles-table-modern{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden}.user-roles-table-modern table{border-collapse:collapse;width:100%}.user-roles-table-modern td,.user-roles-table-modern th{border-bottom:1px solid #e5e7eb;padding:14px 16px;text-align:left}.user-roles-table-modern th{background:#667eea;color:#fff;font-weight:600}.user-roles-table-modern tbody tr:hover{background:#fff}.organization-header-modern{border-bottom:2px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px}.organization-header-modern h2{color:#111827;margin:0 0 8px}.organization-header-modern p{color:#6b7280;margin:0}.organization-tree-modern{margin-top:20px}.edit-modal-overlay,.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content,.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.edit-modal-content h2,.modal-content h2{color:#111827;margin-top:0}.form-group input,.form-group select,.form-group textarea{transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.btn-delete-small{background:#ef4444;border-radius:6px;transition:all .3s ease}.btn-delete-small:hover{background:#dc2626;transform:translateY(-1px)}.two-factor-container{margin:0 auto;max-width:800px;padding:20px}.two-factor-status{margin-bottom:30px}.status-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.status-enabled{color:#28a745;font-size:18px;font-weight:700}.status-disabled{color:#dc3545;font-size:18px;font-weight:700}.two-factor-manage,.two-factor-setup{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.setup-content{margin-top:20px}.qr-section{margin-bottom:30px}.qr-code{margin:20px 0;text-align:center}.qr-code img{background:#fff;border:2px solid #ddd;border-radius:8px;max-width:300px;padding:10px}.secret-info{background:#f8f9fa;border-radius:4px;margin-top:20px;padding:15px}.secret-info code{background:#fff;border:1px solid #ddd;border-radius:4px;display:block;font-family:monospace;font-size:16px;margin-top:10px;padding:10px;word-break:break-all}.verify-section{border-top:2px solid #eee;margin-top:30px;padding-top:30px}.verify-section input{border:2px solid #667eea;border-radius:4px;font-size:18px;letter-spacing:4px;margin-right:10px;padding:12px;text-align:center;width:200px}.backup-codes{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-top:30px;padding:20px}.backup-codes h3,.backup-codes h4{color:#856404;margin-top:0}.codes-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.codes-list code{background:#fff;border:1px solid #ffc107;border-radius:4px;display:block;font-family:monospace;font-weight:700;padding:10px;text-align:center}.manage-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px}.manage-section:last-child{border-bottom:none}.manage-section input{border:1px solid #ddd;border-radius:4px;margin:10px 0;max-width:400px;padding:10px;width:100%}.btn-primary{box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea66}.btn-primary:disabled{transform:none}.btn-danger{background:#dc3545;border:none;border-radius:5px;cursor:pointer;margin-top:10px;padding:10px 20px}.rbac-container{margin:0 auto;max-width:1400px;padding:20px}.rbac-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.rbac-actions{display:flex;gap:10px}.btn-secondary{background:#6c757d;border-radius:5px}.rbac-section{margin-bottom:40px}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.role-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.role-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.role-header h3{margin:0}.btn-delete{background:#dc3545;border-radius:4px;padding:4px 8px}.role-permissions{margin-top:15px}.role-permissions pre{background:#f8f9fa;border-radius:4px;font-size:12px;overflow-x:auto;padding:10px}.role-meta{color:#666;font-size:12px;margin-top:15px}.user-roles-table{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:20px;overflow:hidden}.user-roles-table table{border-collapse:collapse;width:100%}.user-roles-table td,.user-roles-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.user-roles-table th{background:#f8f9fa;font-weight:700}.btn-delete-small{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:10px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:8px}.organization-container{margin:0 auto;max-width:1200px;padding:20px}.organization-tree{margin-top:20px}.dept-node{margin-bottom:15px}.dept-card{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.dept-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.dept-header h3{color:#333;margin:0}.btn-edit{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.dept-description{color:#666;margin:10px 0}.dept-manager{color:#888;font-size:14px;margin-top:8px}.dept-children{border-left:2px solid #e0e0e0;margin-top:15px;padding-left:20px}.edit-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content{background:#fff;border-radius:10px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.form-group{margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.form-actions{gap:10px;margin-top:20px}.btn-save{background:#667eea}.btn-cancel,.btn-save{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.btn-cancel{background:#6c757d}.ldap-settings{margin:0 auto;max-width:900px;padding:20px}.ldap-settings-loading{color:#6b7280;padding:40px;text-align:center}.ldap-settings-header{margin-bottom:32px}.ldap-settings-header h2{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:8px}.ldap-settings-subtitle{color:#6b7280;font-size:14px}.ldap-settings-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px}.ldap-form-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.ldap-form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.ldap-form-section h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:20px}.ldap-form-group{margin-bottom:24px}.ldap-form-group label{display:block;margin-bottom:8px}.ldap-label-text{color:#1f2937;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.ldap-label-hint{color:#6b7280;display:block;font-size:12px;font-weight:400}.ldap-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.ldap-input:focus{border-color:#667eea;outline:none}.ldap-input::placeholder{color:#9ca3af}.ldap-switch-label{align-items:flex-start;cursor:pointer;display:flex;gap:16px}.ldap-switch{-webkit-appearance:none;appearance:none;background:#d1d5db;border-radius:14px;cursor:pointer;flex-shrink:0;height:28px;margin-top:2px;position:relative;transition:background .3s;width:48px}.ldap-switch:checked{background:#667eea}.ldap-switch:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:2px;position:absolute;top:2px;transition:transform .3s;width:24px}.ldap-switch:checked:before{transform:translateX(20px)}.ldap-switch-text{flex:1 1}.ldap-switch-text strong{color:#1f2937;display:block;font-size:16px;margin-bottom:4px}.ldap-switch-hint{color:#6b7280;display:block;font-size:13px}.ldap-form-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.ldap-btn-save,.ldap-btn-test{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:200px;padding:12px 24px;transition:all .3s ease}.ldap-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ldap-btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.ldap-btn-test{background:#10b981;color:#fff}.ldap-btn-test:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.ldap-btn-save:disabled,.ldap-btn-test:disabled{cursor:not-allowed;opacity:.6}.ldap-test-result{align-items:start;border-radius:8px;display:flex;gap:16px;margin-top:24px;padding:20px}.ldap-test-result.success{background:#d1fae5;border:2px solid #10b981}.ldap-test-result.error{background:#fee2e2;border:2px solid #ef4444}.ldap-test-icon{flex-shrink:0;font-size:24px}.ldap-test-message{flex:1 1}.ldap-test-message strong{color:#1f2937;display:block;font-size:16px;margin-bottom:8px}.ldap-test-message p{color:#374151;font-size:14px;line-height:1.6;margin:0}.ldap-help-section{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:32px}.ldap-help-section h3{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:16px}.ldap-help-section ul{list-style:none;margin:0;padding:0}.ldap-help-section li{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;line-height:1.6;padding:12px 0}.ldap-help-section li:last-child{border-bottom:none}.ldap-help-section li strong{color:#1f2937;display:inline-block;min-width:120px}@media (max-width:768px){.ldap-settings{padding:16px}.ldap-settings-form{padding:20px}.ldap-form-actions{flex-direction:column}.ldap-btn-save,.ldap-btn-test{min-width:auto;width:100%}}.email-settings{margin:0 auto;max-width:900px;padding:20px}.email-settings-loading{color:#6b7280;padding:40px;text-align:center}.email-settings-header{margin-bottom:32px}.email-settings-header h2{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:8px}.email-settings-subtitle{color:#6b7280;font-size:14px}.email-settings-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px}.email-form-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.email-form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.email-form-section h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:20px}.email-form-group{margin-bottom:24px}.email-form-group label{display:block;margin-bottom:8px}.email-label-text{color:#1f2937;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.email-label-hint{color:#6b7280;display:block;font-size:12px;font-weight:400}.email-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.email-input:focus{border-color:#667eea;outline:none}.email-input::placeholder{color:#9ca3af}.email-switch-label{align-items:flex-start;cursor:pointer;display:flex;gap:16px}.email-switch{-webkit-appearance:none;appearance:none;background:#d1d5db;border-radius:14px;cursor:pointer;flex-shrink:0;height:28px;margin-top:2px;position:relative;transition:background .3s;width:48px}.email-switch:checked{background:#667eea}.email-switch:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:2px;position:absolute;top:2px;transition:transform .3s;width:24px}.email-switch:checked:before{transform:translateX(20px)}.email-switch-text{flex:1 1}.email-switch-text strong{color:#1f2937;display:block;font-size:16px;margin-bottom:4px}.email-switch-hint{color:#6b7280;display:block;font-size:13px}.email-form-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.email-btn-save,.email-btn-test{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:200px;padding:12px 24px;transition:all .3s ease}.email-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.email-btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.email-btn-test{background:#10b981;color:#fff}.email-btn-test:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.email-btn-save:disabled,.email-btn-test:disabled{cursor:not-allowed;opacity:.6}.email-test-result{align-items:start;border-radius:8px;display:flex;gap:16px;margin-top:24px;padding:20px}.email-test-result.success{background:#d1fae5;border:2px solid #10b981}.email-test-result.error{background:#fee2e2;border:2px solid #ef4444}.email-test-icon{flex-shrink:0;font-size:24px}.email-test-message{flex:1 1}.email-test-message strong{color:#1f2937;display:block;font-size:16px;margin-bottom:8px}.email-test-message p{color:#374151;font-size:14px;line-height:1.6;margin:0}.email-help-section{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:32px}.email-help-section h3{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:16px}.email-help-section ul{list-style:none;margin:0;padding:0}.email-help-section li{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;line-height:1.6;padding:12px 0}.email-help-section li:last-child{border-bottom:none}.email-help-section li strong{color:#1f2937;display:inline-block;min-width:150px}@media (max-width:768px){.email-settings{padding:16px}.email-settings-form{padding:20px}.email-form-actions{flex-direction:column}.email-btn-save,.email-btn-test{min-width:auto;width:100%}}.onec-settings-tab{margin:0 auto;max-width:900px;padding:24px}.onec-settings-header{margin-bottom:32px}.onec-settings-header h2{color:#1f2937;font-size:24px;margin:0 0 8px}.onec-settings-header p{color:#6b7280;font-size:14px;margin:0}.onec-settings-content{display:flex;flex-direction:column;gap:24px}.settings-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.settings-input-group{display:flex;flex-direction:column;gap:8px}.settings-input-group label{color:#374151}.settings-input-group input[type=text],.settings-input-group input[type=url]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.settings-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.onec-settings-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px}.onec-settings-loading{color:#6b7280;font-size:18px;padding:48px;text-align:center}.audit-logs-container{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:calc(100vh - 40px);padding:20px}.audit-logs-header{margin-bottom:20px}.audit-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.audit-logs-header>div:last-child{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.audit-logs-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:28px;font-weight:600;margin:0}.btn-export{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-export:hover{box-shadow:0 6px 16px #28a74566;transform:translateY(-2px)}.audit-logs-filters{grid-gap:12px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;padding:20px}.audit-logs-filters input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s ease}.audit-logs-filters input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.audit-logs-filters button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;font-weight:500;grid-column:1/-1;padding:10px 20px;transition:all .3s ease}.audit-logs-filters button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.audit-logs-filters button{background:#667eea;color:#fff;cursor:pointer}.audit-logs-stats{font-weight:700;margin-bottom:10px}.audit-logs-table{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;overflow-x:auto}.audit-logs-table table{border-collapse:collapse;width:100%}.audit-logs-table td,.audit-logs-table th{border-bottom:1px solid #f0f0f0;padding:14px 16px;text-align:left}.audit-logs-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.audit-logs-table tbody tr{transition:background-color .2s ease}.audit-logs-table tbody tr:hover{background-color:#f9fafb}.action-badge{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:6px;box-shadow:0 2px 4px #1565c033;color:#1565c0;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px}.audit-logs-pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px}.audit-logs-pagination button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.audit-logs-pagination button:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.audit-logs-pagination button:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.audit-logs-pagination span{color:#4b5563;font-weight:500}.loading{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;color:#667eea;font-size:18px;font-weight:500;padding:60px}.audit-logs-stats{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#4b5563;font-size:16px;font-weight:600;margin-bottom:15px;padding:12px 20px}.audit-logs-table details{cursor:pointer}.audit-logs-table details summary{border-radius:4px;color:#667eea;font-weight:500;padding:4px 8px;transition:background-color .2s}.audit-logs-table details summary:hover{background-color:#f3f4f6}.audit-logs-table details pre{background:#f9fafb;border-left:3px solid #667eea;border-radius:6px;font-size:12px;margin-top:8px;overflow-x:auto;padding:12px}.ai-welcome-bubble{animation:slideInUp .5s ease-out;bottom:100px;max-width:400px;position:fixed;right:20px;transition:opacity .5s ease-out,transform .5s ease-out;z-index:9998}.ai-welcome-bubble.hiding{animation:slideOutDown .5s ease-out forwards;opacity:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}.ai-welcome-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea66;color:#fff;padding:20px}.ai-welcome-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:15px}.ai-robot-icon{flex-shrink:0;font-size:32px}.ai-welcome-text{flex:1 1;font-size:14px;line-height:1.5}.ai-welcome-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;height:24px;line-height:1;transition:background .2s;width:24px}.ai-welcome-close:hover{background:#ffffff4d}.ai-welcome-suggestions{display:flex;flex-direction:column;gap:8px}.ai-suggestion-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:10px 15px;text-align:left;transition:all .2s}.ai-suggestion-btn:hover{background:#ffffff4d;transform:translateX(5px)}.ai-assistant-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;bottom:20px;box-shadow:0 4px 20px #667eea66;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:60px;z-index:9999}.ai-assistant-button:hover{box-shadow:0 6px 30px #667eea99;transform:scale(1.1)}.ai-assistant-button.active{background:linear-gradient(135deg,#f093fb,#f5576c)}.ai-robot-emoji{animation:pulse 2s infinite;font-size:32px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ai-close-text{background:#000c;border-radius:4px;bottom:-30px;color:#fff;font-size:12px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.ai-assistant-window{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;bottom:90px;box-shadow:0 8px 40px #0003;display:flex;flex-direction:column;height:600px;overflow:hidden;position:fixed;right:20px;width:420px;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.ai-assistant-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.ai-header-content{align-items:center;display:flex;gap:12px}.ai-robot-icon-large{font-size:36px}.ai-header-content h3{font-size:18px;font-weight:600;margin:0}.ai-header-content p{font-size:12px;margin:4px 0 0;opacity:.9}.ai-minimize-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:32px;line-height:1;transition:background .2s;width:32px}.ai-minimize-btn:hover{background:#ffffff4d}.ai-messages-container{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.ai-empty-state{color:#666;padding:40px 20px;text-align:center}.ai-empty-icon{font-size:64px;margin-bottom:16px}.ai-empty-state h4{color:#333;margin:0 0 8px}.ai-empty-state p{font-size:14px;margin:0 0 24px}.ai-suggestions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-top:20px}.ai-suggestion-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:13px;padding:12px 16px;text-align:left;transition:all .2s}.ai-suggestion-card:hover{background:#f0f4ff;border-color:#667eea;transform:translateX(5px)}.ai-message-group{margin-bottom:20px}.ai-message{display:flex;gap:10px;margin-bottom:12px}.ai-message-user{justify-content:flex-end}.ai-message-user .ai-message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:18px 18px 4px 18px;color:#fff;max-width:75%}.ai-message-bot{justify-content:flex-start}.ai-bot-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.ai-message-content{word-wrap:break-word;background:#fff;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #0000001a;font-size:14px;line-height:1.5;padding:12px 16px;white-space:pre-line}.ai-typing{align-items:center;display:flex;padding:12px 16px}.ai-typing-dots{display:flex;gap:4px}.ai-typing-dots span{animation:typing 1.4s infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.ai-typing-dots span:nth-child(2){animation-delay:.2s}.ai-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.ai-input-container{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:16px 20px}.ai-input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s}.ai-input:focus{border-color:#667eea}.ai-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .2s;width:44px}.ai-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.ai-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.ai-assistant-window{bottom:90px;height:calc(100vh - 120px);left:20px;right:20px;width:calc(100vw - 40px)}.ai-welcome-bubble{left:20px;max-width:none;right:20px}}.document-workflow-container{margin:0 auto;max-width:1200px;padding:20px}.document-workflow-header{margin-bottom:30px}.workflow-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.workflow-header-top h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:28px;font-weight:600;margin:0}.btn-back{background:#667eea1a;border:2px solid #667eea4d;color:#667eea;font-weight:500}.btn-back:hover{background:#667eea33;border-color:#667eea80}.workflow-search{display:flex;gap:10px;margin-bottom:30px}.workflow-search input{border:1px solid #ddd;border-radius:4px;padding:10px;width:200px}.workflow-search button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.workflow-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.create-form{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.create-form h3{margin-top:0}.create-form input,.create-form textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin:10px 0;max-width:400px;padding:10px;width:100%}.create-form textarea{min-height:80px;resize:vertical}.btn-primary{border-radius:5px;margin-top:10px}.signatures-list,.versions-list,.workflows-list{grid-gap:15px;display:grid;gap:15px;margin-top:20px}.signature-card,.version-card,.workflow-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:15px}.signature-header,.version-header,.workflow-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.version-number{font-size:18px;font-weight:700}.version-date,.workflow-steps{color:#666;font-size:14px}.version-summary{color:#333;margin:10px 0}.version-meta{color:#888;font-size:12px;margin-top:10px}.workflow-status{border-radius:4px;font-size:12px;font-weight:700;padding:6px 12px}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.rejection-reason{background:#fff;border-left:3px solid #dc3545;border-radius:4px;margin-top:10px;padding:10px}.workflow-actions{display:flex;gap:10px;margin-top:15px}.btn-approve{background:#28a745}.btn-approve,.btn-reject{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.btn-reject{background:#dc3545}.signature-user{font-weight:700}.signature-type{background:#667eea;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.signature-date{color:#666;font-size:12px;margin-top:8px}.quick-actions-widget{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px;padding:24px}.quick-actions-title{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:400px}.quick-action-btn{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px;text-decoration:none;transition:all .3s ease}.quick-action-btn:hover{background:#f3f4f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.quick-action-icon{font-size:32px;line-height:1}.quick-action-label{color:#374151;font-size:14px;font-weight:500}.modal-overlay{padding:20px}.modal-content{box-shadow:0 20px 25px -5px #0000001a;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-group label{font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:80px}.error-message{border-radius:6px;color:#dc2626;margin-bottom:20px}.btn-primary,.btn-secondary{border-radius:6px;font-size:14px;padding:10px 20px}.onec-access-widget{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px;padding:24px}.onec-access-title{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.onec-buttons-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.onec-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:120px;padding:20px;text-decoration:none;transition:all .3s ease}.onec-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 16px #667eea66;transform:translateY(-2px)}.onec-button:active{transform:translateY(0)}.onec-button-icon{font-size:36px;line-height:1}.onec-button-name{font-size:16px;font-weight:600;text-align:center}.dashboard{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.dashboard-header h1{color:#111827;font-size:32px;margin-bottom:8px}.dashboard-logout-btn{background:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.dashboard-logout-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.dashboard-header p{color:#6b7280;font-size:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{transition:transform .2s ease,box-shadow .2s ease}.stat-value{color:#111827;font-size:36px}.dashboard-info{margin-top:32px}.info-grid{grid-gap:16px;display:grid;gap:16px}.info-item{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-label{color:#6b7280;font-weight:500}.info-value{color:#111827;font-weight:500}.dashboard-loading{color:#6b7280;font-size:18px;padding:40px;text-align:center}.dashboard-actions{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.calendar-integration-section{margin-bottom:0}.calendar-integration-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;gap:20px;padding:24px 32px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.calendar-integration-button:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.calendar-integration-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:48px;height:80px;justify-content:center;width:80px}.calendar-integration-content{flex:1 1}.calendar-integration-title{font-size:24px;font-weight:700;margin-bottom:4px}.calendar-integration-description{font-size:14px;font-weight:400;opacity:.9}.calendar-integration-arrow{font-size:24px;font-weight:700;opacity:.8;transition:transform .3s ease}.calendar-integration-button:hover .calendar-integration-arrow{transform:translateX(5px)}.support-section{margin-bottom:0}.support-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:flex;gap:20px;padding:24px 32px;text-decoration:none;transition:all .3s ease}.support-button:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.support-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:48px;height:80px;justify-content:center;width:80px}.support-content{flex:1 1}.support-title{font-size:24px;font-weight:700;margin-bottom:4px}.support-description{font-size:14px;font-weight:400;opacity:.9}.support-arrow{font-size:24px;font-weight:700;opacity:.8;transition:transform .3s ease}.support-button:hover .support-arrow{transform:translateX(5px)}.settings-button-section{margin-bottom:0}.settings-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;gap:20px;padding:24px 32px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.settings-button:hover{background:linear-gradient(135deg,#7c8ef0,#8a5ab8);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.settings-button-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:48px;height:80px;justify-content:center;width:80px}.settings-button-content{flex:1 1}.settings-button-title{font-size:24px;font-weight:700;margin-bottom:4px}.settings-button-description{font-size:14px;font-weight:400;opacity:.9}.settings-button-arrow{font-size:24px;font-weight:700;opacity:.8;transition:transform .3s ease}.settings-button:hover .settings-button-arrow{transform:translateX(5px)}.ai-networks-section{margin-bottom:0}.ai-networks-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;gap:20px;padding:24px 32px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.ai-networks-button:hover{background:linear-gradient(135deg,#a78bfa,#818cf8);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.ai-networks-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:48px;height:80px;justify-content:center;width:80px}.ai-networks-content{flex:1 1}.ai-networks-title{font-size:24px;font-weight:700;margin-bottom:4px}.ai-networks-description{font-size:14px;font-weight:400;opacity:.9}.ai-networks-arrow{font-size:24px;font-weight:700;opacity:.8;transition:transform .3s ease}.ai-networks-button:hover .ai-networks-arrow{transform:translateX(5px)}.cloud-section{margin-bottom:0}.cloud-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;gap:20px;padding:24px 32px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.cloud-button:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.cloud-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:48px;height:80px;justify-content:center;width:80px}.cloud-content{flex:1 1}.cloud-title{font-size:24px;font-weight:700;margin-bottom:4px}.cloud-description{font-size:14px;font-weight:400;opacity:.9}.cloud-arrow{font-size:24px;font-weight:700;opacity:.8;transition:transform .3s ease}.cloud-button:hover .cloud-arrow{transform:translateX(5px)}.dashboard-quick-links{margin-bottom:32px;margin-top:32px}.quick-links-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quick-link-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease;width:100%}.quick-link-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.quick-link-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;font-size:40px;height:60px;justify-content:center;width:60px}.quick-link-content{flex:1 1}.quick-link-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:4px}.quick-link-description{color:#6b7280;font-size:14px}.dashboard-birthday-calendar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:32px;margin-top:32px;padding:24px}.birthday-calendar-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.birthday-calendar-item{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.birthday-calendar-item:hover{border-color:#f59e0b;box-shadow:0 4px 12px #fbbf244d;transform:translateY(-2px)}.birthday-calendar-icon{align-items:center;background:#ffffff80;border-radius:10px;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.birthday-calendar-content{flex:1 1;min-width:0}.birthday-calendar-name{color:#92400e;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.birthday-calendar-date{color:#b45309;font-size:14px;font-weight:600;margin-bottom:2px}.birthday-calendar-date-full{color:#92400e;font-size:12px;opacity:.8}.birthday-calendar-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24}.birthday-calendar-card .stat-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.btn-view-all-birthdays{background:#fbbf24;border:2px solid #f59e0b;border-radius:8px;color:#92400e;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-view-all-birthdays:hover{background:#f59e0b;box-shadow:0 4px 12px #fbbf244d;color:#fff;transform:translateY(-2px)}.btn-import-excel{background:#8b5cf6;border:none;border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-import-excel:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.backup-container{margin:0 auto;max-width:1200px;padding:20px}.backup-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.backup-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:28px;font-weight:600}.backup-actions{margin-bottom:30px}.backup-create-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.backup-create-section h2{color:#1f2937;margin-bottom:20px}.backup-type-selector{display:flex;gap:20px;margin-bottom:20px}.backup-type-selector label{align-items:center;cursor:pointer;display:flex;font-size:16px;gap:8px}.backup-type-selector input[type=radio]{cursor:pointer;height:20px;width:20px}.backups-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.backups-list h2{color:#1f2937;margin-bottom:20px}.backups-table{border-collapse:collapse;width:100%}.backups-table th{background:#f3f4f6;border-bottom:2px solid #e5e7eb;color:#1f2937;font-weight:600;padding:12px;text-align:left}.backups-table td{border-bottom:1px solid #e5e7eb;padding:12px}.backup-type-badge{border-radius:6px;font-size:14px;font-weight:500;padding:4px 12px}.backup-type-badge.database{background:#dbeafe;color:#1e40af}.backup-type-badge.files{background:#fef3c7;color:#92400e}.btn-delete{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s}.surveys-container{margin:0 auto;max-width:1200px;padding:20px}.surveys-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.surveys-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:28px;font-weight:600}.surveys-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.survey-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .2s,box-shadow .2s}.survey-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.survey-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:12px}.survey-header h3{color:#1f2937;font-size:20px;margin:0}.survey-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 12px}.survey-badge.active{background:#d1fae5;color:#065f46}.survey-badge.inactive{background:#fee2e2;color:#991b1b}.survey-description{color:#6b7280;line-height:1.6;margin-bottom:16px}.survey-meta{color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;margin-bottom:16px}.survey-actions{margin-top:16px}.btn-primary,.btn-secondary{font-size:14px;padding:10px 20px;width:100%}.btn-secondary{border:none;border-radius:8px;color:#1f2937;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#d1d5db}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px}.empty-state p{color:#6b7280;font-size:18px;margin-bottom:24px}.modal-content{padding:32px}.survey-create-modal{max-width:800px;width:95%}.survey-form-group{margin-bottom:20px}.form-label-text{color:#1f2937;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.survey-input,.survey-textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.survey-input:focus,.survey-textarea:focus{border-color:#667eea;outline:none}.survey-textarea{min-height:80px;resize:vertical}.survey-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.survey-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.survey-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.survey-questions-section{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:32px}.survey-questions-section h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:20px}.survey-question-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:20px}.btn-remove-question{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:8px 16px;transition:background .2s}.btn-remove-question:hover:not(:disabled){background:#dc2626}.btn-remove-question:disabled{cursor:not-allowed;opacity:.5}.btn-add-question{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s;width:100%}.btn-add-question:hover{background:#059669}.survey-form-actions{border-top:2px solid #e5e7eb;display:flex;gap:12px;margin-top:32px;padding-top:24px}.survey-form-actions .btn-primary,.survey-form-actions .btn-secondary{flex:1 1}@media (max-width:768px){.survey-form-row{grid-template-columns:1fr}.survey-create-modal{padding:20px}}.modal-content h2{margin-bottom:16px}.analytics-container{margin:0 auto;max-width:1200px;padding:20px}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.analytics-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:28px;font-weight:600}.btn-back{box-shadow:0 4px 12px #00000059;display:inline-block;font-size:15px;padding:12px 24px;text-decoration:none;white-space:nowrap}.btn-back:hover{background:#f3f4f6;border-color:#f3f4f6;box-shadow:0 6px 16px #0000004d;color:#111827;transform:translateX(-3px)}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:48px;height:80px;justify-content:center;width:80px}.stat-content{flex:1 1}.stat-value{font-size:32px;margin-bottom:4px}.stat-label{font-size:14px}.stat-sublabel{color:#9ca3af;font-size:12px;margin-top:4px}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.recent-activity h2{color:#1f2937;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:start;background:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:16px;transition:background .2s}.activity-item:hover{background:#f3f4f6}.activity-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-action{color:#1f2937;font-size:14px;margin-bottom:4px}.activity-time{color:#6b7280;font-size:12px}.empty-state{color:#6b7280;padding:40px;text-align:center}.access-denied{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.loading{color:#6b7280}.error,.loading{padding:40px;text-align:center}.error{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#ef4444}.btn-primary{font-size:16px;font-weight:600;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.calendar-integration{margin:0 auto;max-width:1000px;padding:20px}.calendar-integration-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.calendar-integration-header h1{color:#1f2937;font-size:28px;margin:0}.btn-back{background:#fff;border:3px solid #fff;box-shadow:0 4px 12px #00000026;color:#1f2937;font-size:16px;font-weight:700;padding:10px 20px}.btn-back:hover{box-shadow:0 6px 16px #0003}.calendar-integration-error{align-items:center;background:#fee2e2;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.calendar-integration-info{background:#f3f4f6;border-radius:12px;margin-bottom:30px;padding:20px}.calendar-integration-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.calendar-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:24px;text-align:left;transition:all .3s ease;width:100%}.calendar-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.calendar-btn-google:hover{border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.calendar-btn-outlook:hover{border-color:#0078d4;box-shadow:0 4px 12px #0078d433}.calendar-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;font-size:40px;height:60px;justify-content:center;width:60px}.calendar-btn-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:4px}.calendar-btn-desc{color:#6b7280;font-size:14px}.calendar-integrations-list{margin-top:40px}.calendar-integrations-list h2{color:#1f2937;font-size:22px;margin-bottom:20px}.calendar-integration-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px;padding:20px}.calendar-integration-type{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.calendar-integration-status{color:#6b7280;font-size:14px;margin-bottom:4px}.calendar-integration-sync{color:#9ca3af;font-size:12px}.calendar-integration-actions{display:flex;gap:12px}.btn-delete,.btn-sync{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.btn-delete:hover{transform:translateY(-2px)}.modal-content{max-width:500px}.form-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.calendar-integration-loading{color:#6b7280;font-size:18px;padding:40px;text-align:center}.onec-integration{margin:0 auto;max-width:1200px;padding:20px}.onec-integration-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.onec-integration-header h1{color:#1f2937;font-size:28px;margin:0}.onec-integration-error{align-items:center;background:#fee2e2;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.onec-integration-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:12px;margin-bottom:30px}.onec-integration-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .3s ease}.onec-integration-tabs button:hover{color:#1f2937}.onec-integration-tabs button.active{border-bottom-color:#667eea;color:#667eea}.onec-integrations-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.btn-add-integration{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-add-integration:hover{background:#5568d3;transform:translateY(-2px)}.onec-integrations-list{display:flex;flex-direction:column;gap:20px}.onec-integration-item{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px}@media (max-width:768px){.onec-integration-item{flex-direction:column}.onec-integration-actions{width:100%}}.onec-integration-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.onec-integration-name{color:#1f2937;flex:1 1;font-size:20px;font-weight:700;min-width:200px}.status-badges-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-badge{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}.status-connected{background:#10b981;color:#fff}.status-recent{background:#f59e0b;color:#fff}.status-stale{background:#f97316;color:#fff}.status-never{background:#6b7280;color:#fff}.status-unknown{background:#9ca3af;color:#fff}.sync-status-badge{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}.sync-success{background:#10b981;color:#fff}.sync-error{background:#ef4444;color:#fff}.sync-pending{background:#f59e0b;color:#fff}.sync-unknown{background:#9ca3af;color:#fff}.onec-integration-type{color:#6b7280;font-size:14px;margin-bottom:4px}.onec-integration-url{color:#9ca3af;font-size:12px;margin-bottom:12px;word-break:break-all}.onec-integration-settings{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.onec-integration-settings span{border-radius:4px;font-size:14px;padding:4px 8px}.onec-integration-settings span.enabled{background:#d1fae5;color:#065f46}.onec-integration-settings span.disabled{background:#fee2e2;color:#991b1b}.onec-integration-sync-time{color:#9ca3af;font-size:12px}.onec-integration-sync-details{background:#f9fafb;border-left:3px solid #667eea;border-radius:8px;margin-top:12px;padding:12px}.sync-detail-row{color:#374151;font-size:14px;margin-bottom:8px}.sync-detail-row strong{color:#1f2937;margin-right:8px}.sync-count{background:#e0e7ff;border-radius:4px;color:#4338ca;display:inline-block;font-size:12px;font-weight:600;margin-left:12px;padding:4px 8px}.sync-errors{background:#fee2e2;border-left:3px solid #dc2626;border-radius:8px;margin-top:12px;padding:12px}.sync-errors strong{color:#991b1b;display:block;margin-bottom:8px}.sync-errors ul{color:#dc2626;font-size:13px;margin:0;padding-left:20px}.sync-errors li{margin-bottom:4px}.onec-integration-setup-info{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;margin-top:16px;padding:16px}.setup-info-header{color:#1e40af;font-size:16px;font-weight:600;margin-bottom:12px}.setup-info-steps{color:#1e3a8a;margin:0;padding-left:24px}.setup-info-steps li{line-height:1.6;margin-bottom:8px}.sync-results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.sync-result-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.sync-result-label{color:#6b7280;font-size:14px;font-weight:500}.sync-result-value{font-size:16px;font-weight:600}.sync-result-value.success{color:#059669}.sync-result-value.empty{color:#dc2626}.sync-warning{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px;margin-top:12px;padding:12px}.sync-warning ul{margin:8px 0 0;padding-left:20px}.sync-warning li{margin-bottom:4px}.onec-integration-no-sync{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;margin-top:16px;padding:16px}.no-sync-message{color:#6b7280;font-size:16px;font-weight:600;margin-bottom:12px}.no-sync-help{color:#4b5563;font-size:14px}.no-sync-help ol{margin:8px 0 0;padding-left:24px}.no-sync-help li{line-height:1.6;margin-bottom:6px}.btn-test{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.btn-edit{background:#3b82f6!important;color:#fff!important}.btn-edit:hover{background:#2563eb!important;transform:translateY(-2px)}.btn-test{background:#10b981;color:#fff}.btn-test:hover{background:#059669;transform:translateY(-2px)}.btn-test:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.onec-birthdays-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.onec-birthday-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px}.onec-birthday-name{color:#1f2937;font-size:18px;font-weight:600}.onec-birthday-email{color:#6b7280;font-size:14px}.onec-birthday-date{color:#667eea;font-size:16px;font-weight:600;margin-top:8px}.onec-birthday-date-full{color:#9ca3af;font-size:14px}.onec-integration-actions{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:10px;min-width:220px}.onec-integration-actions .download-buttons-group,.onec-integration-actions>button:not(.btn-download){width:100%}.btn-edit,.btn-sync,.btn-test,.btn-token{border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:block;font-size:14px;font-weight:600;padding:10px 16px;text-align:center;transition:all .3s ease;white-space:nowrap;width:100%}.btn-sync{background:#667eea;color:#fff}.btn-sync:hover{background:#5568d3;transform:translateY(-2px)}.btn-sync:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-token{background:#8b5cf6;color:#fff}.btn-token:hover{background:#7c3aed;transform:translateY(-2px)}.download-buttons-group{display:flex;gap:8px;width:100%}.download-buttons-group .btn-download{flex:1 1;font-size:13px;min-width:0;padding:8px 12px}.btn-download{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.btn-download:hover{background:#7c3aed;transform:translateY(-2px)}.btn-download-xml{background:#10b981}.btn-download-xml:hover{background:#059669}.btn-download-txt{background:#6366f1}.btn-download-txt:hover{background:#4f46e5}.btn-notify{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.btn-notify:hover{background:#5568d3}.notified-badge{background:#d1fae5;border-radius:8px;color:#065f46;font-size:14px;font-weight:600;padding:8px 12px}.onec-birthdays-empty,.onec-integrations-empty{color:#6b7280;padding:60px 20px;text-align:center}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#1f2937;margin-bottom:20px;margin-top:0}.form-group input[type=password],.form-group input[type=text],.form-group input[type=url],.form-group select{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-group input[type=checkbox]{margin-right:8px}.webhook-token-info{margin:20px 0}.webhook-token-info>p{background:#dbeafe;border-radius:8px;color:#1e40af;margin-bottom:20px;padding:12px}.token-field{margin-bottom:20px}.token-field label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.token-display{display:flex;gap:8px}.token-display input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-family:monospace;font-size:14px;padding:12px}.btn-copy{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.btn-copy:hover{background:#5568d3}.token-instructions{background:#f3f4f6;border-radius:8px;margin-top:30px;padding:20px}.token-instructions h3{color:#1f2937;margin-bottom:12px;margin-top:0}.token-instructions ol{margin:0;padding-left:20px}.token-instructions li{color:#4b5563;margin-bottom:8px}.token-instructions code{background:#e5e7eb;border-radius:4px;color:#1f2937;font-size:12px;padding:2px 6px}.email-templates{margin:0 auto;max-width:1200px;padding:20px}.email-templates-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.email-templates-header h1{color:#1f2937;font-size:28px;margin:0}.access-denied{padding:60px 20px;text-align:center}.access-denied h2{color:#ef4444;margin-bottom:16px}.email-templates-error{background:#fee2e2;border-radius:8px;color:#dc2626;margin-bottom:20px;padding:12px 16px}.email-templates-error,.email-templates-header-section{align-items:center;display:flex;justify-content:space-between}.email-templates-header-section{margin-bottom:30px}.btn-add-template{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-add-template:hover{background:#5568d3;transform:translateY(-2px)}.email-templates-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.email-template-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.email-template-name{color:#1f2937;font-size:20px;font-weight:700}.email-template-type{color:#6b7280;font-size:14px}.email-template-subject{color:#374151;font-weight:500}.email-template-status,.email-template-subject{font-size:14px;margin-top:8px}.email-template-actions{display:flex;gap:12px;margin-top:auto}.btn-delete,.btn-preview{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.btn-preview{background:#667eea;color:#fff}.btn-preview:hover{background:#5568d3}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-large{background:#fff;border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;width:90%}.modal-content-large h2{color:#1f2937;margin-bottom:20px;margin-top:0}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-actions{justify-content:flex-end;margin-top:30px}.btn-primary,.btn-secondary{font-size:16px;font-weight:600;transition:all .3s ease}.btn-primary:hover{background:#5568d3}.btn-secondary{background:#e5e7eb}.btn-secondary:hover{background:#d1d5db}.email-preview{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:20px}.email-preview-subject{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:16px}.email-preview-body{background:#fff;border-radius:8px;min-height:200px;padding:20px}.email-templates-empty,.email-templates-loading{color:#6b7280;padding:60px 20px;text-align:center}.birthday-excel-container{margin:0 auto;max-width:1200px;padding:24px}.birthday-excel-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.birthday-excel-header h1{color:#1f2937;font-size:28px;margin:0}.btn-back{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.btn-back:hover{background:#4b5563;transform:translateY(-2px)}.birthday-excel-error{align-items:center;background:#fee2e2;border:2px solid #dc2626;border-radius:8px;color:#991b1b;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.birthday-excel-error button{align-items:center;background:none;border:none;color:#991b1b;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.birthday-excel-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:968px){.birthday-excel-content{grid-template-columns:1fr}}.birthday-excel-info{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px}.birthday-excel-info h2{color:#1f2937;font-size:20px;margin-bottom:20px;margin-top:0}.info-section{margin-bottom:24px}.info-section h3{color:#374151;font-size:16px;margin-bottom:12px}.info-section p{color:#6b7280;line-height:1.6;margin-bottom:8px}.info-section ul{color:#4b5563;margin:8px 0;padding-left:24px}.info-section li{line-height:1.5;margin-bottom:6px}.birthday-excel-upload{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px}.upload-section h2{color:#1f2937;font-size:20px;margin-bottom:20px;margin-top:0}.template-download{margin-bottom:24px}.btn-download-template{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.btn-download-template:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px)}.btn-download-template:disabled{cursor:not-allowed;opacity:.6}.template-hint{color:#6b7280;font-size:12px;font-style:italic;margin-top:8px;text-align:center}.file-input-wrapper{margin-bottom:16px}.file-input{display:none}.file-label{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:block;font-size:14px;padding:16px;text-align:center;transition:all .3s ease}.file-label:hover{background:#f3f4f6;border-color:#9ca3af}.file-info{background:#eff6ff;border-radius:8px;color:#1e40af;font-size:14px;margin-bottom:16px;padding:12px}.file-info p{margin:4px 0}.btn-upload{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.btn-upload:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-upload:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.upload-result{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin-top:24px;padding:20px}.upload-result h3{color:#1f2937;font-size:18px;margin-bottom:16px;margin-top:0}.result-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.stat-label{color:#6b7280;font-size:12px;font-weight:500}.stat-value{color:#1f2937;font-size:20px;font-weight:700}.stat-value.success{color:#10b981}.stat-value.error{color:#ef4444}.result-errors{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;margin-top:16px;padding:16px}.result-errors h4{color:#991b1b;font-size:14px;margin-bottom:12px;margin-top:0}.result-errors ul{color:#dc2626;font-size:13px;margin:0;padding-left:20px}.result-errors li{margin-bottom:6px}.result-message{background:#d1fae5;border-left:4px solid #10b981;border-radius:8px;margin-top:16px;padding:12px}.success-message{color:#065f46;font-size:14px;font-weight:600;margin:0}.notification-settings{margin:0 auto;max-width:900px;padding:24px}.notification-settings-header{margin-bottom:32px}.notification-settings-header h1{color:#1f2937;font-size:28px;margin:0 0 8px}.notification-settings-header p{color:#6b7280;font-size:16px;margin:0}.notification-settings-content{display:flex;flex-direction:column;gap:32px}.settings-input-group input[type=number]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100px}.settings-input-group input[type=number]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.notification-settings-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.notification-settings-error,.notification-settings-loading{color:#6b7280;font-size:18px;padding:48px;text-align:center}.notification-settings-error{color:#ef4444}.birthday-settings{margin:0 auto;max-width:900px;padding:24px}.birthday-settings-header{margin-bottom:32px}.birthday-settings-header h1{color:#1f2937;font-size:28px;margin:0 0 8px}.birthday-settings-header p{color:#6b7280;font-size:16px;margin:0}.notification-message{border-radius:8px;font-size:14px;margin-bottom:24px;padding:12px 16px}.notification-message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.notification-message.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.birthday-settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.settings-section h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.settings-group{display:flex;flex-direction:column;gap:16px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:15px;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.settings-input-group{margin-left:32px;margin-top:8px}.settings-input-group label{color:#6b7280;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.settings-input-group input[type=number],.settings-input-group input[type=password],.settings-input-group input[type=text],.settings-input-group input[type=time],.settings-input-group select{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;max-width:400px;padding:10px 12px;width:100%}.settings-input-group input:focus,.settings-input-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.birthday-settings-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-primary{background:#3b82f6;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af}.birthday-settings-error,.birthday-settings-loading{color:#6b7280;font-size:18px;padding:48px;text-align:center}.birthday-settings-error{color:#ef4444}.forgot-login-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.forgot-login-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.forgot-login-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.forgot-login-header h2{color:#111827;font-size:24px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-btn:hover{background:#f3f4f6;color:#111827}.forgot-login-content{padding:24px}.form-label{color:#374151;font-size:14px}.form-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;padding:12px;transition:border-color .2s}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.autocomplete-wrapper{position:relative}.suggestions-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.suggestion-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px;transition:background-color .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f9fafb}.error-message{background:#fee2e2;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:16px;padding:12px}.form-actions{display:flex;gap:12px;margin-top:24px}.btn{border-radius:8px;flex:1 1;padding:12px 24px;transition:all .2s}.btn-primary{background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.recover-result{text-align:center}.result-success{background:#f0fdf4;border-radius:8px;margin-bottom:24px;padding:24px}.result-success h3{color:#16a34a;font-size:20px;margin:0 0 20px}.user-info{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px;text-align:left}.user-name{color:#111827;font-size:18px;font-weight:600;margin-bottom:12px}.user-email{display:flex;flex-direction:column;gap:8px}.user-email strong{color:#6b7280;font-size:14px;font-weight:500}.email-value{color:#667eea;font-size:16px;font-weight:600;word-break:break-all}.App{min-height:100vh}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f);box-shadow:0 6px 20px #667eea80;transform:translateY(-1px)}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn:disabled{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input,.form-label{color:var(--text-primary)}.form-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:120px;padding:10px 12px;resize:vertical;transition:border-color .3s ease;width:100%}.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--card-shadow);color:var(--text-primary);margin-bottom:24px;padding:28px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.card-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.card-title{color:var(--text-primary);font-size:20px;font-weight:600}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.modern-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:14px;font-weight:500;min-height:70px;overflow:hidden;padding:16px 20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modern-btn:hover:before{left:100%}.modern-btn:hover{box-shadow:0 8px 24px #00000040;transform:translateY(-4px)}.modern-btn:active{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.modern-btn{font-size:13px;min-height:60px;padding:12px 16px}.modern-btn span{font-size:20px!important;margin-right:6px!important}}