*{box-sizing:border-box}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:root,[data-theme=light]{--color-bg: #f8fafc;--color-bg-mid: #f1f5f9;--color-bg-end: #e2e8f0;--color-card: #ffffff;--color-card-border: #e2e8f0;--color-card-shadow: 0 1px 3px rgba(0, 0, 0, .06);--color-text: #334155;--color-text-muted: #64748b;--color-text-label: #475569;--color-input-bg: #f0f2f5;--color-input-bg-hover: #e8ecf1;--color-input-border: #e2e8f0;--color-input-border-hover: #cbd5e1;--color-input-placeholder: #94a3b8;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-focus: #2563eb;--color-focus-ring: rgba(37, 99, 235, .2);--color-btn-bg: #2563eb;--color-btn-bg-hover: #1d4ed8;--color-settings-bg: #ffffff;--color-settings-border: #e2e8f0;--color-settings-text: #64748b;--color-settings-active: #2563eb;--color-settings-active-bg: #eff6ff;--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .06)}[data-theme=dark]{--color-bg: #1a1a1c;--color-bg-mid: #222224;--color-bg-end: #2a2a2c;--color-card: #252528;--color-card-border: #36363a;--color-card-shadow: 0 2px 8px rgba(0, 0, 0, .4);--color-text: #e8e8ea;--color-text-muted: #a1a1a6;--color-text-label: #b8b8bd;--color-input-bg: #1e1e21;--color-input-bg-hover: #252528;--color-input-border: #3a3a3e;--color-input-border-hover: #4a4a4e;--color-input-placeholder: #6e6e73;--color-primary: #5b9cf6;--color-primary-hover: #7ab4f8;--color-primary-light: rgba(91, 156, 246, .15);--color-focus: #7ab4f8;--color-focus-ring: rgba(122, 180, 248, .2);--color-btn-bg: #3b82f6;--color-btn-bg-hover: #5b9cf6;--color-settings-bg: #252528;--color-settings-border: #36363a;--color-settings-text: #a1a1a6;--color-settings-active: #7ab4f8;--color-settings-active-bg: rgba(91, 156, 246, .18);--color-error: #f08080;--color-error-bg: rgba(240, 128, 128, .12)}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;display:flex;flex-direction:column;background:#1e293b;border-right:1px solid rgba(255,255,255,.08);box-shadow:0 2px 12px #00000040;transition:width .2s ease;z-index:100}.sidebar--collapsed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar:not(.sidebar--collapsed) .sidebar-header{justify-content:flex-start}.sidebar--collapsed .sidebar-logo-text{display:none}.sidebar--collapsed .sidebar-nav-link{padding:.75rem;justify-content:center}.sidebar--collapsed .sidebar-nav-icon{margin:0;display:flex;align-items:center;justify-content:center}.sidebar-logo{display:flex;align-items:center}.sidebar-logo-text{font-size:1.25rem;font-weight:600;color:#f8fafc;letter-spacing:-.02em}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-toggle svg{display:block}.sidebar-toggle:hover{background:var(--color-input-bg-hover);color:var(--color-text)}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-nav-list{list-style:none;margin:0;padding:0}.sidebar-nav-item{margin:2px 0}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#f8fafcbf;font-size:.9375rem;text-decoration:none;transition:all .2s ease}.sidebar-nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:inherit}.sidebar-nav-link:hover{background:#ffffff14;color:#f8fafc}.sidebar-nav-link.active{background:#3b82f633;color:#93c5fd;font-weight:500}.sidebar-nav-label{font-weight:500}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--color-card-border);display:flex;flex-direction:column}.sidebar-user{display:flex;flex-direction:column}.sidebar-user-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;text-decoration:none;color:inherit;transition:background .2s ease;background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;width:100%;text-align:left}.sidebar-user-link:hover{background:var(--color-input-bg)}.sidebar-user-avatar{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;letter-spacing:.02em;overflow:hidden}.sidebar-user-avatar-img{width:100%;height:100%;object-fit:cover}.sidebar-user-initials{line-height:1}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.sidebar-user-welcome{font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.sidebar-user-email{font-size:.8125rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar--collapsed .sidebar-user-link{padding:.5rem .75rem}.sidebar--collapsed .sidebar-user-info{display:none}.confirm-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0006;padding:1rem}.confirm-modal{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:8px;box-shadow:var(--color-card-shadow);padding:1.5rem;max-width:360px;width:100%}.confirm-message{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5;color:var(--color-text)}.confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;font-family:inherit;transition:background .2s ease}.confirm-btn--primary{background:var(--color-btn-bg);color:#fff}.confirm-btn--primary:hover{background:var(--color-btn-bg-hover)}.confirm-btn--secondary{background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-input-border)}.confirm-btn--secondary:hover{background:var(--color-input-bg-hover)}.app-header{flex-shrink:0;position:relative}.app-header:before{content:"";position:absolute;right:100%;top:0;bottom:0;width:200vw;margin-right:1.5rem;background:var(--color-bg-mid);border-bottom:1px solid var(--color-card-border);z-index:-1;pointer-events:none}.app-header-profile{position:relative;z-index:1}.app-header-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:10px;background:var(--color-card);border:1px solid var(--color-card-border);box-shadow:var(--color-card-shadow);cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit;text-align:left;color:inherit}.app-header-profile:hover{background:var(--color-input-bg);border-color:var(--color-input-border-hover)}.app-header-avatar{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;letter-spacing:.02em;overflow:hidden}.app-header-avatar-img{width:100%;height:100%;object-fit:cover}.app-header-initials{line-height:1}.app-header-info{display:flex;flex-direction:column;gap:.125rem;min-width:8rem}.app-header-name{font-size:.9375rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-role{font-size:.75rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-chevron{flex-shrink:0;color:var(--color-text-muted)}.app-header-profile:disabled{cursor:default}.app-header-avatar--skeleton{background:var(--color-input-bg)!important;animation:app-header-skeleton-pulse 1.5s ease-in-out infinite}.app-header-skeleton{display:block;background:var(--color-input-bg);border-radius:4px;animation:app-header-skeleton-pulse 1.5s ease-in-out infinite}.app-header-skeleton--name{width:8rem;height:.9375rem}.app-header-skeleton--role{width:6rem;height:.75rem;margin-top:.125rem}@keyframes app-header-skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.two-factor-setup{max-width:100%;margin:0}.two-factor-header{text-align:center;margin-bottom:2rem}.two-factor-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.two-factor-header p{font-size:.9375rem;color:var(--color-text-muted);margin:0;line-height:1.5}.two-factor-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--color-text-muted)}.two-factor-loading .spinning{font-size:1.5rem;animation:totp-spin 1s linear infinite}@keyframes totp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.two-factor-error{padding:.75rem 1rem;background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error);font-size:.875rem;margin-bottom:1.5rem}.two-factor-success{padding:1rem 1.25rem;background:#0596691a;border:1px solid rgba(5,150,105,.35);border-radius:8px;color:#059669;font-size:.9375rem;margin-bottom:1.5rem;line-height:1.5}[data-theme=dark] .two-factor-success{background:#34d3991f;border-color:#34d3994d;color:#34d399}.two-factor-content{display:flex;flex-direction:column;gap:1.5rem}.qr-code-container{display:flex;justify-content:center;padding:1rem;background:var(--color-input-bg);border-radius:8px;border:1px solid var(--color-input-border)}.qr-code{width:200px;height:200px;display:block}.manual-entry{padding:1rem;background:var(--color-input-bg);border-radius:8px;border:1px solid var(--color-input-border)}.manual-entry h4{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.manual-entry-key{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-card);border-radius:6px;border:1px solid var(--color-input-border)}.manual-entry-key code{flex:1;font-family:ui-monospace,monospace;font-size:.875rem;color:var(--color-text);word-break:break-all}.copy-button{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--color-settings-text);background:var(--color-primary-light);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.copy-button svg{display:block}.copy-button:hover{color:var(--color-settings-active);background:var(--color-settings-active-bg);box-shadow:0 1px 2px #2563eb26}.copy-button--copied{color:#059669;background:#0596691f}.copy-button--copied:hover{color:#047857;background:#0596692e;box-shadow:0 1px 2px #05966933}[data-theme=dark] .copy-button{background:#5b9cf626}[data-theme=dark] .copy-button:hover{background:#5b9cf638;box-shadow:0 1px 3px #5b9cf633}[data-theme=dark] .copy-button--copied{color:#34d399;background:#34d39926}[data-theme=dark] .copy-button--copied:hover{color:#6ee7b7;background:#34d39938}.two-factor-next-steps{padding:1rem;background:var(--color-input-bg);border-radius:8px;border:1px solid var(--color-input-border)}.two-factor-next-steps p{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.two-factor-next-steps ol{margin:0;padding-left:1.25rem;color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.two-factor-next-steps li{margin-bottom:.5rem}.two-factor-verify-form{display:flex;flex-direction:column;gap:1.5rem}.two-factor-verify-form .form-group{display:flex;flex-direction:column;gap:.375rem}.code-input{width:100%;padding:.75rem 1rem;font-size:1.5rem;font-weight:600;text-align:center;letter-spacing:.5em;font-family:ui-monospace,monospace;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;color:var(--color-text);transition:border-color .15s ease}.code-input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.code-input:disabled{opacity:.6;cursor:not-allowed}.two-factor-actions,.two-factor-actions-setup{display:flex;flex-direction:column;gap:.75rem}.two-factor-button{width:100%;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:background .2s ease;font-family:inherit}.two-factor-button.primary{background:var(--color-btn-bg);color:#fff}.two-factor-button.primary:hover:not(:disabled){background:var(--color-btn-bg-hover)}.two-factor-button.primary:disabled{opacity:.7;cursor:not-allowed}.two-factor-button.secondary{background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-input-border)}.two-factor-button.secondary:hover:not(:disabled){background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.two-factor-button.secondary:disabled{opacity:.5;cursor:not-allowed}.forgot-password-success{text-align:center;padding:1rem 0}.forgot-password-success p{margin:0 0 1.5rem;font-size:.9375rem;color:var(--color-text);line-height:1.5}.auth-link{font-size:.9375rem;color:var(--color-primary);text-decoration:none;transition:color .2s ease}.auth-link:hover{color:var(--color-primary-hover)}.auth-link--center{display:block;text-align:center;margin-top:1rem}.per-page-picker{position:relative;display:flex;align-items:center;gap:.5rem}.per-page-picker-label{font-size:.8125rem;color:var(--color-text-muted)}.per-page-picker-trigger{display:flex;align-items:center;gap:.5rem;min-width:4rem;padding:.35rem .6rem;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);text-align:left;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease}.per-page-picker-trigger:hover{background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover);color:var(--color-text)}.per-page-picker--open .per-page-picker-trigger{border-color:var(--color-focus);background:var(--color-card);box-shadow:0 0 0 2px var(--color-focus-ring)}.per-page-picker-value{flex:1;min-width:0}.per-page-picker-chevron{flex-shrink:0;transition:transform .2s ease}.per-page-picker--open .per-page-picker-chevron{transform:rotate(180deg)}.per-page-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:10000;padding:.375rem;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:8px;box-shadow:var(--color-card-shadow);max-height:240px;overflow-y:auto}.per-page-picker-dropdown--portal{z-index:10000}.per-page-picker-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text);text-align:left;background:transparent;border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s ease}.per-page-picker-option:hover{background:var(--color-input-bg)}.per-page-picker-option--selected{background:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .per-page-picker-option--selected{background:#5b9cf633;color:var(--color-primary)}.per-page-picker-option--custom{border-top:1px solid var(--color-card-border);margin-top:.25rem;padding-top:.5rem}.per-page-picker-check{flex-shrink:0}.per-page-picker-custom-row{display:flex;gap:.375rem;padding:.5rem .75rem;margin-top:.25rem;border-top:1px solid var(--color-card-border)}.per-page-picker-custom-input{flex:1;min-width:0;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-text)}.per-page-picker-custom-input:focus{outline:none;border-color:var(--color-focus)}.per-page-picker-custom-apply{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.per-page-picker-custom-apply:hover{background:var(--color-primary-hover)}.select-picker{position:relative;min-width:8rem}.select-picker-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.9375rem;font-weight:500;color:var(--color-text);text-align:left;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease}.select-picker-trigger:hover{background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.select-picker--open .select-picker-trigger{border-color:var(--color-focus);background:var(--color-card);box-shadow:0 0 0 2px var(--color-focus-ring)}.select-picker-value{flex:1;min-width:0}.select-picker-chevron{flex-shrink:0;transition:transform .2s ease}.select-picker--open .select-picker-chevron{transform:rotate(180deg)}.select-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:10000;padding:.375rem;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:10px;box-shadow:var(--color-card-shadow);max-height:240px;overflow-y:auto}.select-picker-dropdown--portal{z-index:10000}.select-picker-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.9375rem;font-weight:500;color:var(--color-text);text-align:left;background:transparent;border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s ease}.select-picker-option:hover{background:var(--color-input-bg)}.select-picker-option--selected{background:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .select-picker-option--selected{background:#5b9cf633;color:var(--color-primary)}.select-picker-check{flex-shrink:0}.profile-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-start;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3rem 2rem 2rem;overflow-y:auto;animation:profile-overlay-in .2s ease}@keyframes profile-overlay-in{0%{opacity:0}to{opacity:1}}.profile-modal{position:relative;width:620px;max-width:calc(100vw - 4rem);flex-shrink:0;display:flex;flex-direction:column;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 24px 80px #0000002e,0 2px 8px #00000014;animation:profile-modal-in .25s cubic-bezier(.16,1,.3,1);overflow:hidden}[data-theme=dark] .profile-modal{box-shadow:0 24px 80px #00000080,0 2px 8px #0000004d}@keyframes profile-modal-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.profile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.75rem 0;flex-shrink:0}.profile-title{margin:0 0 .25rem;font-size:1.375rem;font-weight:600;color:var(--color-text)}.profile-subtitle{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.4}.profile-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.profile-btn--logout{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;background:var(--color-input-bg);color:var(--color-text-muted);border:1px solid var(--color-input-border);border-radius:8px}.profile-btn--logout:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.profile-btn-logout-icon{font-size:.875rem}.profile-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.profile-close:hover{background:var(--color-input-bg);color:var(--color-text)}.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-card-border);padding:0 1.75rem;margin-top:1.25rem;flex-shrink:0}.profile-tab{padding:.625rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px;white-space:nowrap}.profile-tab:hover{color:var(--color-text)}.profile-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.profile-body{padding:1.25rem 1.75rem 1.5rem}.profile-tab-panel{animation:profile-tab-fade .2s ease}@keyframes profile-tab-fade{0%{opacity:.7}to{opacity:1}}.profile-section-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text)}.profile-section-subtitle{margin:1.25rem 0 .5rem;font-size:.9375rem;font-weight:600;color:var(--color-text)}.profile-section-desc{margin:0 0 1.25rem;font-size:.8125rem;color:var(--color-text-muted);line-height:1.4}.profile-section-desc--inline{margin:.25rem 0 0}.profile-section-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.profile-section-header .profile-section-title{margin-bottom:0}.profile-section-divider{margin:.5rem 0;border:none;border-top:1px solid var(--color-card-border)}.profile-security-section{margin-bottom:0}.profile-details-stack{display:flex;flex-direction:column;gap:1.25rem}.profile-details-stack .form-group{margin-bottom:0}.profile-details-input-row{display:flex;gap:.5rem;align-items:center}.profile-details-input-row input{flex:1;min-width:0}.profile-details-input-row .profile-btn{padding:.75rem 1rem;flex-shrink:0}.profile-avatar-field{margin-bottom:0;display:flex;flex-direction:column;gap:.375rem}.profile-avatar-section{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.profile-avatar-upload{position:relative;padding:0;border:none;background:none;cursor:pointer;border-radius:12px;transition:transform .2s ease}.profile-avatar-upload:hover:not([aria-disabled=true]){transform:scale(1.02)}.profile-avatar-upload[aria-disabled=true]{cursor:not-allowed;opacity:.8}.profile-avatar-upload--has-photo{cursor:default}.profile-avatar-upload--has-photo:hover:not([aria-disabled=true]){transform:none}.profile-avatar-wrap{position:relative;width:120px;height:120px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);display:flex;align-items:center;justify-content:center}.profile-avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;opacity:0;transition:opacity .2s ease}.profile-avatar-upload:hover:not([aria-disabled=true]) .profile-avatar-overlay{opacity:1}.profile-avatar-upload--has-photo:hover:not([aria-disabled=true]) .profile-avatar-overlay{opacity:1}.profile-avatar-upload[aria-disabled=true] .profile-avatar-overlay{opacity:1;background:#00000059}.profile-avatar-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:profile-avatar-spin .8s linear infinite}@keyframes profile-avatar-spin{to{transform:rotate(360deg)}}.profile-avatar-remove-btn{display:flex;align-items:center;justify-content:center;padding:.35rem;border:none;border-radius:50%;background:#ef4444e6;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}.profile-avatar-remove-btn:hover:not(:disabled){background:var(--color-error);transform:scale(1.08)}.profile-avatar-remove-btn:disabled{cursor:not-allowed;opacity:.7}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-initials{font-size:2.25rem;font-weight:600;color:#fff}.profile-avatar-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.profile-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 2rem}.profile-field{display:flex;flex-direction:column;gap:.25rem}.profile-field-label{font-size:.875rem;font-weight:500;color:var(--color-text-label)}.profile-field-value{font-size:.9375rem;color:var(--color-text)}.profile-totp-status{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500}.profile-totp-icon{flex-shrink:0}.profile-totp-status--enabled{padding:.25rem .625rem;border-radius:8px;background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}[data-theme=dark] .profile-totp-status--enabled{background:#22c55e26;color:#4ade80;border-color:#22c55e59}.profile-totp-status--disabled{padding:.25rem .625rem;border-radius:8px;background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.profile-totp-row-right{display:flex;align-items:center;gap:.75rem}.profile-tab-panel--details .profile-section-desc{margin-bottom:.5rem}.profile-tab-panel--details .profile-details-stack{padding-top:.875rem}.profile-tab-panel--sessions .profile-section-desc,.profile-tab-panel--security .profile-section-desc,.profile-tab-panel--preferences .profile-section-desc{margin-bottom:.5rem}.profile-preferences{display:flex;flex-direction:column;gap:0}.profile-preference-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--color-card-border)}.profile-preference-row:last-child{border-bottom:none}.profile-preference-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.profile-theme-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.profile-theme-switch input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.profile-theme-switch-track{position:relative;width:40px;height:22px;flex-shrink:0;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:11px;transition:background .2s ease,border-color .2s ease}.profile-theme-switch input:checked+.profile-theme-switch-track{background:var(--color-primary-light);border-color:var(--color-primary)}[data-theme=dark] .profile-theme-switch input:checked+.profile-theme-switch-track{background:#5b9cf640;border-color:var(--color-primary)}.profile-theme-switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-card);border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s cubic-bezier(.4,0,.2,1)}.profile-theme-switch input:checked+.profile-theme-switch-track .profile-theme-switch-thumb{transform:translate(18px);background:var(--color-primary)}[data-theme=dark] .profile-theme-switch input:checked+.profile-theme-switch-track .profile-theme-switch-thumb{background:var(--color-primary)}.profile-theme-switch-label{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.profile-theme-switch:hover .profile-theme-switch-label{color:var(--color-text)}.profile-password-form{display:flex;flex-direction:column;gap:.875rem;margin-top:.75rem}.profile-password-form .form-group{margin-bottom:0}.profile-password-form .profile-btn{padding:.75rem 1rem}.profile-password-input-wrap{position:relative;width:100%}.profile-password-input-wrap input{padding-right:2.25rem;width:100%;box-sizing:border-box}.profile-password-generate-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.profile-password-generate-icon:hover:not(:disabled){color:var(--color-primary);background:var(--color-primary-light)}.profile-password-generate-icon:disabled{opacity:.5;cursor:not-allowed}.profile-sessions-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.profile-switch{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.profile-switch input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.profile-switch-track{position:relative;width:40px;height:22px;flex-shrink:0;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:11px;transition:background .2s ease,border-color .2s ease}.profile-switch input:checked+.profile-switch-track{background:var(--color-primary-light);border-color:var(--color-primary)}[data-theme=dark] .profile-switch input:checked+.profile-switch-track{background:#5b9cf640;border-color:var(--color-primary)}.profile-switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-card);border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s cubic-bezier(.4,0,.2,1)}.profile-switch input:checked+.profile-switch-track .profile-switch-thumb{transform:translate(18px);background:var(--color-primary);box-shadow:0 1px 3px #2563eb66}[data-theme=dark] .profile-switch input:checked+.profile-switch-track .profile-switch-thumb{background:var(--color-primary)}.profile-switch-label{font-weight:500}.profile-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.profile-btn:disabled{opacity:.6;cursor:not-allowed}.profile-btn--primary{background:var(--color-btn-bg);color:#fff}.profile-btn--primary:hover:not(:disabled){background:var(--color-btn-bg-hover)}.profile-btn--danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.profile-btn--danger:hover:not(:disabled){background:var(--color-error);color:#fff}.profile-terminate-all-wrap,.profile-logout-wrap{margin-top:1rem}.profile-logout-wrap .profile-btn--full,.profile-terminate-all-wrap .profile-btn--terminate-all{width:100%;display:flex;align-items:center;justify-content:center;gap:.375rem}.profile-btn-icon{flex-shrink:0}.profile-btn--sm{padding:.375rem .75rem;font-size:.75rem;flex-shrink:0}.profile-sessions{display:flex;flex-direction:column;gap:.5rem}.profile-session-card{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;border:1px solid var(--color-card-border);border-radius:10px;transition:border-color .15s ease}.profile-session-card:hover{border-color:var(--color-input-border-hover)}.profile-session-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--color-input-bg);color:var(--color-text-muted)}.profile-session-icon svg{width:20px;height:20px}.profile-session-card--current .profile-session-icon{background:#2563eb1a;color:var(--color-primary)}[data-theme=dark] .profile-session-card--current .profile-session-icon{background:#5b9cf626;color:var(--color-primary)}.profile-session-card--current{border-color:var(--color-primary)}.profile-session-card--inactive{opacity:.6}.profile-session-info{flex:1;min-width:0}.profile-session-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.profile-session-device{font-weight:600;font-size:.8125rem;color:var(--color-text)}.profile-session-badge{font-size:.625rem;padding:.1rem .35rem;border-radius:8px;background:var(--color-primary-light);color:var(--color-primary);font-weight:500}[data-theme=dark] .profile-session-badge{background:#5b9cf626;color:var(--color-primary)}.profile-session-badge--active{background:#22c55e26;color:#16a34a}[data-theme=dark] .profile-session-badge--active{color:#4ade80}.profile-session-badge--inactive{background:var(--color-input-bg);color:var(--color-text-muted)}.profile-session-details{display:flex;flex-wrap:wrap;gap:.25rem .625rem;font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.profile-session-detail{display:inline-flex;align-items:center}.profile-session-detail:not(:last-child):after{content:"·";margin-left:.4rem;color:var(--color-input-placeholder)}.profile-session-ip{font-family:ui-monospace,monospace;font-size:.6875rem}.profile-session-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .4rem;font-size:.6875rem;color:var(--color-text-muted);margin-top:.25rem}.profile-session-meta-sep{color:var(--color-input-placeholder)}.profile-session-meta-item{white-space:nowrap}.profile-loading{padding:2rem 0;text-align:center;color:var(--color-text-muted);font-size:.875rem}.profile-empty{padding:2rem 1.5rem;text-align:center;border:1px dashed var(--color-card-border);border-radius:10px}.profile-empty-title{margin:0 0 .375rem;font-size:.875rem;font-weight:500;color:var(--color-text)}.profile-empty-desc{margin:0;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.profile-error{padding:.875rem 1rem;background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error);font-size:.875rem}.profile-skeleton-title{height:1.25rem;background:var(--color-input-bg);border-radius:4px;animation:profile-skeleton-pulse 1.5s ease-in-out infinite}.profile-skeleton-subtitle{height:.875rem;background:var(--color-input-bg);border-radius:4px;animation:profile-skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.1s}.profile-skeleton-card{height:100px;background:var(--color-input-bg);border-radius:10px;animation:profile-skeleton-pulse 1.5s ease-in-out infinite}@keyframes profile-skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.profile-confirm-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding-top:3.5rem;background:#0000004d;border-radius:10px}.profile-confirm-modal{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:var(--color-card-shadow);padding:1.25rem;max-width:320px;width:calc(100% - 3rem)}.profile-confirm-message{margin:0 0 1rem;font-size:.875rem;line-height:1.5;color:var(--color-text)}.profile-confirm-actions{display:flex;gap:.625rem;justify-content:flex-end}.profile-confirm-btn{padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;font-family:inherit;transition:background .15s ease}.profile-confirm-btn--danger{background:var(--color-error);color:#fff}.profile-confirm-btn--danger:hover:not(:disabled){background:#b91c1c}.profile-confirm-btn--primary{background:var(--color-btn-bg);color:#fff}.profile-confirm-btn--primary:hover:not(:disabled){background:var(--color-btn-bg-hover)}.profile-confirm-btn--secondary{background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-input-border)}.profile-confirm-btn--secondary:hover:not(:disabled){background:var(--color-input-bg-hover)}.admin-users{width:100%;min-width:0}.admin-users-header{margin-bottom:1.5rem}.admin-users-header-row{display:flex;align-items:center;gap:1rem}.admin-users-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text)}.admin-users-add-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:var(--color-btn-bg);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background .2s ease;box-sizing:border-box}.admin-users-add-btn:hover{background:var(--color-btn-bg-hover)}.admin-users-toolbar{--toolbar-height: 44px;display:flex;align-items:stretch;gap:.75rem;margin-bottom:1rem}.admin-users-toolbar .admin-users-add-btn{margin-left:auto}.admin-users-toolbar .select-picker{width:11rem;min-width:11rem;height:var(--toolbar-height);min-height:var(--toolbar-height)}.admin-users-toolbar .select-picker-trigger{width:100%;height:var(--toolbar-height);min-height:var(--toolbar-height);padding:0 1rem;border-radius:10px;white-space:nowrap}.admin-users-toolbar .admin-users-add-btn{height:var(--toolbar-height);padding:0 1.25rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.admin-users-search-wrap{flex:1;min-width:12rem;height:var(--toolbar-height);min-height:var(--toolbar-height);position:relative;display:flex;align-items:center;border:1px solid var(--color-input-border);border-radius:10px;background:var(--color-input-bg);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.admin-users-search-wrap:hover{background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.admin-users-search-wrap:focus-within{outline:none;border-color:var(--color-focus);background:var(--color-card);box-shadow:0 0 0 3px var(--color-focus-ring)}.admin-users-search-icon{display:flex;align-items:center;justify-content:center;width:40px;flex-shrink:0;color:var(--color-text-muted);pointer-events:none}.admin-users-search-wrap:focus-within .admin-users-search-icon{color:var(--color-primary)}.admin-users-search{flex:1;min-width:0;padding:0 1rem 0 0;font-size:.9375rem;border:none;background:transparent;color:var(--color-text);height:100%}.admin-users-search::placeholder{color:var(--color-input-placeholder)}.admin-users-search:focus{outline:none}.admin-users-table-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.5rem 1rem;border-top:1px solid var(--color-card-border);background:var(--color-bg)}.admin-users-footer-left,.admin-users-footer-controls{display:flex;align-items:center;gap:1rem}.admin-users-footer-stats{font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap}.admin-users-footer-sep{color:var(--color-text-muted);opacity:.6;font-weight:300;-webkit-user-select:none;user-select:none}.admin-users-footer-pagination{display:flex;align-items:center;gap:.25rem}.admin-users-page-num{font-size:.8125rem;color:var(--color-text-muted);min-width:3rem;text-align:center}.admin-users-table-wrap{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;overflow:hidden;margin-bottom:1rem}.admin-users-table{width:100%;border-collapse:collapse}.admin-users-table th,.admin-users-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-card-border)}.admin-users-table thead{background:var(--color-bg-mid)}.admin-users-table th{font-size:.8125rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.03em}.admin-users-table td{font-size:.9375rem;color:var(--color-text)}.admin-users-table tbody tr:last-child td{border-bottom:none}.admin-users-row-clickable{cursor:pointer}.admin-users-row-clickable:hover{background:var(--color-input-bg)}.admin-users-row-arrow-cell{width:1%;white-space:nowrap;text-align:right;padding-right:1rem}.admin-users-row-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:transform .2s ease,color .2s ease}.admin-users-row-clickable:hover .admin-users-row-arrow{color:var(--color-primary);transform:translate(4px)}.admin-users-table-user{display:flex;align-items:center;gap:.75rem}.admin-users-table-avatar{width:36px;height:36px;flex-shrink:0;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);display:flex;align-items:center;justify-content:center}.admin-users-table-avatar img{width:100%;height:100%;object-fit:cover}.admin-users-table-avatar-initials{font-size:.8125rem;font-weight:600;color:#fff}.admin-users-table-name{font-weight:500}.admin-users-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:8px}.admin-users-badge.active{background:#22c55e26;color:#16a34a}[data-theme=dark] .admin-users-badge.active{color:#4ade80}.admin-users-badge.blocked{background:var(--color-error-bg);color:var(--color-error)}.admin-users-totp-badge--enabled{background:#22c55e26;color:#16a34a}[data-theme=dark] .admin-users-totp-badge--enabled{color:#4ade80}.admin-users-totp-badge--disabled{background:var(--color-input-bg);color:var(--color-text-muted)}.admin-user-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.admin-user-header-row .profile-title{margin:0 0 .25rem}.admin-user-header-row .profile-totp-status{flex-shrink:0}.admin-users-sessions-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);background:var(--color-input-bg);border-radius:8px}.admin-users-sessions-badge svg{flex-shrink:0;opacity:.85}.admin-users-sessions-badge span{min-width:1.25em;text-align:center}.admin-users-last-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:8px}.admin-users-last-badge--never{background:#8080801f;color:var(--color-text-muted)}.admin-users-last-badge--active{background:#22c55e26;color:#16a34a}[data-theme=dark] .admin-users-last-badge--active{color:#4ade80}.admin-users-loading,.admin-users-empty{padding:2rem 1rem;text-align:center;color:var(--color-text-muted);font-size:.9375rem}.admin-users-access-denied{padding:2rem;background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:12px;text-align:center}.admin-users-access-denied p{margin:0;color:var(--color-error);font-weight:500}.admin-users-page-btn{padding:.35rem .6rem;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-input-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.admin-users-page-btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-input-border-hover)}.admin-users-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0006;padding:1rem}.admin-modal{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:var(--color-card-shadow);padding:1.5rem;max-width:420px;width:100%;max-height:90vh;overflow-y:auto}.admin-modal--wide{max-width:560px}.admin-modal--create{max-width:440px}.admin-modal--create .admin-modal-form .form-group input{width:100%;box-sizing:border-box}.admin-modal--create .admin-modal-actions{margin-top:1rem}.admin-modal--create .admin-modal-actions .auth-submit{flex:1;min-width:0}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.admin-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.admin-modal-close{width:32px;height:32px;padding:0;font-size:1.5rem;line-height:1;color:var(--color-text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .2s ease,background .2s ease}.admin-modal-close:hover{color:var(--color-text);background:var(--color-input-bg)}.admin-modal-desc{margin:0 0 1rem;font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.admin-modal-form{display:flex;flex-direction:column;gap:1rem}.admin-modal-error{margin:0;padding:.75rem 1rem;font-size:.875rem;color:var(--color-error);background:var(--color-error-bg);border-radius:10px}.admin-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.admin-modal-actions .auth-submit{min-width:100px}.admin-create-password-row{display:flex;gap:.5rem}.admin-create-password-row input{flex:1;min-width:0}.admin-generate-password-btn{flex-shrink:0;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-generate-password-btn:hover{background:var(--color-primary);color:#fff}.admin-success-modal .admin-success-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.admin-success-modal .admin-success-header .admin-modal-title{flex:1;margin:0}.admin-success-modal .admin-success-header .admin-modal-close{flex-shrink:0}.admin-success-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#fff;background:#16a34a;border-radius:50%}.admin-success-message{margin:0 0 1.25rem;font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.admin-credentials-block{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;padding:1rem;margin-bottom:1rem}.admin-credential-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.admin-credential-row:last-child{margin-bottom:0}.admin-credential-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.admin-credential-value{font-size:.9375rem;font-family:ui-monospace,monospace;color:var(--color-text);word-break:break-all}.admin-copy-credentials-btn{width:100%}.admin-user-actions-section{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;width:100%}.admin-user-actions-section .profile-password-form{width:100%;max-width:100%}.admin-user-actions-section .profile-password-form .form-group{width:100%}.admin-password-input-wrap{position:relative;width:100%}.admin-password-input-wrap input{padding-right:2.25rem;width:100%;box-sizing:border-box}.admin-password-generate-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.admin-password-generate-icon:hover:not(:disabled){color:var(--color-primary);background:var(--color-primary-light)}.admin-password-generate-icon:disabled{opacity:.5;cursor:not-allowed}.admin-user-actions-section .profile-password-form .form-group input,.admin-user-actions-section .profile-password-form .profile-btn{width:100%;box-sizing:border-box}.admin-user-avatar{width:120px;height:120px}.admin-user-readonly-input{padding:.5rem .75rem;font-size:.9375rem;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-text);cursor:default}.admin-user-sessions{margin-top:1rem}.language-picker{position:relative;min-width:200px}.language-picker-trigger{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--color-text);text-align:left;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease}.language-picker-trigger:hover{background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.language-picker--open .language-picker-trigger{border-color:var(--color-focus);background:var(--color-card);box-shadow:0 0 0 3px var(--color-focus-ring)}.language-picker-flag{flex-shrink:0;font-size:1.25rem;line-height:1}.language-picker-value{flex:1;min-width:0}.language-picker-chevron{flex-shrink:0;transition:transform .2s ease}.language-picker--open .language-picker-chevron{transform:rotate(180deg)}.language-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10000;padding:.375rem;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:10px;box-shadow:var(--color-card-shadow);max-height:240px;overflow-y:auto}.language-picker-dropdown--portal{z-index:10000}.language-picker-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.9375rem;font-weight:500;color:var(--color-text);text-align:left;background:transparent;border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s ease}.language-picker-option:hover{background:var(--color-input-bg)}.language-picker-option--selected{background:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .language-picker-option--selected{background:#5b9cf633;color:var(--color-primary)}.language-picker-option-flag{flex-shrink:0;font-size:1.125rem;line-height:1}.language-picker-option-label{flex:1;min-width:0}.language-picker-check{flex-shrink:0}.auth-link-button{display:block;text-align:center;text-decoration:none;margin-top:1rem}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:260px;padding:1.5rem 2rem;background:var(--color-bg);transition:margin-left .2s ease;min-height:100vh}.app-main-inner{display:flex;flex-direction:column;flex:1;width:100%;min-width:0}.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-shrink:0;margin-bottom:1.5rem}.app-header-slot{flex:1;min-width:0}.app-main-content{flex:1;width:100%;min-width:0}.app-main--collapsed{margin-left:72px}.dashboard{max-width:640px}.dashboard-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--color-text)}.dashboard-subtitle{margin:0;font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--color-bg);position:relative;overflow:hidden}.auth-screen:before{content:"";position:absolute;inset:0;z-index:0;background-image:url(/road-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;pointer-events:none}[data-theme=dark] .auth-screen:before{background-image:url(/road-bg-dark.svg);opacity:.35}.auth-screen>*{position:relative;z-index:1}.settings-bar{position:absolute;top:1.25rem;right:1.25rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-settings-bg);border:1px solid var(--color-settings-border);border-radius:12px;box-shadow:var(--color-card-shadow)}.settings-section{display:flex;align-items:center;gap:.5rem}.lang-group{display:flex;background:var(--color-input-bg);border-radius:8px;padding:2px}.lang-btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-settings-text);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.lang-btn:hover{color:var(--color-text)}.lang-btn.active{color:var(--color-settings-active);background:var(--color-card);box-shadow:0 1px 2px #0000000d}[data-theme=dark] .lang-btn.active{box-shadow:0 1px 3px #0003}.settings-divider{width:1px;height:24px;background:var(--color-settings-border);flex-shrink:0}.theme-group{display:flex;background:var(--color-input-bg);border-radius:8px;padding:2px}.theme-btn{display:flex;align-items:center;justify-content:center;padding:.375rem;color:var(--color-settings-text);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.theme-btn:hover{color:var(--color-settings-active);background:var(--color-card);box-shadow:0 1px 2px #0000000d}[data-theme=dark] .theme-btn:hover{box-shadow:0 1px 3px #0003}.theme-btn svg{display:block}.auth-card{width:100%;max-width:420px;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:var(--color-card-shadow);padding:1.5rem}.auth-card--wide{max-width:473px}.auth-header{margin-bottom:1.25rem;text-align:center}.auth-title{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text)}.auth-subtitle{margin:.5rem 0 0;font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-label)}.form-group-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.form-group-label-row label{margin:0}.auth-forgot-link{font-size:.8125rem;color:var(--color-primary);text-decoration:none;transition:color .2s ease}.auth-forgot-link:hover{color:var(--color-primary-hover)}.form-group input{padding:.75rem 1rem;font-size:.9375rem;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-text);transition:border-color .15s ease,background .15s ease}.form-group input:hover{background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.form-group input::placeholder{color:var(--color-input-placeholder)}.form-group input:focus{outline:none;border-color:var(--color-focus);background:var(--color-card);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-group.form-group--error input{border:2px solid var(--color-error);background:var(--color-error-bg);animation:inputErrorShake .35s ease}.form-group.form-group--error input:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-bg)}@media(prefers-reduced-motion:reduce){.form-group.form-group--error input{animation:none}}@keyframes inputErrorShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.auth-submit{margin-top:.5rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;color:#fff;background:var(--color-btn-bg);border:none;border-radius:8px;cursor:pointer;transition:background .2s ease;outline:none}.auth-submit:hover{background:var(--color-btn-bg-hover)}.auth-submit:focus-visible{box-shadow:0 0 0 2px var(--color-card),0 0 0 4px var(--color-focus)}.auth-submit:active{opacity:.95}.auth-error{padding:.75rem 1rem;background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:10px;color:var(--color-error);font-size:.875rem;margin-bottom:.5rem}.auth-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.auth-submit.secondary{background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-input-border)}.auth-submit.secondary:hover{background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:min(420px,calc(100vw - 2rem));pointer-events:none}.toast-container>*{pointer-events:auto}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;width:100%;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:10px;box-shadow:var(--color-card-shadow);animation:toast-slide-in .35s cubic-bezier(.21,.47,.32,.98) forwards}.toast.toast--exiting{animation:toast-slide-out .25s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:10px 0 0 10px}.toast--success:before{background:#22c55e}.toast--error:before{background:var(--color-error)}.toast--info:before{background:var(--color-primary)}.toast--warning:before{background:#eab308}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.toast--success .toast-icon{color:#22c55e}.toast--error .toast-icon{color:var(--color-error)}.toast--info .toast-icon{color:var(--color-primary)}.toast--warning .toast-icon{color:#eab308}.toast-message{flex:1;margin:0;font-size:.875rem;line-height:1.4;color:var(--color-text);min-width:0}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.toast-close:hover{color:var(--color-text);background:var(--color-input-bg)}