.auth-container{background:url(/assets/ab-BB2F6jy2.jpg) 0 0/cover no-repeat;width:100vw;min-height:100vh;display:flex}.auth-hero{color:var(--bg-dark);flex:1;justify-content:center;align-items:center;padding:4rem;display:flex}.hero-content{vertical-align:bottom;text-align:right;visibility:hidden;max-width:480px;position:relative;top:20rem}.hero-content h1{font-size:2.5rem;font-weight:700;line-height:1.2;font-family:"Lora" sans-serif;margin-bottom:1rem}.hero-content p{color:#94a3b8;font-size:1.05rem;line-height:1.6}.auth-form-wrapper{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);width:100%;max-width:480px;padding:2.5rem;box-shadow:0 10px 25px -5px #0000000d}.auth-header{margin-bottom:1.5rem}.brand-logo{color:var(--primary);border-radius:50%;margin-bottom:1rem;padding:.2rem;display:inline-flex}.auth-header h2{color:var(--text-main);font-family:Lora;font-size:1.6rem;font-weight:700}.auth-header p{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.tab-switch{background:#f1f5f9;border-radius:8px;margin-bottom:1.5rem;padding:.25rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--text-main);background:#fff;box-shadow:0 1px 3px #0000001a}.alert{border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem;font-size:.85rem;transition:opacity .2s,transform .2s;animation:.3s ease-in-out forwards getOverHere;display:flex;position:absolute;top:1rem;right:1rem}@keyframes getOverHere{0%{opacity:0;transform:translateY(-1rem)}50%{opacity:1;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}.alert-content{align-items:center;gap:.5rem;display:flex}.alert-error{color:var(--error-color);background:#fef2f2;border:1px solid #fecaca}.alert-success{color:var(--success-color);background:#ecfdf5;border:1px solid #a7f3d0}.alert-dismiss{cursor:pointer;opacity:.7;color:inherit;background:0 0;border:none;align-items:center;padding:4px;display:flex}.alert-dismiss:hover{opacity:1}.form-body{flex-direction:column;gap:1.25rem;display:flex}.form-row{gap:1rem;display:flex}.input-group{flex-direction:column;flex:1;gap:.4rem;display:flex}.input-group label{color:var(--text-main);font-size:.85rem;font-weight:600}.input-field{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;padding:0 .75rem;transition:border-color .2s,box-shadow .2s;display:flex}.input-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.input-field.field-valid{border-color:var(--success-color)}.input-field.field-valid:focus-within{box-shadow:0 0 0 3px #10b9811a}.input-field.field-invalid{border-color:var(--error-color)}.input-field.field-invalid:focus-within{box-shadow:0 0 0 3px #ef44441a}.field-icon{color:var(--text-muted);flex-shrink:0;align-items:center;margin-right:.5rem;display:flex}.input-field input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;padding:.7rem 0;font-size:.95rem}.input-field input::placeholder{color:var(--text-muted);opacity:.6}.input-field select{color:var(--text-main);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;flex:1;padding:.7rem 0;font-size:.95rem}.input-field select:disabled{opacity:.6;cursor:not-allowed}.input-field select option[value=""][disabled]{color:var(--text-muted)}.input-field input[type=date]{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:.7rem 0;font-size:.95rem}.input-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.input-field input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.domain-hint{margin-top:.2rem;font-size:.75rem;display:block}.domain-hint.valid{color:var(--success-color)}.domain-hint.invalid{color:var(--error-color)}.submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.8rem;font-size:.95rem;font-weight:600;transition:background .2s,opacity .2s;display:flex}.submit-btn:hover:not(:disabled){background:var(--primary-hover)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:1.5rem}.auth-footer p{color:var(--text-muted);font-size:.75rem;line-height:1.4}.verify-card{text-align:center;max-width:480px}.verify-status{flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}.verify-status h2{color:var(--text-main);font-size:1.5rem;font-weight:700}.verify-status p{color:var(--text-muted);max-width:360px;font-size:.95rem;line-height:1.6}.verify-icon.success{color:var(--success-color)}.verify-icon.error{color:var(--error-color)}.verify-icon.loading{color:var(--primary)}.verify-btn{max-width:280px;margin-top:.5rem;text-decoration:none;display:inline-flex}.verify-actions{flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.form-links{text-align:center}.form-link{color:var(--primary);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.form-link:hover{color:var(--primary-hover);text-decoration:underline}.back-link{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--primary)}@media (width<=900px){.auth-hero{display:none}.auth-form-wrapper{padding:1.5rem}.auth-card{max-width:100%;padding:2rem}}@media (width<=600px){.form-row{flex-direction:column;gap:1.25rem}.auth-card{border-radius:12px;padding:1.5rem}.auth-header h2{font-size:1.4rem}}.sidebar{color:#424242;background:#fff;border-right:1px solid #cbcdcf;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;overflow-y:auto}.sidebar-top{border-bottom:1px solid #cbcdcf;padding:1.25rem}.sidebar-brand{align-items:center;gap:.75rem;display:flex}.sidebar-logo{flex-shrink:0;width:28px;height:28px;overflow:hidden}.sidebar-logo img{object-fit:contain;width:100%;height:100%}.sidebar-user{flex-direction:column;display:flex;overflow:hidden}.sidebar-name{color:#1e1e1f;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.sidebar-role{color:#9ca3af;text-transform:capitalize;font-family:Lora;font-size:.75rem}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.nav-section{margin-bottom:1rem;padding:0 .75rem}.nav-section-header{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.7rem;font-weight:600;display:flex}.nav-add-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;display:flex}.nav-add-btn:hover{color:#e5e7eb;background:#1f2937}.nav-item{color:#1f2937;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#e5e7eb;background:#1f2937}.nav-item.active{color:#1f2937;background:#f7f8fa;border:1px solid #d3dbea}.nav-project{font-size:.85rem}.nav-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.nav-project-list button{cursor:pointer;background:0 0;border:none;border-radius:50%}.nav-status-dot.status-not_started{background:#6b7280}.nav-status-dot.status-in_progress{background:#3b82f6}.nav-status-dot.status-completed{background:#10b981}.nav-status-dot.status-on_hold{background:#f59e0b}.nav-empty{color:#4b5563;padding:.5rem .75rem;font-size:.8rem}.nav-project-list{max-height:300px;overflow-y:auto}.nav-project-config{display:none}.nav-project-list:hover>.nav-project-config{display:block}.sidebar-bottom{border-top:1px solid #cbcdcf;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.sidebar-profile-wrapper{margin-top:.25rem;position:relative}.sidebar-profile-btn{cursor:pointer;text-align:left;background:0 0;border:1px solid #e7e0e0;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;transition:all .15s;display:flex}.sidebar-profile-btn.active{background:#fefeff;border-color:#bfc6d1}.sidebar-avatar{color:#fff;text-transform:uppercase;background:#1e1e1f;border-radius:100%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.72rem;font-weight:700;display:flex}.sidebar-avatar img{border:2px solid #bfc6d1;border-radius:100%}.sidebar-profile-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-profile-name{color:#1e1e1f;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.sidebar-profile-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.sidebar-profile-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s}.sidebar-profile-chevron.open{transform:rotate(180deg)}.sidebar-profile-menu{z-index:50;background:#fefeff;border:1px solid #bfc6d1;border-radius:10px;animation:.15s menuSlideUp;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden}.sidebar-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin-left:auto;padding:4px;display:none}.mobile-topbar{background:#fff;border-bottom:1px solid #f3f4f6;flex-shrink:0;padding:.5rem 1rem;display:none}@media (width<=768px){.sidebar-close-btn{display:flex}.mobile-topbar{align-items:center;display:flex}}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-profile-menu-header{flex-direction:column;gap:.15rem;padding:.85rem;display:flex}.sidebar-profile-menu-name{color:#1f2937;font-size:.88rem;font-weight:600}.sidebar-profile-menu-email{color:#1f2937;word-break:break-all;font-size:.78rem}.sidebar-profile-menu-role{color:#fff;text-transform:capitalize;background:#374151;border-radius:10px;align-self:flex-start;margin-top:.3rem;padding:.12rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.sidebar-profile-menu-divider{background:#374151;height:1px}.sidebar-profile-menu-item{color:#1f2937;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.6rem .85rem;font-size:.85rem;text-decoration:none;transition:all .1s;display:flex}.sidebar-profile-menu-item:hover{color:#f9fafb;background:#374151}.sidebar-profile-menu-logout{color:#f87171}.sidebar-profile-menu-logout:hover{color:#fca5a5;background:#7f1d1d33}@media (width<=768px){.sidebar{z-index:50;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 30px #0000004d}}.sidebar-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:4px;display:none}.sidebar-close-btn:hover{color:#e5e7eb;background:#374151}.mobile-topbar{background:#fff;border-bottom:1px solid #f3f4f6;flex-shrink:0;align-items:center;padding:.6rem 1rem;display:none}.sidebar-toggle{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-toggle:hover{background:#f3f4f6}.sidebar-overlay{z-index:40;background:#0006;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{z-index:50;box-shadow:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 30px #00000040}.sidebar-close-btn,.mobile-topbar{display:flex}.sidebar-overlay{display:block}}.slideover-overlay{z-index:100;background:#00000040;justify-content:flex-end;animation:.15s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.slideover-panel{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;height:100vh;animation:.25s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:-8px 0 30px #00000014}.slideover-narrow{width:420px}.slideover-default{width:520px}.slideover-wide{width:640px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.slideover-header{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;min-height:52px;padding:.75rem 1.25rem;display:flex}.slideover-title{color:#111827;font-size:1rem;font-weight:600}.slideover-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .15s;display:flex}.slideover-close:hover{color:#111827;background:#f3f4f6}.slideover-body{flex:1;padding:1.5rem 1.25rem;overflow-y:auto}.slideover-form{flex-direction:column;gap:1.25rem;display:flex}.slideover-field{flex-direction:column;gap:.4rem;display:flex}.slideover-field label{color:#374151;font-size:.85rem;font-weight:600}.slideover-textarea{color:#374151;resize:vertical;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:.65rem .75rem;font-family:inherit;font-size:.9rem;line-height:1.6;transition:border-color .15s,box-shadow .15s}.slideover-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f614}.slideover-textarea::placeholder{color:#d1d5db}.slideover-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.slideover-actions{border-top:1px solid #f3f4f6;gap:.75rem;margin-top:.5rem;padding-top:.5rem;display:flex}.slideover-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1;padding:.65rem;font-size:.9rem;font-weight:500;transition:all .15s}.slideover-cancel-btn:hover{background:#f9fafb}.slideover-submit-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.slideover-submit-btn:hover:not(:disabled){background:#1f2937}.slideover-submit-btn:disabled{opacity:.5;cursor:not-allowed}.td-content{flex-direction:column;gap:0;display:flex}.td-complete-row{margin-bottom:1rem}.td-complete-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.td-complete-btn:hover{color:#10b981;border-color:#10b981}.td-complete-btn.completed{color:#059669;background:#ecfdf5;border-color:#10b981}.td-title-section{margin-bottom:1.25rem}.td-title{color:#111827;cursor:pointer;border-radius:4px;padding:.25rem 0;font-size:1.35rem;font-weight:700;line-height:1.3;transition:background .1s}.td-title:hover{background:#f9fafb}.td-title-done{color:#9ca3af;text-decoration:line-through}.td-title-input{color:#111827;background:0 0;border:none;border-bottom:2px solid #3b82f6;outline:none;width:100%;padding:.25rem 0;font-size:1.35rem;font-weight:700}.td-properties{flex-direction:column;display:flex}.td-prop-row{border-bottom:1px solid #f9fafb;grid-template-columns:140px 1fr;align-items:center;min-height:40px;padding:.35rem 0;display:grid}.td-prop-label{color:#6b7280;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.td-prop-value{align-items:center;display:flex}.td-prop-text{color:#374151;padding:.2rem 0;font-size:.9rem}.td-status-group{flex-wrap:wrap;gap:.35rem;display:flex}.td-status-chip{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:.25rem .65rem;font-size:.78rem;font-weight:500;transition:all .15s}.td-status-chip:hover{border-color:var(--chip-color);color:var(--chip-color)}.td-status-chip.active{background:var(--chip-color);border-color:var(--chip-color);color:#fff}.td-date-input{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.3rem .5rem;font-size:.85rem;transition:border-color .15s}.td-date-input:focus{border-color:#3b82f6;outline:none}.td-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.td-divider{background:#e5e7eb;height:1px;margin:1.25rem 0}.td-description-section{flex-direction:column;gap:.5rem;display:flex}.td-desc-label{color:#374151;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.td-desc-display{color:#374151;cursor:pointer;white-space:pre-wrap;border-radius:6px;min-height:80px;padding:.5rem;font-size:.9rem;line-height:1.6;transition:background .1s}.td-desc-display:hover{background:#f9fafb}.td-desc-empty{color:#9ca3af;font-style:italic}.td-desc-textarea{color:#374151;resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.65rem;font-family:inherit;font-size:.9rem;line-height:1.6;transition:border-color .15s,box-shadow .15s}.td-desc-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f614}.td-desc-textarea::placeholder{color:#d1d5db}.td-danger-zone{padding-top:.25rem}.td-delete-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;transition:all .15s;display:inline-flex}.td-delete-btn:hover{color:#ef4444;background:#fef2f2}.td-delete-btn:disabled{opacity:.5;cursor:not-allowed}.edit-project-panel{flex-direction:column;gap:0;display:flex}.edit-project-tabs{border-bottom:1px solid #e5e7eb;gap:0;margin-bottom:1.25rem;margin-left:-1.25rem;margin-right:-1.25rem;padding:0 1.25rem;display:flex}.edit-project-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.edit-project-tab:hover{color:#374151}.edit-project-tab.active{color:#111827;border-bottom-color:#111827}.edit-project-tab-danger:hover{color:#ef4444}.edit-project-tab-danger.active{color:#ef4444;border-bottom-color:#ef4444}.edit-project-tab-content,.delete-zone{flex-direction:column;gap:1.25rem;display:flex}.delete-zone-warning{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;gap:.75rem;padding:1rem;display:flex}.delete-zone-warning svg{flex-shrink:0;margin-top:2px}.delete-zone-warning-title{color:#991b1b;margin:0 0 .35rem;font-size:.9rem;font-weight:600}.delete-zone-warning-desc{color:#b91c1c;margin:0;font-size:.82rem;line-height:1.6}.delete-zone-warning-desc strong{color:#991b1b}.delete-zone-project-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.delete-zone-project-icon{color:#ef4444;background:#fee2e2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.delete-zone-project-name{color:#111827;margin:0 0 .15rem;font-size:.95rem;font-weight:600}.delete-zone-project-meta{color:#6b7280;text-transform:capitalize;margin:0;font-size:.78rem}.delete-zone-confirm{flex-direction:column;gap:.4rem;display:flex}.delete-zone-confirm-label{color:#374151;font-size:.85rem;line-height:1.5}.delete-zone-confirm-match{color:#dc2626;background:#fef2f2;border-radius:4px;padding:.1rem .35rem;font-family:SF Mono,Fira Code,monospace;font-weight:700}.delete-zone-confirm-input{color:#111827;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:.6rem .75rem;font-family:SF Mono,Fira Code,monospace;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.delete-zone-confirm-input:focus{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000a}.delete-zone-confirm-input::placeholder{color:#d1d5db;font-family:SF Mono,Fira Code,monospace}.delete-zone-input-match{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.delete-zone-input-mismatch{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b14}.delete-zone-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.delete-zone-btn:hover:not(:disabled){background:#b91c1c}.delete-zone-btn:disabled{cursor:not-allowed;background:#fca5a5}@media (width<=600px){.edit-project-tabs{margin-left:-1rem;margin-right:-1rem;padding:0 1rem}.delete-zone-warning{flex-direction:column;gap:.5rem}}@media (width<=700px){.slideover-narrow,.slideover-default,.slideover-wide{width:100%}.slideover-row{grid-template-columns:1fr}.td-prop-row{grid-template-columns:120px 1fr}}.td-save-bar{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.6rem .85rem;animation:.2s saveBarIn;display:flex}@keyframes saveBarIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.td-save-bar-text{color:#92400e;font-size:.82rem;font-weight:500}.td-save-bar-actions{gap:.5rem;display:flex}.td-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.td-cancel-btn:hover{background:#f3f4f6}.td-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.td-save-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.td-save-btn:hover:not(:disabled){background:#1f2937}.td-save-btn:disabled{opacity:.5;cursor:not-allowed}.td-loading{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;font-size:.9rem;display:flex}@media (width<=768px){.slideover-narrow,.slideover-default,.slideover-wide{width:100%}.slideover-row{grid-template-columns:1fr}.td-prop-row{grid-template-columns:110px 1fr;font-size:.82rem}.td-status-group{flex-wrap:wrap;gap:.25rem}.td-status-chip{padding:.2rem .5rem;font-size:.75rem}}.dashboard-layout{background:#f9fafb;height:100vh;display:flex;overflow:hidden}.dashboard-main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.dashboard-content{flex:1;padding:1.5rem 2rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-icon{color:#686a6d;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{color:#111827;font-size:1.5rem;font-weight:700}.stat-label{color:#6b7280;font-size:.8rem;font-weight:500}.section-title{color:#111827;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.view-toggle{gap:.5rem;margin-bottom:1rem;display:flex}.vt-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;transition:all .15s;display:flex}.vt-btn.active{color:#fff;background:#111827;border-color:#111827}.vt-btn:hover:not(.active){background:#f3f4f6}.project-meta{margin-bottom:1.5rem}.project-desc{color:#6b7280;margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.project-meta-row{flex-wrap:wrap;gap:.75rem;display:flex}.meta-tag{color:#374151;text-transform:capitalize;background:#f3f4f6;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;display:inline-flex}.meta-tag-btn{cursor:pointer;background:#f3f4f6;border:none;transition:all .15s}.meta-tag-btn:hover{color:#111827;background:#e5e7eb}.empty-state{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state h3{color:#374151;font-size:1.1rem}.empty-state p{max-width:320px;font-size:.9rem}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.td-desc-label-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{padding:1.25rem 1.5rem}}@media (width<=768px){.dashboard-layout{position:relative}.dashboard-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{gap:.75rem;padding:1rem}.stat-value{font-size:1.25rem}.sidebar-toggle{display:flex}.sidebar-overlay{display:block}.view-toggle{padding-bottom:.25rem;overflow-x:auto}.project-meta-row{gap:.5rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.stat-icon{width:36px;height:36px}.stat-value{font-size:1.1rem}.empty-state{padding:2rem 1rem}}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:1rem}}.notif-anchor{display:inline-block;position:relative}.notif-bell-btn{position:relative}.notif-bell-btn.active{color:#111827!important;background:#e5e7eb!important}.notif-badge{color:#fff;text-align:center;background:#ef4444;border:2px solid #fff;border-radius:10px;min-width:18px;padding:1px 5px;font-size:.65rem;font-weight:700;line-height:1.2;position:absolute;top:-4px;right:-4px}.notif-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:380px;max-width:90vw;animation:.18s ease-out notifDropIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 35px -5px #00000026}@keyframes notifDropIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-header{background:#fafafa;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.notif-header-title{align-items:center;gap:.5rem;display:flex}.notif-header-title h3{color:#111827;margin:0;font-size:.95rem;font-weight:700}.notif-unread-pill{color:#3b82f6;background:#eff6ff;border-radius:12px;padding:1px 6px;font-size:.7rem;font-weight:600}.notif-action-text-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:3px 6px;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.notif-action-text-btn:hover:not(:disabled){color:#111827;background:#e5e7eb}.notif-action-text-btn:disabled{opacity:.4;cursor:not-allowed}.notif-permission-banner{color:#86198f;background:#fdf4ff;border-bottom:1px solid #fae8ff;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.76rem;display:flex}.notif-permission-content{align-items:center;gap:.4rem;display:flex}.notif-permission-icon{color:#c026d3;flex-shrink:0}.notif-permission-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#c026d3;border:none;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:600}.notif-permission-btn:hover{background:#a21caf}.notif-tabs{border-bottom:1px solid #f3f4f6;gap:.5rem;padding:.4rem .85rem 0;display:flex}.notif-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.35rem .4rem;font-size:.8rem;font-weight:500}.notif-tab.active{color:#111827;border-bottom-color:#111827;font-weight:600}.notif-body{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:.75rem;padding:.8rem 1rem;transition:background .12s;display:flex;position:relative}.notif-item:hover{background:#f9fafb}.notif-item-unread{background:#f8fafc}.notif-item-unread:hover{background:#f1f5f9}.notif-item-icon-wrapper{flex-shrink:0;margin-top:2px}.notif-icon-task{color:#3b82f6}.notif-icon-project{color:#8b5cf6}.notif-icon-member{color:#10b981}.notif-icon-mention{color:#f59e0b}.notif-icon-default{color:#6b7280}.notif-item-content{flex:1;min-width:0}.notif-item-header{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.notif-item-title{color:#1f2937;margin:0;font-size:.84rem;font-weight:600;line-height:1.35}.notif-unread-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:7px;height:7px}.notif-item-body{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-size:.78rem;line-height:1.3;overflow:hidden}.notif-item-meta{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.notif-item-time{color:#9ca3af;font-size:.7rem}.notif-item-link-tag{color:#3b82f6;align-items:center;gap:2px;font-size:.68rem;font-weight:500;display:inline-flex}.notif-item-actions{opacity:0;flex-shrink:0;margin-left:.2rem;transition:opacity .15s}.notif-item:hover .notif-item-actions{opacity:1}.notif-item-action-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px;display:flex}.notif-item-delete-btn:hover{color:#ef4444;background:#fee2e2}.notif-empty-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:3rem 1.5rem;font-size:.85rem;display:flex}.notif-empty-icon{color:#d1d5db}.notif-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite notifSpin}@keyframes notifSpin{to{transform:rotate(360deg)}}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.topbar-left{align-items:baseline;gap:.75rem;display:flex}.topbar-title{color:#111827;font-size:1.25rem;font-weight:700}.topbar-subtitle{color:#6b7280;font-size:.85rem}.topbar-right{align-items:center;gap:.75rem;display:flex}.topbar-search{background:#f3f4f6;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .75rem;transition:all .15s;display:flex}.topbar-search:focus-within{background:#fff;border-color:#d1d5db;box-shadow:0 0 0 3px #3b82f614}.topbar-search input{color:#374151;background:0 0;border:none;outline:none;width:180px;font-size:.85rem}.topbar-search svg{color:#9ca3af}.topbar-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.topbar-btn.primary{color:#fff;background:#111827}.topbar-btn.primary:hover{background:#1f2937}.topbar-btn.icon-btn{color:#374151;background:#f3f4f6;padding:.5rem}.topbar-btn.icon-btn:hover{background:#e5e7eb}@media (width<=768px){.topbar{padding:.75rem 1rem}.topbar-search,.topbar-subtitle,.topbar-btn.primary span{display:none}.topbar-btn.primary{padding:.5rem}}@media (width<=480px){.topbar-title{font-size:1rem}}.task-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;transition:all .15s}.task-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.task-priority{text-transform:capitalize;align-items:center;gap:.2rem;font-size:.75rem;font-weight:500;display:flex}.task-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;transition:border-color .15s,box-shadow .15s,transform .1s}.task-card:hover{cursor:grab;border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.task-card-dragging{opacity:.8;cursor:grabbing;border-color:#818cf8;transform:rotate(2deg)scale(1.02);box-shadow:0 8px 24px #0000001f}.task-card-header{align-items:flex-start;gap:.5rem;display:flex}.task-checkbox{cursor:pointer;accent-color:#10b981;flex-shrink:0;width:16px;height:16px;margin-top:2px}.task-card-title{color:#111827;font-size:.88rem;font-weight:500;line-height:1.4}.task-card-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.4rem 0 0 1.6rem;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.task-card-footer{justify-content:space-between;align-items:center;margin-top:.6rem;padding-left:1.6rem;display:flex}.task-card-meta{align-items:center;gap:.6rem;display:flex}.task-meta-item{color:#9ca3af;align-items:center;gap:.2rem;font-size:.75rem;display:flex}.task-priority{text-transform:capitalize;border-radius:1rem;justify-self:center;align-items:center;gap:.2rem;padding:.1rem .4rem .2rem;font-size:.75rem;font-weight:600;display:flex}.fallback-avatar{justify-content:center;align-items:center;width:100%;display:flex}.fallback-avatar img{border:1px solid #b2c3da;border-radius:50%}.task-board{grid-template-columns:repeat(3,1fr);align-items:start;gap:1rem;min-height:400px;display:grid}.board-column{background:#f3f4f6;border:2px solid #0000;border-radius:10px;flex-direction:column;min-height:200px;padding:.75rem;transition:background .2s,box-shadow .2s;display:flex}.board-column-over{background:#eef2ff;border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.board-column-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.board-column-body{flex-direction:column;flex:1;gap:.5rem;min-height:80px;display:flex}.board-drop-indicator{color:#6366f1;background:#818cf80f;border:2px dashed #818cf8;border-radius:8px;justify-content:center;align-items:center;padding:1rem;font-size:.82rem;font-weight:500;animation:.15s dropIndicatorIn;display:flex}@keyframes dropIndicatorIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.task-card-wrapper{cursor:grab;transition:opacity .15s,transform .15s}.task-card-dragging{opacity:1;cursor:grabbing}.task-card-wrapper:active{cursor:grabbing}.task-card-ghost{opacity:.3;cursor:grabbing}@media (width<=900px){.task-board{grid-template-columns:1fr;gap:.75rem}.board-column{min-height:auto}.board-column-body{max-height:400px;overflow-y:auto}}.task-board{grid-template-columns:repeat(3,1fr);gap:1rem;min-height:400px;display:grid}.board-column{background:#f3f4f6;border-radius:10px;flex-direction:column;padding:.75rem;display:flex}.board-column-header{align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .25rem;display:flex}.board-column-dot{border-radius:50%;width:8px;height:8px}.board-column-title{color:#374151;font-size:.85rem;font-weight:600}.board-column-count{color:#9ca3af;background:#e5e7eb;border-radius:10px;margin-left:auto;padding:0 .45rem;font-size:.75rem}.board-column-body{flex-direction:column;flex:1;gap:.5rem;display:flex}.board-empty{text-align:center;color:#9ca3af;padding:2rem 0;font-size:.8rem}.task-list-view{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.task-list-header{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:36px 1fr 120px 100px 100px 80px;padding:.6rem 1rem;font-size:.75rem;font-weight:600;display:grid}.task-list-row{color:#374151;cursor:pointer;border-bottom:1px solid #f3f4f6;grid-template-columns:36px 1fr 120px 100px 100px 80px;align-items:center;padding:.7rem 1rem;font-size:.88rem;transition:background .1s;display:grid}.task-list-row:hover{background:#f9fafb}.task-list-row:last-child{border-bottom:none}.tl-col{align-items:center;gap:.3rem;display:flex}.tl-col-name{font-weight:500}.status-badge{border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.status-badge.status-in_progress{color:#1d4ed8;background:#dbeafe}.status-badge.status-stuck{color:#dc2626;background:#fef2f2}.status-badge.status-completed{color:#16a34a;background:#dcfce7}@media (width<=900px){.task-board{grid-template-columns:1fr;gap:.75rem}.board-column-body{max-height:400px;overflow-y:auto}.task-list-header,.task-list-row{grid-template-columns:36px 1fr 110px 90px}.tl-col-date,.tl-col-assignee{display:none}}@media (width<=600px){.task-list-header,.task-list-row{grid-template-columns:36px 1fr 100px}.tl-col-priority{display:none}.task-list-header,.task-list-row{padding:.6rem .75rem}}.user-search-wrapper{width:100%;position:relative}.user-search-input-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;display:flex}.user-search-input-row:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.user-search-icon{color:#9ca3af;flex-shrink:0}.user-search-input{color:#374151;background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.user-search-input::placeholder{color:#d1d5db}.user-search-clear{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:2px;display:flex}.user-search-clear:hover{color:#374151}.user-search-dropdown{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:260px;animation:.15s dropIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001a}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-search-result{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;transition:background .1s;display:flex}.user-search-result img{border-radius:50%;width:2rem}.user-search-result:hover{background:#f3f4f6}.user-search-result:first-child{border-radius:10px 10px 0 0}.user-search-result:last-child{border-radius:0 0 10px 10px}.user-search-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.user-search-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-search-name{color:#111827;font-size:.88rem;font-weight:500}.user-search-email{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.user-search-class{color:#9ca3af;text-transform:capitalize;flex-shrink:0;font-size:.75rem}.user-search-loading,.user-search-empty{text-align:center;color:#9ca3af;padding:1.25rem;font-size:.85rem}.user-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .6rem;display:inline-flex}.user-chip-small{gap:.35rem;padding:.25rem .5rem}.user-chip-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:flex}.user-chip-small .user-chip-avatar{width:22px;height:22px;font-size:.55rem}.user-chip-info{flex-direction:column;min-width:0;display:flex}.user-chip-name{color:#111827;font-size:.85rem;font-weight:500}.user-chip-small .user-chip-name{font-size:.8rem}.user-chip-email{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.user-chip-remove{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .1s;display:flex}.user-chip-remove:hover{color:#ef4444;background:#fef2f2}.members-list{flex-direction:column;gap:.5rem;display:flex}.member-row{justify-content:space-between;align-items:center;display:flex}.member-owner-badge{text-transform:uppercase;letter-spacing:.04em;color:#f59e0b;background:#fef3c7;border-radius:10px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.td-prop-row-top{align-items:flex-start;padding-top:.5rem}.td-prop-value-column{flex-direction:column;align-items:flex-start;gap:.4rem}.td-assignee-search{flex-direction:column;gap:.4rem;width:100%;display:flex}.td-assignee-cancel{color:#6b7280;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:.2rem 0;font-size:.8rem}.td-assignee-cancel:hover{color:#111827}.td-assignee-display{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.td-assignee-empty{color:#9ca3af;align-items:center;gap:.4rem;padding:.3rem 0;font-size:.85rem;display:flex}.td-assignee-empty:hover{color:#3b82f6}.td-inline-loading{color:#6b7280;align-items:center;gap:.3rem;font-size:.78rem;display:flex}.file-uploader{flex-direction:column;gap:.5rem;display:flex}.fu-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.fu-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.fu-btn:disabled{opacity:.5;cursor:not-allowed}.fu-btn-compact{padding:.35rem .6rem;font-size:.8rem}.fu-progress-list{flex-direction:column;gap:.5rem;display:flex}.fu-progress-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.35rem;padding:.6rem .75rem;display:flex}.fu-progress-error{background:#fef2f2;border-color:#fecaca}.fu-progress-file{align-items:center;gap:.5rem;display:flex}.fu-progress-info{flex-direction:column;flex:1;min-width:0;display:flex}.fu-progress-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:500;overflow:hidden}.fu-progress-size{color:#9ca3af;font-size:.72rem}.fu-progress-remove{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px;display:flex}.fu-progress-remove:hover{color:#ef4444;background:#fef2f2}.fu-progress-bar-wrapper{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden}.fu-progress-bar{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:2px;height:100%;transition:width .3s}.fu-error{color:#dc2626;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.fu-success{color:#16a34a;font-size:.75rem}.fp-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.15s overlayIn;display:flex;position:fixed;inset:0}.fp-container{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.2s modalIn;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fp-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.fp-filename{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.fp-header-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.fp-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:all .15s;display:flex}.fp-action-btn:hover{color:#111827;background:#f3f4f6}.fp-close:hover{color:#ef4444;background:#fef2f2}.fp-body{background:#f9fafb;flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;overflow:auto}.fp-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex}.fp-image{object-fit:contain;border-radius:6px;max-width:100%;max-height:70vh}.fp-iframe{border:none;width:100%;height:70vh}.fp-video{max-width:100%;max-height:70vh}.fp-audio-wrapper{padding:2rem}.fp-audio{width:100%}.fp-fallback{color:#6b7280;text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.fp-external-btn{color:#fff;background:#111827;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.fp-external-btn:hover{background:#1f2937}@media (width<=600px){.fp-container{border-radius:0;max-height:100vh}.fp-iframe{height:60vh}}.al-loading,.al-empty{color:#9ca3af;align-items:center;gap:.4rem;padding:.75rem 0;font-size:.82rem;display:flex}.al-list{flex-direction:column;gap:.35rem;display:flex}.al-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .75rem;transition:all .1s;display:flex}.al-item:hover{background:#f3f4f6}.al-item-deleting{opacity:.4;pointer-events:none}.al-item-icon{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.al-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.al-item-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:500;overflow:hidden}.al-item-meta{color:#9ca3af;margin-top:1px;font-size:.72rem}.al-item-actions{flex-shrink:0;align-items:center;gap:.15rem;display:flex}.al-action-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;transition:all .1s;display:flex}.al-action-btn:hover{color:#374151;background:#e5e7eb}.al-action-delete:hover{color:#ef4444;background:#fef2f2}.al-action-btn:disabled{opacity:.5;cursor:not-allowed}.members-panel{flex-direction:column;gap:0;display:flex}.members-add-section{flex-direction:column;gap:.5rem;display:flex}.members-label{color:#374151;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.members-adding{color:#6b7280;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.members-list-section{flex-direction:column;gap:.75rem;display:flex}.members-loading{color:#9ca3af;justify-content:center;align-items:center;gap:.4rem;padding:2rem;font-size:.85rem;display:flex}.members-empty{text-align:center;color:#9ca3af;padding:2rem 1rem;font-size:.85rem}.members-table-wrapper{margin-left:-1.25rem;margin-right:-1.25rem;overflow-x:auto}.members-table{border-collapse:collapse;width:100%}.members-table thead tr{border-top:1px solid #f3f4f6;border-bottom:1px solid #e5e7eb}.members-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;background:#f9fafb;padding:.55rem 1rem;font-size:.72rem;font-weight:600}.members-table th:first-child{padding-left:1.25rem}.members-table th:last-child{width:44px;padding-right:1.25rem}.members-table-row{border-bottom:1px solid #f3f4f6;transition:background .1s}.members-table-row:hover{background:#fafafa}.members-table-row:last-child{border-bottom:none}.members-table td{color:#374151;vertical-align:middle;padding:.6rem 1rem;font-size:.85rem}.members-table td:first-child{padding-left:1.25rem}.members-table td:last-child{padding-right:1.25rem}.members-table-user{align-items:center;gap:.6rem;display:flex}.members-table-avatar{color:#fff;text-transform:uppercase;background:#111827;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.65rem;font-weight:700;display:flex}.members-table-avatar img{border-radius:50%}.members-table-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.members-table-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.82rem;overflow:hidden}.member-owner-badge{color:#b45309;white-space:nowrap;background:#fef3c7;border-radius:10px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.member-role-badge{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:10px;padding:.15rem .55rem;font-size:.7rem;font-weight:500;display:inline-flex}.members-table-action{text-align:center;width:44px}.members-remove-btn{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.members-remove-btn:hover{color:#ef4444;background:#fef2f2}.members-remove-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=600px){.members-table-email,.members-table th:nth-child(2),.members-table td:nth-child(2){display:none}}.users-action-bar{justify-content:flex-end;margin-bottom:1rem;display:flex}.users-create-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600;transition:background .15s;display:flex}.users-create-btn:hover{background:#1f2937}.user-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.user-table-filters{border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.user-table-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:.4rem;max-width:320px;padding:.45rem .75rem;transition:all .15s;display:flex}.user-table-search:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.user-table-search svg{color:#9ca3af;flex-shrink:0}.user-table-search input{color:#374151;background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.user-table-filter-group{position:relative}.user-table-select{appearance:none;color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.45rem 2rem .45rem .75rem;font-size:.85rem}.user-table-select:focus{border-color:#3b82f6;outline:none}.user-table-select-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.user-table-container{overflow-x:auto}.user-table{border-collapse:collapse;width:100%}.user-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.65rem 1rem;font-size:.75rem;font-weight:600}.user-table-row{cursor:pointer;transition:background .1s}.user-table-row:hover{background:#f9fafb}.user-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:.75rem 1rem;font-size:.88rem}.user-table-row:last-child td{border-bottom:none}.user-table-user{align-items:center;gap:.75rem;display:flex}.user-table-avatar{color:#fff;text-transform:uppercase;background:#1e1e1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.7rem;font-weight:700;display:flex}.user-table-avatar img,.user-detail-avatar img{border:1px solid #9ca3af;border-radius:50%}.user-table-name{color:#111827;font-weight:500}.user-table-email{color:#6b7280}.user-table-class{text-transform:capitalize}.user-status-badge{border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.user-table-date{color:#9ca3af;font-size:.82rem}.user-table-empty{text-align:center;color:#9ca3af;padding:3rem 1rem;font-size:.9rem}.user-table-footer{color:#9ca3af;border-top:1px solid #f3f4f6;padding:.6rem 1rem;font-size:.8rem}.user-detail-header{align-items:center;gap:1.25rem;padding-bottom:.5rem;display:flex}.user-detail-avatar{color:#fff;text-transform:uppercase;background:#1e1e1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.35rem;font-weight:700;display:flex}.user-detail-identity{flex-direction:column;gap:.2rem;display:flex}.user-detail-identity h2{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.user-detail-email{color:#6b7280;font-size:.88rem}.user-detail-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.user-verified-badge{color:#16a34a;background:#dcfce7;border-radius:20px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.user-role-badge{color:#4f46e5;text-transform:capitalize;background:#eff6ff;border-radius:20px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.user-detail-section{flex-direction:column;gap:1rem;display:flex}.user-detail-section-title{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin:0;font-size:.85rem;font-weight:600}.user-detail-actions{flex-direction:row;gap:.5rem;display:flex}.user-action-btn{cursor:pointer;border:1px solid;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.65rem .85rem;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.user-action-btn:disabled{opacity:.5;cursor:not-allowed}.user-action-activate{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.user-action-activate:hover:not(:disabled){background:#dcfce7;border-color:#059669}.user-action-deactivate{color:#d97706;background:#fef3c7;border-color:#fde68a}.user-action-deactivate:hover:not(:disabled){background:#fef9c3;border-color:#d97706}.user-action-delete{color:#ef4444;background:#fff;border-color:#fecaca}.user-action-delete:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}@media (width<=900px){.user-table th:nth-child(3),.user-table td:nth-child(3),.user-table th:nth-child(5),.user-table td:nth-child(5){display:none}}@media (width<=600px){.user-table th:nth-child(4),.user-table td:nth-child(4){display:none}.user-table-filters{flex-direction:column;align-items:stretch}.user-table-search{max-width:100%}.user-detail-header{flex-direction:column;align-items:flex-start}.user-detail-avatar{width:48px;height:48px;font-size:1rem}}.messages-layout{background:#fff;width:100%;height:100vh;display:flex;overflow:hidden}.msg-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:320px;height:100%;display:flex}.msg-sidebar-header{justify-content:space-between;align-items:center;padding:1.25rem 1rem .75rem;display:flex}.msg-sidebar-title{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.msg-new-dm-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.msg-new-dm-btn:hover{background:#1f2937}.msg-sidebar-search{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.4rem;margin:0 1rem .75rem;padding:.45rem .75rem;display:flex}.msg-sidebar-search input{color:#111827;border:none;outline:none;width:100%;font-size:.85rem}.msg-sidebar-list{flex:1;padding:0 .5rem 1rem;overflow-y:auto}.msg-section{flex-direction:column;gap:.25rem;margin-bottom:1.25rem;display:flex}.msg-section-heading{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:.4rem .6rem;font-size:.72rem;font-weight:700}.msg-thread-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;transition:all .12s;display:flex}.msg-thread-item:hover{background:#f3f4f6}.msg-thread-item.active{background:#eff6ff}.msg-thread-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.msg-thread-icon.project{color:#4338ca;background:#e0e7ff}.msg-thread-icon.dm{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.msg-thread-avatar-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:34px;height:34px}.msg-thread-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.msg-thread-top{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.msg-thread-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.msg-thread-date{color:#9ca3af;font-size:.7rem}.msg-thread-preview{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.msg-unread-badge{color:#fff;background:#3b82f6;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:.7rem;font-weight:700}.msg-empty-threads{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.85rem;display:flex}.messages-main{background:#fff;flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.thread-view-container{flex-direction:column;width:100%;height:100%;display:flex}.thread-view-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.thread-header-info{align-items:center;gap:.75rem;display:flex}.thread-icon-badge{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.thread-icon-badge.project{color:#4338ca;background:#e0e7ff}.thread-icon-badge.dm{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.thread-header-avatar{object-fit:cover;border-radius:10px;width:38px;height:38px}.thread-title{color:#111827;margin:0;font-size:1.05rem;font-weight:700}.thread-subtitle{color:#6b7280;font-size:.75rem}.thread-messages-body{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.msg-row{gap:.75rem;max-width:75%;display:flex}.msg-row-own{flex-direction:row-reverse;align-self:flex-end}.msg-avatar-col{flex-shrink:0;width:32px}.msg-avatar-img{object-fit:cover;border-radius:8px;width:32px;height:32px}.msg-avatar-fallback{color:#374151;background:#e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.msg-avatar-spacer{width:32px}.msg-body-col{flex-direction:column;gap:.25rem;display:flex}.msg-body-own{align-items:flex-end}.msg-sender-header{align-items:baseline;gap:.5rem;display:flex}.msg-sender-name{color:#111827;font-size:.8rem;font-weight:600}.msg-time{color:#9ca3af;font-size:.7rem}.msg-time-own{margin-top:2px}.msg-bubble{color:#1f2937;word-break:break-word;background:#f3f4f6;border-radius:2px 12px 12px;padding:.65rem .9rem;font-size:.9rem;line-height:1.45}.msg-bubble-own{color:#fff;background:#111827;border-top-left-radius:12px;border-top-right-radius:2px}.msg-text{white-space:pre-wrap;margin:0}.msg-attachments-container{flex-direction:column;gap:.4rem;margin-top:.2rem;display:flex}.msg-image-attachment{cursor:pointer;border-radius:8px;max-width:280px;overflow:hidden}.msg-inline-img{border-radius:8px;width:100%;height:auto;display:block}.msg-file-attachment{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.msg-file-meta{flex-direction:column;flex:1;min-width:0;display:flex}.msg-file-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;overflow:hidden}.msg-file-size{color:#9ca3af;font-size:.7rem}.msg-file-actions{gap:.2rem;display:flex}.msg-file-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px;display:flex}.msg-file-btn:hover{color:#111827;background:#e5e7eb}.msg-system-row{justify-content:center;align-items:center;margin:.5rem 0;display:flex}.msg-system-text{color:#9ca3af;background:#f3f4f6;border-radius:12px;padding:2px 10px;font-size:.75rem}.thread-empty-prompt{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:auto;display:flex}.thread-empty-icon{color:#d1d5db}.thread-empty-prompt h3{color:#374151;margin:0}.thread-empty-prompt p{margin:0;font-size:.85rem}.msg-input-wrapper{background:#fff;border-top:1px solid #f3f4f6;padding:1rem 1.5rem 1.5rem}.msg-pending-attachments{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.msg-pending-chip{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.msg-pending-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.msg-pending-remove{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:2px;display:flex}.msg-pending-remove:hover{color:#ef4444}.msg-input-bar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:flex-end;gap:.5rem;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;display:flex}.msg-input-bar:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.msg-attach-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-bottom:2px;padding:4px;transition:color .15s;display:flex}.msg-attach-btn:hover{color:#111827}.msg-textarea{resize:none;color:#111827;background:0 0;border:none;outline:none;flex:1;max-height:140px;padding:3px 0;font-family:inherit;font-size:.9rem;line-height:1.4}.msg-textarea::placeholder{color:#9ca3af}.msg-send-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:1px;transition:all .15s;display:flex}.msg-send-btn:hover:not(:disabled){background:#1f2937}.msg-send-btn:disabled{opacity:.4;cursor:not-allowed}.messages-loading,.thread-loading{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;height:100%;font-size:.88rem;display:flex}.messages-placeholder{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.messages-placeholder-icon{color:#d1d5db;margin-bottom:.75rem}.messages-placeholder h2{color:#374151;margin:0 0 .25rem;font-size:1.25rem}.new-dm-panel{flex-direction:column;gap:.75rem;display:flex}.new-dm-label{color:#374151;font-size:.85rem;font-weight:600}.sidebar-unread-badge{color:#fff;background:#3b82f6;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:.7rem;font-weight:700;line-height:1.2}@media (width<=768px){.msg-sidebar{width:100%}.messages-main,.messages-layout.chat-open .msg-sidebar{display:none}.messages-layout.chat-open .messages-main{display:flex}}.settings-layout{flex:1;display:flex;position:relative;overflow:hidden}.settings-feedback{z-index:200;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:500;animation:.25s feedbackIn;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 4px 16px #0000001a}@keyframes feedbackIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-feedback-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.settings-feedback-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.settings-nav{background:#f9fafb;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;padding:1.5rem 0;display:flex;overflow-y:auto}.settings-nav-profile{border-bottom:1px solid #e5e7eb;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 1.25rem 1.25rem;display:flex}.settings-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.settings-avatar-img{object-fit:cover;width:100%;height:100%}.settings-nav-user{flex-direction:column;min-width:0;display:flex}.settings-nav-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.settings-nav-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.settings-nav-links{flex-direction:column;flex:1;gap:.15rem;padding:0 .75rem;display:flex}.settings-nav-link{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;font-size:.88rem;transition:all .12s;display:flex}.settings-nav-link:hover{color:#111827;background:#f3f4f6}.settings-nav-link.active{color:#1d4ed8;background:#eff6ff;font-weight:500}.settings-nav-bottom{border-top:1px solid #e5e7eb;margin-top:1rem;padding:1rem .75rem 0}.settings-logout-link{color:#ef4444}.settings-logout-link:hover{color:#dc2626;background:#fef2f2}.settings-content{flex:1;max-width:680px;padding:2rem 2.5rem;overflow-y:auto}.settings-section{flex-direction:column;gap:.5rem;display:flex}.settings-section-title{color:#111827;margin:0;font-size:1.35rem;font-weight:700}.settings-section-desc{color:#6b7280;margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.settings-form{flex-direction:column;gap:1.25rem;display:flex}.settings-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.settings-field{flex-direction:column;gap:.35rem;display:flex}.settings-field label{color:#374151;font-size:.85rem;font-weight:600}.settings-input-wrapper{color:#9ca3af;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem .75rem;transition:border-color .15s,box-shadow .15s;display:flex}.settings-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.settings-input-wrapper input,.settings-input-wrapper select{color:#111827;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.settings-input-wrapper select{cursor:pointer;appearance:none}.settings-input-disabled{cursor:not-allowed;background:#f9fafb}.settings-input-disabled input{color:#6b7280;cursor:not-allowed}.settings-field-hint{color:#9ca3af;font-size:.78rem}.settings-field-error{color:#ef4444;font-size:.78rem}.settings-avatar-section{border-bottom:1px solid #f3f4f6;align-items:center;gap:1.25rem;padding-bottom:1rem;display:flex}.settings-avatar-large{color:#fff;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.5rem;font-weight:700;display:flex;position:relative;overflow:hidden}.settings-avatar-img-large{object-fit:cover;width:100%;height:100%}.settings-avatar-overlay{opacity:0;background:#0006;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.settings-avatar-large:hover .settings-avatar-overlay{opacity:1}.settings-avatar-info{flex-direction:column;gap:.15rem;display:flex}.settings-avatar-label{color:#111827;font-size:.9rem;font-weight:600}.settings-avatar-hint{color:#9ca3af;font-size:.78rem}.settings-save-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:.4rem;margin-top:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .15s;display:inline-flex}.settings-save-btn:hover:not(:disabled){background:#1f2937}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-divider{background:#e5e7eb;height:1px;margin:2rem 0}.settings-danger-section{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.settings-danger-title{color:#991b1b;margin:0;font-size:1rem;font-weight:700}.settings-danger-desc{color:#b91c1c;margin:0;font-size:.85rem;line-height:1.5}.settings-danger-btn{color:#ef4444;cursor:not-allowed;opacity:.6;background:#fff;border:1px solid #fca5a5;border-radius:8px;align-self:flex-start;align-items:center;margin-top:.25rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.settings-notif-list{flex-direction:column;gap:.75rem;display:flex}.settings-notif-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.settings-notif-info{align-items:flex-start;gap:.75rem;display:flex}.settings-notif-icon{color:#6b7280;background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-notif-label{color:#111827;margin-bottom:.15rem;font-size:.9rem;font-weight:600;display:block}.settings-notif-desc{color:#6b7280;font-size:.8rem;line-height:1.4;display:block}.settings-toggle{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.settings-toggle.on{background:#10b981}.settings-toggle.off{background:#d1d5db}.settings-toggle:disabled{opacity:.5;cursor:not-allowed}.settings-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;box-shadow:0 1px 3px #00000026}.settings-toggle.on .settings-toggle-knob{left:22px}.settings-toggle.off .settings-toggle-knob{left:2px}@media (width<=768px){.settings-layout{flex-direction:column}.settings-nav{border-bottom:1px solid #e5e7eb;border-right:none;flex-direction:row;gap:.5rem;width:100%;padding:.75rem;overflow-x:auto}.settings-nav-profile{display:none}.settings-nav-links{flex-direction:row;gap:.25rem;padding:0}.settings-nav-bottom{display:none}.settings-content{padding:1.25rem}.settings-form-row{grid-template-columns:1fr}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-dark:#0f172a;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--secondary-bg:#f1f5f9;--border-color:#e2e8f0;--error-color:#ef4444;--success-color:#10b981;--radius:10px}*{box-sizing:border-box;margin:0;padding:0;font-family:Quicksand,Lora,sans-serif;font-weight:500}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.lottie-display{width:100%;max-width:400px}.lottie-display svg{width:100%;height:auto}.not-found h1{color:#5a5959;margin:1.5rem 0 1rem;font-family:Lora,Georgia,serif;font-size:2rem;font-weight:900}.not-found button{color:#fff;cursor:pointer;background-color:#0070f3;border:none;border-radius:6px;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s}.not-found button:hover{background-color:#0051a2}.not-found button:active{transform:scale(.98)}