@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--c-bg: #080c18;--c-bg-elevated: #0d1224;--c-surface: rgba(255,255,255,.04);--c-surface-hover:rgba(255,255,255,.07);--c-surface-alt: rgba(255,255,255,.025);--c-border: rgba(255,255,255,.08);--c-border-light: rgba(255,255,255,.05);--c-primary: #5b93ff;--c-primary-hover:#6fa1ff;--c-primary-glow: rgba(91,147,255,.22);--c-accent: #a78bfa;--c-accent-glow: rgba(167,139,250,.15);--c-danger: #f87171;--c-danger-glow: rgba(248,113,113,.15);--c-warning: #fbbf24;--c-warning-glow: rgba(251,191,36,.15);--c-success: #34d399;--c-success-glow: rgba(52,211,153,.15);--t-primary: #f1f5f9;--t-secondary: #94a3b8;--t-muted: #475569;--t-inverse: #0f172a;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.65;--sp-0: 0;--sp-px: 1px;--sp-0\.5: .125rem;--sp-1: .25rem;--sp-1\.5: .375rem;--sp-2: .5rem;--sp-2\.5: .625rem;--sp-3: .75rem;--sp-3\.5: .875rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--r-xs: .25rem;--r-sm: .375rem;--r-md: .625rem;--r-lg: 1rem;--r-xl: 1.25rem;--r-2xl: 1.5rem;--r-full: 9999px;--glass: blur(16px) saturate(160%);--glass-heavy: blur(24px) saturate(180%);--card-shadow: 0 4px 24px rgba(0,0,0,.35);--card-shadow-lg: 0 8px 40px rgba(0,0,0,.45);--glow-primary: 0 0 24px var(--c-primary-glow);--glow-accent: 0 0 20px var(--c-accent-glow);--inset-glow: inset 0 1px 0 rgba(255,255,255,.06);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--dur-instant: .1s;--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--dur-slower: .6s;--sidebar-w: 240px;--nav-h: 64px;--content-max: 1200px;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--c-bg);color:var(--t-primary);line-height:var(--lh-relaxed);min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:var(--card-shadow),var(--inset-glow);padding:var(--sp-6);transition:border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth)}.card:hover{border-color:#ffffff1f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:500;cursor:pointer;border:none;transition:all var(--dur-fast) var(--ease-smooth);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:var(--glow-primary)}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover);box-shadow:0 0 32px var(--c-primary-glow)}.btn-ghost{background:var(--c-surface);color:var(--t-primary);border:1px solid var(--c-border)}.btn-ghost:hover:not(:disabled){background:var(--c-surface-hover)}.btn-danger{background:var(--c-danger);color:#fff;box-shadow:0 0 12px var(--c-danger-glow)}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-sm{padding:var(--sp-1\.5) var(--sp-3);font-size:var(--fs-xs)}.input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--t-primary);font-size:var(--fs-base);font-family:inherit;transition:border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth);outline:none}.input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-glow)}.input::placeholder{color:var(--t-muted)}.input:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.badge-success{background:var(--c-success-glow);color:var(--c-success);border:1px solid rgba(52,211,153,.25)}.badge-warning{background:var(--c-warning-glow);color:var(--c-warning);border:1px solid rgba(251,191,36,.25)}.badge-danger{background:var(--c-danger-glow);color:var(--c-danger);border:1px solid rgba(248,113,113,.25)}.badge-secondary{background:#94a3b81a;color:var(--t-secondary);border:1px solid rgba(148,163,184,.15)}.layout{display:flex;min-height:100dvh}.main-content{flex:1;padding:var(--sp-8);max-width:100%;overflow-y:auto}@media (max-width: 768px){.main-content{padding:var(--sp-4);padding-bottom:calc(var(--nav-h) + var(--safe-bot) + var(--sp-4))}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:var(--t-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fadeInUp{animation:fadeInUp var(--dur-base) var(--ease-smooth) both}.animate-fadeIn{animation:fadeIn var(--dur-base) var(--ease-smooth) both}.animate-scaleIn{animation:scaleIn var(--dur-base) var(--ease-spring) both}.animate-slideInLeft{animation:slideInLeft var(--dur-base) var(--ease-smooth) both}.animate-slideInRight{animation:slideInRight var(--dur-base) var(--ease-smooth) both}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-float{animation:float 3s var(--ease-in-out) infinite}.skeleton{background:linear-gradient(90deg,var(--c-surface) 25%,var(--c-surface-hover) 50%,var(--c-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}.spinner{width:1.25rem;height:1.25rem;border:2px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:2rem;height:2rem;border-width:3px}.focus-ring:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--sp-4);background:radial-gradient(ellipse at 20% 50%,rgba(91,147,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(167,139,250,.07) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(52,211,153,.04) 0%,transparent 40%),var(--c-bg);overflow:hidden}.auth-card{width:100%;max-width:420px;animation:fadeInUp var(--dur-slow) var(--ease-smooth) both}.auth-card h1{font-size:var(--fs-2xl);font-weight:700;margin-bottom:var(--sp-1);letter-spacing:-.01em}.auth-card p.subtitle{color:var(--t-secondary);font-size:var(--fs-sm);margin-bottom:var(--sp-8);line-height:var(--lh-relaxed)}.auth-card .logo{font-size:var(--fs-xl);font-weight:700;color:var(--c-primary);margin-bottom:var(--sp-8);display:flex;align-items:center;gap:var(--sp-2)}.auth-card .logo svg{width:28px;height:28px;filter:drop-shadow(0 0 8px var(--c-primary-glow))}.form-group{margin-bottom:var(--sp-5)}.form-group label{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--t-secondary);margin-bottom:var(--sp-2)}.form-error{color:var(--c-danger);font-size:var(--fs-xs);margin-top:var(--sp-2);display:flex;align-items:center;gap:var(--sp-1)}.form-footer{text-align:center;margin-top:var(--sp-6);font-size:var(--fs-sm);color:var(--t-secondary)}.form-footer a{color:var(--c-primary);text-decoration:none;font-weight:500;transition:color var(--dur-fast)}.form-footer a:hover{color:var(--c-primary-hover);text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:var(--sp-4);margin:var(--sp-6) 0;color:var(--t-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--c-border)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:500}.sidebar{width:var(--sidebar-w);background:#0d1224d9;border-right:1px solid var(--c-border-light);backdrop-filter:var(--glass-heavy);-webkit-backdrop-filter:var(--glass-heavy);display:flex;flex-direction:column;padding:var(--sp-6) 0;position:fixed;top:0;left:0;bottom:0;z-index:50;transition:transform var(--dur-base) var(--ease-smooth)}.sidebar-logo{padding:0 var(--sp-6);margin-bottom:var(--sp-8);font-size:var(--fs-lg);font-weight:700;color:var(--c-primary);display:flex;align-items:center;gap:var(--sp-2);letter-spacing:-.01em}.sidebar-logo svg{filter:drop-shadow(0 0 6px var(--c-primary-glow))}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--sp-1);padding:0 var(--sp-3)}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);color:var(--t-secondary);text-decoration:none;font-size:var(--fs-sm);font-weight:500;transition:all var(--dur-fast) var(--ease-smooth);cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative}.sidebar-link:hover{background:var(--c-surface-hover);color:var(--t-primary)}.sidebar-link.active{background:#5b93ff1a;color:var(--c-primary);box-shadow:inset 3px 0 0 var(--c-primary)}.sidebar-link svg{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--c-border-light);margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm)}.sidebar-avatar{width:36px;height:36px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--c-primary),var(--c-accent));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-sm);color:#fff;flex-shrink:0;box-shadow:0 0 12px var(--c-primary-glow)}.sidebar-user-info{overflow:hidden}.sidebar-user-name{color:var(--t-primary);font-weight:500}.sidebar-user-email{color:var(--t-muted);font-size:var(--fs-xs)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#0d1224e6;border-top:1px solid var(--c-border-light);backdrop-filter:var(--glass-heavy);-webkit-backdrop-filter:var(--glass-heavy);padding:var(--sp-2) 0 calc(var(--sp-2) + var(--safe-bot));z-index:50}.bottom-nav-inner{display:flex;justify-content:space-around;max-width:500px;margin:0 auto}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-md);color:var(--t-muted);text-decoration:none;font-size:10px;font-weight:500;transition:color var(--dur-fast);border:none;background:none;cursor:pointer}.bottom-nav-link:hover,.bottom-nav-link.active{color:var(--c-primary)}.bottom-nav-link.active svg{filter:drop-shadow(0 0 4px var(--c-primary-glow))}.bottom-nav-link svg{width:22px;height:22px}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.bottom-nav{display:block}.layout .main-content{margin-left:0}}@media (min-width: 769px){.layout .main-content{margin-left:var(--sidebar-w)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8);flex-wrap:wrap;gap:var(--sp-4)}.page-header h1{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.015em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-8)}.stat-card{display:flex;flex-direction:column;gap:var(--sp-2);transition:transform var(--dur-fast) var(--ease-smooth)}.stat-card:hover{transform:translateY(-2px)}.stat-card .stat-label{font-size:var(--fs-xs);color:var(--t-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-card .stat-value{font-size:var(--fs-3xl);font-weight:700;color:var(--t-primary);line-height:1;letter-spacing:-.02em}.stat-card .stat-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-2)}.stat-icon.blue{background:#5b93ff1f;color:var(--c-primary)}.stat-icon.orange{background:var(--c-warning-glow);color:var(--c-warning)}.stat-icon.red{background:var(--c-danger-glow);color:var(--c-danger)}.stat-icon.green{background:var(--c-success-glow);color:var(--c-success)}.stat-icon svg{width:20px;height:20px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}.doc-card{cursor:pointer;transition:all var(--dur-fast) var(--ease-smooth)}.doc-card:hover{border-color:#5b93ff4d;box-shadow:var(--glow-primary),var(--inset-glow);transform:translateY(-2px)}.doc-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-4)}.doc-card-type{font-size:var(--fs-sm);font-weight:600;color:var(--t-primary)}.doc-card-body{display:flex;flex-direction:column;gap:var(--sp-2)}.doc-card-row{display:flex;justify-content:space-between;font-size:var(--fs-sm)}.doc-card-row .label{color:var(--t-muted)}.doc-card-row .value{color:var(--t-secondary)}.dropzone{border:2px dashed rgba(91,147,255,.2);border-radius:var(--r-xl);padding:var(--sp-12) var(--sp-8);text-align:center;cursor:pointer;transition:all var(--dur-base) var(--ease-smooth);background:var(--c-surface-alt);position:relative}.dropzone:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 50%,rgba(91,147,255,.04),transparent 70%);pointer-events:none;opacity:0;transition:opacity var(--dur-base)}.dropzone:hover,.dropzone.active{border-color:var(--c-primary);background:#5b93ff0a}.dropzone:hover:before,.dropzone.active:before{opacity:1}.dropzone-icon{width:48px;height:48px;margin:0 auto var(--sp-4);color:var(--t-muted);transition:color var(--dur-fast),transform var(--dur-base) var(--ease-spring)}.dropzone:hover .dropzone-icon,.dropzone.active .dropzone-icon{color:var(--c-primary);transform:translateY(-4px)}.dropzone h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2)}.dropzone p{font-size:var(--fs-sm);color:var(--t-muted)}.progress-bar{width:100%;height:6px;background:var(--c-surface-hover);border-radius:var(--r-full);overflow:hidden;margin:var(--sp-4) 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--c-primary),var(--c-accent));border-radius:var(--r-full);transition:width var(--dur-slow) var(--ease-smooth);box-shadow:0 0 8px var(--c-primary-glow)}.alert-list{display:flex;flex-direction:column;gap:var(--sp-3)}.alert-item{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);transition:background var(--dur-fast);border-radius:var(--r-md)}.alert-item:hover{background:var(--c-surface-hover)}.alert-dot{width:10px;height:10px;border-radius:var(--r-full);flex-shrink:0}.alert-dot.warning{background:var(--c-warning);box-shadow:0 0 8px var(--c-warning-glow)}.alert-dot.danger{background:var(--c-danger);box-shadow:0 0 8px var(--c-danger-glow)}.alert-info{flex:1}.alert-info .alert-doc{font-weight:500;font-size:var(--fs-sm)}.alert-info .alert-detail{font-size:var(--fs-xs);color:var(--t-muted);margin-top:2px}.settings-section{margin-bottom:var(--sp-8)}.settings-section h2{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-border-light)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0;border-bottom:1px solid var(--c-border-light);transition:background var(--dur-fast)}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:var(--c-surface-alt);margin:0 calc(-1 * var(--sp-4));padding-left:var(--sp-4);padding-right:var(--sp-4);border-radius:var(--r-sm)}.settings-label{font-size:var(--fs-sm);color:var(--t-secondary)}.settings-value{font-size:var(--fs-sm);color:var(--t-primary);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16) var(--sp-8);text-align:center;animation:fadeInUp var(--dur-slow) var(--ease-smooth) both}.empty-state svg{width:64px;height:64px;color:var(--t-muted);margin-bottom:var(--sp-6);opacity:.4}.empty-state h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2)}.empty-state p{color:var(--t-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-6);max-width:360px}.modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--sp-4);animation:fadeIn var(--dur-fast) var(--ease-smooth)}.modal-content{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:scaleIn var(--dur-base) var(--ease-spring)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6)}.modal-header h2{font-size:var(--fs-xl);font-weight:600}.modal-close{width:32px;height:32px;border-radius:var(--r-full);background:var(--c-surface-hover);border:none;color:var(--t-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast)}.modal-close:hover{background:var(--c-danger);color:#fff;transform:scale(1.05)}.modal-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-6)}.loading-page{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:var(--sp-4)}.loading-page p{color:var(--t-muted);font-size:var(--fs-sm)}.toast-container{position:fixed;top:var(--sp-6);right:var(--sp-6);z-index:200;display:flex;flex-direction:column;gap:var(--sp-3)}.toast{padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:500;animation:slideInRight var(--dur-base) var(--ease-spring) both;backdrop-filter:var(--glass);max-width:360px;box-shadow:var(--card-shadow)}.toast-success{background:#34d3991f;color:var(--c-success);border:1px solid rgba(52,211,153,.25)}.toast-error{background:#f871711f;color:var(--c-danger);border:1px solid rgba(248,113,113,.25)}.toast-info{background:#5b93ff1f;color:var(--c-primary);border:1px solid rgba(91,147,255,.25)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.detail-field{display:flex;flex-direction:column;gap:var(--sp-1)}.detail-field .label{font-size:var(--fs-xs);color:var(--t-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.detail-field .value{font-size:var(--fs-base);color:var(--t-primary)}@media (max-width: 640px){.detail-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.doc-grid{grid-template-columns:1fr}}.confidence-bar-container{display:flex;align-items:center;gap:var(--sp-3)}.confidence-bar{flex:1;height:8px;background:var(--c-surface-hover);border-radius:var(--r-full);overflow:hidden}.confidence-fill{height:100%;border-radius:var(--r-full);transition:width var(--dur-slow)}.confidence-fill.high{background:var(--c-success);box-shadow:0 0 6px var(--c-success-glow)}.confidence-fill.medium{background:var(--c-warning);box-shadow:0 0 6px var(--c-warning-glow)}.confidence-fill.low{background:var(--c-danger);box-shadow:0 0 6px var(--c-danger-glow)}.confidence-label{font-size:var(--fs-sm);font-weight:600;min-width:40px;text-align:right}.filter-bar{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap}.filter-bar .search-input{flex:1;min-width:200px}.filter-tabs{display:flex;gap:var(--sp-1);background:var(--c-surface);border-radius:var(--r-md);padding:var(--sp-1);border:1px solid var(--c-border)}.filter-tab{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:500;color:var(--t-muted);border:none;background:none;cursor:pointer;transition:all var(--dur-fast)}.filter-tab:hover{color:var(--t-primary)}.filter-tab.active{background:var(--c-primary);color:#fff;box-shadow:0 0 12px var(--c-primary-glow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.toggle{position:relative;width:44px;height:24px;background:var(--c-surface-hover);border-radius:var(--r-full);border:1px solid var(--c-border);cursor:pointer;transition:all var(--dur-fast)}.toggle.on{background:var(--c-primary);border-color:var(--c-primary);box-shadow:0 0 10px var(--c-primary-glow)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:var(--r-full);transition:transform var(--dur-fast) var(--ease-spring);box-shadow:0 1px 3px #0000004d}.toggle.on:after{transform:translate(20px)}.plan-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.plan-free{background:#94a3b81a;color:var(--t-secondary)}.plan-family{background:#5b93ff1a;color:var(--c-primary)}.plan-extended{background:var(--c-accent-glow);color:var(--c-accent)}.plan-enterprise{background:var(--c-success-glow);color:var(--c-success)}.family-page{display:flex;flex-direction:column;gap:var(--sp-6)}.invite-form h3{margin:0 0 var(--sp-4);font-size:var(--fs-lg)}.invite-form-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.invite-form-row .input{flex:1;min-width:180px}.invite-form-row select.input{flex:0 0 auto;min-width:120px}.family-table{display:flex;flex-direction:column}.family-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);border-bottom:1px solid var(--c-border-light);transition:background var(--dur-fast);border-radius:var(--r-sm)}.family-row:last-child{border-bottom:none}.family-row:hover{background:var(--c-surface-hover)}.family-avatar{width:40px;height:40px;border-radius:50%;background:#5b93ff1f;color:var(--c-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);flex-shrink:0}.family-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.family-name{font-weight:600;color:var(--t-primary)}.family-info .text-muted{font-size:var(--fs-sm)}.badge-owner{background:var(--c-accent-glow);color:var(--c-accent)}.badge-admin{background:#5b93ff1f;color:var(--c-primary)}.badge-member{background:var(--c-success-glow);color:var(--c-success)}.badge-viewer{background:#94a3b81a;color:var(--t-secondary)}.chat-page{display:flex;flex-direction:column;gap:var(--sp-6);height:100%}.chat-card{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);flex:1;color:var(--t-secondary);text-align:center;padding:var(--sp-10)}.chat-empty svg{width:48px;height:48px;opacity:.35}.chat-bubble{max-width:75%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);font-size:var(--fs-sm);line-height:var(--lh-normal);animation:chatFadeIn .25s var(--ease-smooth)}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--c-primary),#4a7de8);color:#fff;border-bottom-right-radius:var(--sp-1);box-shadow:0 2px 8px var(--c-primary-glow)}.chat-bubble.assistant{align-self:flex-start;background:var(--c-surface-hover);color:var(--t-primary);border:1px solid var(--c-border);border-bottom-left-radius:var(--sp-1)}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-thinking{display:flex;gap:6px;padding:var(--sp-1) 0}.chat-thinking .dot{width:8px;height:8px;border-radius:50%;background:var(--t-secondary);animation:chatDot 1.2s infinite ease-in-out}.chat-thinking .dot:nth-child(2){animation-delay:.2s}.chat-thinking .dot:nth-child(3){animation-delay:.4s}@keyframes chatDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input-area{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-top:1px solid var(--c-border-light)}.chat-input-area .input{flex:1}.upgrade-card{opacity:.85}.main-content{background:radial-gradient(ellipse at 85% 10%,rgba(91,147,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 15% 90%,rgba(167,139,250,.02) 0%,transparent 50%)}.stat-grid .card:nth-child(1){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:0ms}.stat-grid .card:nth-child(2){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:60ms}.stat-grid .card:nth-child(3){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.12s}.stat-grid .card:nth-child(4){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.18s}.doc-grid .card:nth-child(1){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:0ms}.doc-grid .card:nth-child(2){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:50ms}.doc-grid .card:nth-child(3){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.1s}.doc-grid .card:nth-child(4){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.15s}.doc-grid .card:nth-child(5){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.2s}.doc-grid .card:nth-child(6){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.25s}.alert-list .alert-item:nth-child(1){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:0ms}.alert-list .alert-item:nth-child(2){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:50ms}.alert-list .alert-item:nth-child(3){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.1s}.alert-list .alert-item:nth-child(4){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.15s}.alert-list .alert-item:nth-child(5){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.2s}.section-title{font-size:var(--fs-xs);font-weight:600;color:var(--t-muted);text-transform:uppercase;letter-spacing:.08em;margin:var(--sp-8) 0 var(--sp-4)}.quick-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-3)}.quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);text-decoration:none;color:var(--t-primary);transition:all var(--dur-fast) var(--ease-smooth)}.quick-action:hover{transform:translateY(-2px);border-color:#5b93ff40;box-shadow:0 8px 24px #00000040}.quick-action-icon{width:40px;height:40px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;background:#5b93ff1a;color:var(--c-primary);transition:all var(--dur-fast)}.quick-action-icon svg{width:20px;height:20px}.quick-action:hover .quick-action-icon{background:#5b93ff2e;box-shadow:0 0 12px var(--c-primary-glow)}.quick-action-label{font-size:var(--fs-sm);font-weight:500;text-align:center}.quick-action-grid .quick-action:nth-child(1){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.22s}.quick-action-grid .quick-action:nth-child(2){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.28s}.quick-action-grid .quick-action:nth-child(3){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.34s}.quick-action-grid .quick-action:nth-child(4){animation:fadeInUp var(--dur-base) var(--ease-smooth) both;animation-delay:.4s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
