:root{--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-850:#1f1f23;--gray-900:#18181b;--gray-925:#141417;--gray-950:#09090b;--accent-50:#818cf80d;--accent-100:#818cf81a;--accent-200:#818cf82e;--accent:#818cf8;--accent-light:#a5b4fc;--accent-dark:#6366f1;--accent-darker:#4f46e5;--accent-glow:#818cf840;--accent-surface:#818cf814;--success:#34d399;--success-light:#6ee7b7;--success-dark:#059669;--success-surface:#34d39914;--warning:#fbbf24;--warning-light:#fde68a;--warning-dark:#d97706;--warning-surface:#fbbf2414;--danger:#f87171;--danger-light:#fca5a5;--danger-dark:#dc2626;--danger-surface:#f8717114;--urgency:#f97316;--urgency-light:#fdba74;--urgency-dark:#ea580c;--urgency-surface:#f9731614;--urgency-glow:#f9731640;--info:#22d3ee;--info-light:#67e8f9;--info-dark:#0891b2;--info-surface:#22d3ee14;--bg-primary:var(--gray-950);--bg-secondary:var(--gray-900);--bg-tertiary:var(--gray-850);--bg-elevated:var(--gray-800);--bg-hover:#ffffff0a;--bg-active:#ffffff0f;--bg-subtle:#ffffff05;--text-primary:var(--gray-50);--text-secondary:var(--gray-400);--text-tertiary:var(--gray-500);--text-muted:var(--gray-600);--text-accent:var(--accent-light);--border-primary:var(--gray-800);--border-secondary:var(--gray-700);--border-hover:var(--gray-600);--border-subtle:#ffffff0f;--border-accent:#818cf84d;--accent-gradient:linear-gradient(135deg, var(--accent), var(--accent-dark));--accent-glow-strong:#818cf866;--bg-glass:#ffffff08;--bg-glass-light:#ffffff0f;--bg-overlay:#0009;--bg-surface:var(--gray-800);--text-faint:var(--gray-700);--border-active:var(--gray-500);--border-accent-strong:#818cf880;--shadow-elevated:0 8px 24px #00000059;--shadow-float:0 12px 36px #0006;--shadow-card:0 2px 8px #0003;--shadow-3xl:0 32px 64px -12px #0009;--shadow-accent-lg:0 8px 24px var(--accent-glow);--shadow-ring-sm:0 0 0 2px var(--accent-glow);--success-glow:#34d39940;--danger-glow:#f8717140;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--tracking-tighter:-.04em;--ease-in:cubic-bezier(.4, 0, 1, 1);--z-sidebar:300;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #00000059, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000073, 0 8px 10px -6px #00000059;--shadow-2xl:0 25px 50px -12px #0009;--shadow-inner:inset 0 2px 4px #0000004d;--shadow-glow:0 0 20px var(--accent-glow);--shadow-glow-lg:0 0 40px var(--accent-glow), 0 0 80px #818cf81a;--shadow-accent:0 4px 14px #818cf840;--shadow-ring:0 0 0 3px var(--accent-glow);--duration-instant:50ms;--duration-fast:.12s;--duration-normal:.2s;--duration-moderate:.3s;--duration-slow:.4s;--duration-slower:.6s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.68, -.55, .27, 1.55);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:1000;--z-popover:1500;--z-toast:2000;--z-tooltip:3000;--z-max:9999;--sidebar-width:260px;--sidebar-collapsed-width:68px;--header-height:0px;--content-max-width:100%;--content-readable-width:720px;--content-wide-width:1200px;--page-padding:var(--space-8);--page-padding-x:var(--space-10);--bg-base:var(--gray-950);--noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--accent-300:#818cf840}.theme-transitioning,.theme-transitioning *,.theme-transitioning :before,.theme-transitioning :after{transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s!important}[data-accent=rose]{--accent:#fb7185;--accent-light:#fda4af;--accent-dark:#e11d48;--accent-glow:#fb718540;--accent-surface:#fb718514}[data-accent=amber]{--accent:#fbbf24;--accent-light:#fde68a;--accent-dark:#d97706;--accent-glow:#fbbf2440;--accent-surface:#fbbf2414}[data-accent=emerald]{--accent:#34d399;--accent-light:#6ee7b7;--accent-dark:#059669;--accent-glow:#34d39940;--accent-surface:#34d39914}[data-accent=cyan]{--accent:#22d3ee;--accent-light:#67e8f9;--accent-dark:#0891b2;--accent-glow:#22d3ee40;--accent-surface:#22d3ee14}[data-accent=violet]{--accent:#a78bfa;--accent-light:#c4b5fd;--accent-dark:#7c3aed;--accent-glow:#a78bfa40;--accent-surface:#a78bfa14}[data-accent=pink]{--accent:#f472b6;--accent-light:#f9a8d4;--accent-dark:#db2777;--accent-glow:#f472b640;--accent-surface:#f472b614}[data-accent=sky]{--accent:#38bdf8;--accent-light:#7dd3fc;--accent-dark:#0284c7;--accent-glow:#38bdf840;--accent-surface:#38bdf814}[data-accent=orange]{--accent:#fb923c;--accent-light:#fdba74;--accent-dark:#ea580c;--accent-glow:#fb923c40;--accent-surface:#fb923c14}[data-accent=teal]{--accent:#2dd4bf;--accent-light:#5eead4;--accent-dark:#0d9488;--accent-glow:#2dd4bf40;--accent-surface:#2dd4bf14}[data-accent=lime]{--accent:#a3e635;--accent-light:#bef264;--accent-dark:#65a30d;--accent-glow:#a3e63540;--accent-surface:#a3e63514}[data-accent=fuchsia]{--accent:#e879f9;--accent-light:#f0abfc;--accent-dark:#c026d3;--accent-glow:#e879f940;--accent-surface:#e879f914}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);min-height:100dvh;overflow-x:hidden}body:before{content:"";background-image:var(--noise);pointer-events:none;z-index:var(--z-max);opacity:.015;background-repeat:repeat;background-size:256px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;color:var(--text-primary)}p{text-wrap:pretty}a{color:var(--accent);transition:color var(--duration-fast);text-decoration:none}a:hover{color:var(--accent-light)}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}::selection{background:var(--accent-300);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}#app{min-height:100dvh;position:relative}.text-display{font-size:var(--text-6xl);letter-spacing:var(--tracking-tighter);font-weight:800;line-height:var(--leading-none);background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-hero{font-size:var(--text-5xl);letter-spacing:var(--tracking-tighter);font-weight:700;line-height:1.1}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-muted{background:linear-gradient(135deg, var(--text-primary), var(--text-tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.label-overline{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);font-weight:600}.font-mono{font-family:var(--font-mono)}.tabular-nums{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.layout{width:100%;min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);z-index:var(--z-sticky);transition:width var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);will-change:width;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar:after{content:"";background:linear-gradient(180deg, transparent 0%, var(--accent-200) 30%, var(--accent-200) 70%, transparent 100%);opacity:0;width:1px;transition:opacity var(--duration-moderate);position:absolute;top:0;bottom:0;right:0}.sidebar:hover:after{opacity:1}.sidebar-header{padding:var(--space-5);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;display:flex}.sidebar-logo-link{align-items:center;gap:var(--space-3);min-width:0;display:flex;color:var(--text-primary)!important;text-decoration:none!important}.sidebar-logo{border-radius:var(--radius-lg);background:var(--accent-gradient);width:34px;height:34px;box-shadow:var(--shadow-accent);transition:transform var(--duration-normal) var(--ease-spring), box-shadow var(--duration-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:hover{box-shadow:var(--shadow-glow);transform:scale(1.08)rotate(-2deg)}.sidebar-logo svg{color:#fff;width:18px;height:18px}.sidebar-brand-text{font-size:var(--text-lg);letter-spacing:-.03em;white-space:nowrap;transition:opacity var(--duration-normal), width var(--duration-slow) var(--ease-out);font-weight:700;overflow:hidden}.sidebar-collapse-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-collapse-btn svg{width:16px;height:16px;transition:transform var(--duration-normal) var(--ease-out)}.sidebar-search-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:var(--space-2) var(--space-3) var(--space-1);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;color:var(--text-tertiary);font-size:var(--text-sm);transition:all var(--duration-fast);flex-shrink:0;display:flex}.sidebar-search-trigger:hover{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-secondary)}.sidebar-search-trigger .nav-icon svg{width:14px;height:14px}.sidebar-kbd{font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xs);color:var(--text-muted);white-space:nowrap;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-nav{padding:var(--space-3);gap:var(--space-0-5);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.nav-section-label{font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);padding:var(--space-3) var(--space-3) var(--space-1-5);white-space:nowrap;font-weight:600;overflow:hidden}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item .nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item svg{width:18px;height:18px;transition:color var(--duration-fast);flex-shrink:0}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-surface);color:var(--accent-light)}.nav-item.active svg{color:var(--accent)}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:20px;animation:slideInLeft var(--duration-normal) var(--ease-out);position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-badge{border-radius:var(--radius-full);background:var(--urgency);color:#fff;font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-primary);gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.semester-badge{font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-quick-stats{gap:var(--space-3);padding:var(--space-1) 0;display:flex}.sidebar-stat{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.sidebar-stat--danger{color:var(--urgency);font-weight:600}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2);margin:0 calc(-1 * var(--space-2));border-radius:var(--radius-md);transition:background var(--duration-fast);display:flex}.sidebar-user:hover{background:var(--bg-hover)}.user-avatar{border-radius:var(--radius-full);width:34px;height:34px;font-size:var(--text-xs);color:#fff;background:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-info{flex:1;min-width:0;overflow:hidden}.user-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.user-type{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize}.sidebar-logout-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);opacity:0;transition:all var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-user:hover .sidebar-logout-btn{opacity:1}.sidebar-logout-btn:hover{color:var(--danger);background:var(--danger-surface)}.sidebar-logout-btn svg{width:14px;height:14px}.main-content{margin-left:var(--sidebar-width);min-height:100dvh;padding:var(--page-padding) var(--page-padding-x);width:calc(100% - var(--sidebar-width));transition:margin-left var(--duration-slow) var(--ease-out), width var(--duration-slow) var(--ease-out);flex:1}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header h1{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);align-items:center;gap:var(--space-3);font-weight:700;display:flex}.page-header h1 svg{width:26px;height:26px;color:var(--accent);flex-shrink:0}.page-header-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-collapsed .sidebar-brand-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .sidebar-kbd,.sidebar-collapsed .user-info,.sidebar-collapsed .sidebar-quick-stats,.sidebar-collapsed .semester-badge{opacity:0;pointer-events:none;width:0;transition:opacity var(--duration-fast), width var(--duration-normal);overflow:hidden}.sidebar-collapsed .sidebar-search-trigger{padding:var(--space-2);margin-left:var(--space-2);margin-right:var(--space-2);justify-content:center}.sidebar-collapsed .sidebar-search-trigger .nav-label,.sidebar-collapsed .sidebar-search-trigger .sidebar-kbd{display:none}.sidebar-collapsed .sidebar-header{padding:var(--space-4) var(--space-2);justify-content:center}.sidebar-collapsed .sidebar-collapse-btn{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-full);width:28px;height:28px;z-index:calc(var(--z-sticky) + 1);opacity:0;transition:opacity var(--duration-normal), transform var(--duration-normal) var(--ease-spring);box-shadow:var(--shadow-md);position:absolute;top:18px;right:-14px}.sidebar-collapsed .sidebar:hover .sidebar-collapse-btn,.sidebar-collapsed .sidebar-collapse-btn:focus-visible{opacity:1}.sidebar-collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar-collapsed .sidebar-logo-link{justify-content:center}.sidebar-collapsed .sidebar-user{padding:var(--space-2);justify-content:center}.sidebar-collapsed .sidebar-logout-btn{display:none}.sidebar-collapsed .nav-item{padding:var(--space-2-5);justify-content:center}.sidebar-collapsed .nav-item .nav-icon{margin:0}.sidebar-collapsed .nav-badge{width:16px;min-width:16px;height:16px;padding:0;font-size:9px;position:absolute;top:2px;right:2px}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.sidebar-collapsed .nav-item{position:relative}.sidebar-collapsed .nav-item:after{content:attr(title);background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;box-shadow:var(--shadow-lg);border:1px solid var(--border-secondary);opacity:0;pointer-events:none;z-index:var(--z-tooltip);transition:opacity var(--duration-fast) var(--duration-fast), transform var(--duration-fast) var(--duration-fast) var(--ease-out);font-weight:500;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)scale(.9)}.sidebar-collapsed .nav-item:hover:after{opacity:1;transform:translateY(-50%)scale(1)}@media (width<=768px){.sidebar{z-index:var(--z-modal);box-shadow:var(--shadow-2xl);transform:translate(-100%)}.layout.sidebar-open .sidebar{transform:translate(0)}.layout.sidebar-open:before{content:"";z-index:calc(var(--z-modal) - 1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.main-content{padding:var(--space-5) var(--space-4);width:100%!important;margin-left:0!important}.sidebar-collapsed .main-content{width:100%!important;margin-left:0!important}}@media (width<=640px){.main-content{padding:var(--space-4) var(--space-3)}.page-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.page-header h1{font-size:var(--text-xl)}}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%)translate(-100%)}to{opacity:1;transform:translateY(-50%)translate(0)}}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.page-header-right{align-items:center;gap:var(--space-3);display:flex}.page-header-actions{align-items:center;gap:var(--space-2);display:flex}.page-title{font-size:var(--text-2xl);letter-spacing:-.03em;white-space:nowrap;font-weight:800}.semester-badge{padding:var(--space-0-5) var(--space-2-5);font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--accent-surface);color:var(--accent-light);border:1px solid var(--border-accent);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.page-header-count{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.controls-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.control-search{flex:1;align-items:center;min-width:180px;max-width:360px;display:flex;position:relative}.control-search-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute}.control-search-icon svg{width:16px;height:16px}.control-search-input{width:100%;padding:var(--space-2-5) var(--space-3) var(--space-2-5) 38px;font-size:var(--text-sm);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--duration-fast)}.control-search-input::placeholder{color:var(--text-muted)}.control-search-input:focus{border-color:var(--accent);box-shadow:var(--shadow-ring-sm);background:var(--bg-elevated)}.control-search-clear{right:var(--space-2);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex;position:absolute}.control-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.control-search-clear svg{width:14px;height:14px}.control-select{padding:var(--space-2-5) var(--space-8) var(--space-2-5) var(--space-3);font-size:var(--text-sm);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);appearance:none;cursor:pointer;transition:all var(--duration-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.control-select:hover{border-color:var(--border-secondary);color:var(--text-primary)}.control-select:focus{border-color:var(--accent);box-shadow:var(--shadow-ring-sm)}.class-color-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.collapse-toggle{color:var(--text-muted);transition:transform var(--duration-normal) var(--ease-out);align-items:center;margin-left:auto;display:flex}.collapse-toggle svg{width:16px;height:16px}.collapse-toggle.collapsed{transform:rotate(-90deg)}.class-section-header~.class-cards.collapsed,.archived-grid.collapsed{display:none}.section-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:600;display:flex}.section-title{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700}.section-divider{background:var(--border-primary);height:1px;margin:var(--space-6) 0}@media (width<=768px){.page-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.controls-bar{flex-direction:column;align-items:stretch}.control-search{max-width:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;isolation:isolate;border:1px solid #0000;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn svg{flex-shrink:0;width:16px;height:16px}.btn:after{content:"";background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), #ffffff26 0%, transparent 60%);opacity:0;transition:opacity var(--duration-fast);position:absolute;inset:0}.btn:active:after{opacity:1}.btn-primary{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff1a}.btn-primary:hover{box-shadow:var(--shadow-accent-lg), inset 0 1px 0 #ffffff26;filter:brightness(1.08)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-outline{color:var(--text-secondary);border-color:var(--border-primary);background:0 0}.btn-outline:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-secondary)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-hover)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 1px 2px #0003}.btn-danger:hover{background:var(--danger-dark);border-color:var(--danger-dark);box-shadow:0 4px 14px var(--danger-glow)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:var(--success-dark);border-color:var(--success-dark)}.btn-glass{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-secondary);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.btn-glass:hover{background:var(--bg-glass-light);border-color:var(--border-hover)}.btn-accent-subtle{background:var(--accent-surface);color:var(--accent-light);border-color:var(--border-accent)}.btn-accent-subtle:hover{background:var(--accent-100);border-color:var(--accent)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-xs svg{width:13px;height:13px}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-sm svg{width:14px;height:14px}.btn-lg{padding:var(--space-3-5) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg);font-weight:600}.btn-lg svg{width:18px;height:18px}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--radius-xl);font-weight:600}.btn-block{width:100%}.btn-icon{padding:var(--space-2);aspect-ratio:1}.btn-icon.btn-xs{padding:var(--space-1)}.btn-icon.btn-sm{padding:var(--space-1-5)}.btn-icon.btn-lg{padding:var(--space-3)}.btn-icon-only{padding:var(--space-1);min-width:0}.btn-loading{pointer-events:none;color:#0000!important}.btn-loading:before{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.6s linear infinite btn-spin;position:absolute;top:50%;left:50%}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-group{border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.btn-group .btn{border-radius:0;margin-left:-1px}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);margin-left:0}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.form-group{gap:var(--space-1-5);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.form-input{width:100%;padding:var(--space-2-5) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);line-height:var(--leading-normal)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:var(--border-secondary)}.form-input:focus{border-color:var(--accent);box-shadow:var(--shadow-ring-sm), 0 0 0 1px var(--accent-200);background:var(--bg-elevated)}select.form-input{appearance:none;cursor:pointer;padding-right:var(--space-8)}textarea.form-input{resize:vertical;min-height:80px}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-0-5)}.form-row{gap:var(--space-4);display:flex}.form-row>*{flex:1}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-wrapper.focused .form-input{border-color:var(--accent);box-shadow:var(--shadow-ring-sm);background:var(--bg-elevated)}.form-input-wrapper.error .form-input{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-glow)}.form-input-icon{color:var(--text-muted);pointer-events:none;z-index:1;transition:color var(--duration-fast);align-items:center;display:flex;position:absolute;left:12px}.form-input-icon svg{width:16px;height:16px}.form-input-wrapper.focused .form-input-icon{color:var(--accent)}.form-input--has-icon{padding-left:38px}.form-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);-webkit-user-select:none;user-select:none;display:inline-flex}.form-checkbox input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.form-textarea{min-height:100px;line-height:var(--leading-relaxed)}.input-group{align-items:stretch;display:flex}.input-group-addon{padding:0 var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-primary);font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;align-items:center;display:flex}.input-group-addon:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:0}.input-group-addon:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:0}.input-group .form-input:first-child:not(:last-child){border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .form-input:last-child:not(:first-child){border-radius:0 var(--radius-md) var(--radius-md) 0}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-moderate) var(--ease-out);position:relative}.card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-elevated)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-2);transition:all var(--duration-moderate) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent-gradient);opacity:0;height:2px;transition:opacity var(--duration-moderate);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-secondary);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card-icon{border-radius:var(--radius-lg);background:var(--accent-surface);width:40px;height:40px;color:var(--accent);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.stat-card-icon svg{width:20px;height:20px}.stat-card-value{font-size:var(--text-3xl);letter-spacing:var(--tracking-tighter);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.stat-card-label{font-size:var(--text-sm);color:var(--text-secondary)}.stat-card-trend{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-weight:600;display:inline-flex}.stat-card-trend.up{color:var(--success);background:var(--success-surface)}.stat-card-trend.down{color:var(--danger);background:var(--danger-surface)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.badge{align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;font-weight:600;line-height:1.4;display:inline-flex}.badge svg{width:12px;height:12px}.badge-accent{background:var(--accent-surface);color:var(--accent-light);border:1px solid var(--border-accent)}.badge-success{background:var(--success-surface);color:var(--success-light)}.badge-warning{background:var(--warning-surface);color:var(--warning-light)}.badge-danger{background:var(--danger-surface);color:var(--danger-light)}.badge-info{background:var(--info-surface);color:var(--info-light)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge-urgency{background:var(--urgency-surface);color:var(--urgency-light)}.urgency-low{background:var(--success-surface);color:var(--success)}.urgency-medium{background:var(--warning-surface);color:var(--warning)}.urgency-high{background:var(--urgency-surface);color:var(--urgency)}.urgency-critical{color:var(--urgency-light);background:#f9731626}.type-homework{color:var(--accent-light);background:#6366f11a}.type-quiz{color:#f472b6;background:#f472b61a}.type-exam{color:var(--danger-light);background:#f871711a}.type-project{color:var(--success-light);background:#34d3991a}.type-paper{color:var(--warning-light);background:#fbbf241a}.type-lab{color:var(--info-light);background:#22d3ee1a}.type-reading{color:#c4b5fd;background:#a78bfa1a}.type-other{background:var(--bg-tertiary);color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-tertiary)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-2xl);background:var(--bg-tertiary);justify-content:center;align-items:center;display:flex}.empty-state-icon svg{width:28px;height:28px;color:var(--text-muted)}.empty-state h3{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--text-sm);max-width:400px;margin:0 auto var(--space-4);line-height:var(--leading-relaxed)}.card-elevated{border-color:var(--border-secondary);box-shadow:var(--shadow-card)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-hover);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge-sm{padding:1px var(--space-1-5);font-size:10px}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-icon{border-radius:var(--radius-lg);background:var(--bg-tertiary);width:36px;height:36px;margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.stat-icon svg{width:18px;height:18px}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.stat-value{font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.stat-detail{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.stat-overdue:before{background:linear-gradient(135deg, var(--urgency), var(--urgency-dark))!important;opacity:1!important}.stat-complete:before{background:linear-gradient(135deg, var(--success), var(--success-dark))!important;opacity:1!important}.stat-flash{border-radius:inherit;pointer-events:none;animation:2s ease-in-out infinite stat-flash-anim;position:absolute;inset:0}.stat-flash-danger{box-shadow:inset 0 0 0 1px var(--urgency)}@keyframes stat-flash-anim{0%,to{opacity:0}50%{opacity:.15}}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));z-index:var(--z-modal);padding:var(--space-6);opacity:0;transition:opacity var(--duration-moderate) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.visible,.modal-overlay.show{opacity:1}.modal{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);width:100%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-3xl);transition:transform var(--duration-moderate) var(--ease-out);flex-direction:column;display:flex;overflow:hidden;transform:scale(.95)translateY(10px)}.modal-overlay.visible .modal,.modal-overlay.show .modal{transform:scale(1)translateY(0)}.modal-sm{max-width:380px}.modal-lg{max-width:640px}.modal-xl{max-width:800px}.modal-full{max-width:95vw;max-height:90vh}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.modal-title svg{width:20px;height:20px;color:var(--accent)}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:18px;height:18px}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary);flex-shrink:0;display:flex}.confirm-dialog .modal{max-width:400px}.confirm-dialog .modal-body{text-align:center;padding:var(--space-8) var(--space-6)}.confirm-dialog-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.confirm-dialog-icon.danger{background:var(--danger-surface);color:var(--danger)}.confirm-dialog-icon.warning{background:var(--warning-surface);color:var(--warning)}.confirm-dialog-icon svg{width:24px;height:24px}.confirm-dialog-title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.confirm-dialog-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}#toast-container{top:var(--space-5);right:var(--space-5);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;width:100%;max-width:420px;display:flex;position:fixed}.toast{background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));pointer-events:all;animation:toastIn var(--duration-moderate) var(--ease-out);display:flex;position:relative;overflow:hidden}.toast:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.toast-success:before{background:var(--success)}.toast-error:before{background:var(--danger)}.toast-warning:before{background:var(--warning)}.toast-info:before{background:var(--accent)}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--accent)}.toast-message{font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:500}.toast-close{color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast)}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-close svg{width:14px;height:14px}.toast-exit{animation:toastOut var(--duration-moderate) var(--ease-in) forwards}@keyframes toastIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.9)}}@keyframes cp-slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cp-containerIn{0%{opacity:0;transform:scale(.97)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes cp-containerOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.97)translateY(-8px)}}@keyframes cp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cp-overlay{-webkit-backdrop-filter:blur(12px)saturate(1.4);z-index:var(--z-modal);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);background:#0009;justify-content:center;align-items:flex-start;padding-top:min(18vh,160px);display:flex;position:fixed;inset:0}.cp-visible{opacity:1}.cp-closing{opacity:0;transition-duration:.2s}.cp-container{width:100%;max-width:620px;margin:0 var(--space-4);border-radius:var(--radius-2xl);background:linear-gradient(to bottom, #ffffff08, transparent 60%), var(--gray-925);animation:cp-containerIn .3s var(--ease-out) both;border:1px solid #ffffff14;overflow:hidden;box-shadow:0 0 0 1px #0000004d,0 24px 48px -12px #00000080,0 0 80px -20px #818cf814}.cp-closing .cp-container{animation:cp-containerOut .2s var(--ease-in) both}.cp-search-wrapper{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);display:flex;position:relative}.cp-search-wrapper:after{content:"";bottom:0;left:var(--space-5);right:var(--space-5);background:linear-gradient(90deg,#0000,#ffffff0f 20%,#818cf826 50%,#ffffff0f 80%,#0000);height:1px;position:absolute}.cp-search-icon{color:var(--accent);opacity:.8;transition:opacity var(--duration-fast);flex-shrink:0}.cp-search-wrapper:focus-within .cp-search-icon{opacity:1}.cp-search-icon svg{width:20px;height:20px}.cp-search-input{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--text-primary);caret-color:var(--accent);background:0 0;flex:1;font-weight:400}.cp-search-input::placeholder{color:var(--gray-600);font-weight:400}.cp-search-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.cp-scope-label{font-size:var(--text-2xs);color:var(--gray-500);letter-spacing:.02em;white-space:nowrap;font-weight:500}.cp-shortcut-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);color:var(--gray-500);background:#ffffff0a;border:1px solid #ffffff14;padding:3px 7px;font-size:10px;font-weight:500;line-height:1}.cp-results{max-height:380px;padding:var(--space-2) var(--space-2-5);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;overflow-y:auto}.cp-results::-webkit-scrollbar{width:4px}.cp-results::-webkit-scrollbar-track{background:0 0}.cp-results::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff14}.cp-results::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.cp-group{padding:var(--space-1) 0}.cp-group+.cp-group{padding-top:var(--space-1)}.cp-group-label{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-1-5);display:flex}.cp-group-label span{font-size:var(--text-2xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.cp-group-label:after{content:"";background:#ffffff0a;flex:1;height:1px}.cp-result-item{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast);animation:cp-slideIn .2s var(--ease-out) both;animation-delay:calc(var(--item-index,0) * 25ms);display:flex;position:relative}.cp-selected:before{content:"";border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--accent);opacity:.9;width:3px;position:absolute;top:25%;bottom:25%;left:0}.cp-result-item:hover,.cp-selected{color:var(--text-primary);background:#ffffff0a}.cp-selected{background:#818cf80f}.cp-result-icon-wrap{border-radius:var(--radius-md);width:34px;height:34px;color:var(--gray-400);transition:all var(--duration-fast);background:#ffffff08;border:1px solid #ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cp-result-icon-wrap svg{width:16px;height:16px}.cp-selected .cp-result-icon-wrap,.cp-result-item:hover .cp-result-icon-wrap{color:var(--accent-light);background:var(--accent-surface);border-color:#818cf81f}.cp-result-content{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cp-result-label{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.cp-result-desc{font-size:var(--text-2xs);color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cp-result-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.cp-result-shortcut{align-items:center;gap:3px;display:flex}.cp-result-shortcut kbd{font-family:var(--font-mono);text-align:center;border-radius:var(--radius-xs);min-width:20px;color:var(--gray-500);background:#ffffff0a;border:1px solid #ffffff14;padding:2px 5px;font-size:10px;font-weight:500;line-height:1.3}.cp-recent-badge{color:var(--gray-500);border-radius:var(--radius-full);background:#ffffff08;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:500;display:flex}.cp-recent-badge svg{width:10px;height:10px}.cp-highlight{color:var(--accent-light);background:#818cf81f;border-radius:2px;padding:0 1px}.cp-empty{align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-8);text-align:center;flex-direction:column;display:flex}.cp-empty-icon{color:var(--gray-600);opacity:.5}.cp-empty-icon svg{width:36px;height:36px}.cp-empty-title{font-size:var(--text-sm);color:var(--gray-400);font-weight:600}.cp-empty-desc{font-size:var(--text-xs);color:var(--gray-600);max-width:280px}.cp-footer{padding:var(--space-2-5) var(--space-5);background:#00000026;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.cp-footer-hints{align-items:center;gap:var(--space-4);display:flex}.cp-footer-hint{align-items:center;gap:var(--space-1);color:var(--gray-500);font-size:11px;display:flex}.cp-footer-hint kbd{font-family:var(--font-mono);text-align:center;min-width:18px;color:var(--gray-500);background:#ffffff0a;border:1px solid #ffffff12;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:500;line-height:1.4}.cp-footer-brand{align-items:center;gap:var(--space-1-5);color:var(--gray-600);font-size:11px;font-weight:500;display:flex}.cp-footer-brand svg{opacity:.5;width:12px;height:12px}.tooltip{padding:var(--space-1-5) var(--space-2-5);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);pointer-events:none;opacity:0;transition:opacity var(--duration-fast), transform var(--duration-fast) var(--ease-out);font-weight:500;position:absolute;transform:translateY(4px)}.tooltip.visible{opacity:1;transform:translateY(0)}.dropdown{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-1-5);min-width:180px;box-shadow:var(--shadow-float);z-index:var(--z-dropdown);opacity:0;transition:opacity var(--duration-fast), transform var(--duration-fast) var(--ease-out);pointer-events:none;position:absolute;transform:translateY(-4px)scale(.98)}.dropdown.visible{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-surface)}.dropdown-item svg{width:15px;height:15px}.dropdown-divider{background:var(--border-primary);height:1px;margin:var(--space-1) 0}.datepicker{z-index:var(--z-dropdown);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:310px;box-shadow:var(--shadow-lg);padding:var(--space-4);opacity:0;transition:opacity var(--duration-fast), transform var(--duration-normal) var(--ease-spring);position:fixed;transform:scale(.95)translateY(-4px)}.datepicker.dp-visible{opacity:1;transform:scale(1)translateY(0)}.datepicker-inline{width:100%}.dp-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.dp-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.dp-nav{border-radius:var(--radius-md);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.dp-nav:hover{background:var(--bg-hover);color:var(--text-primary)}.dp-nav svg{width:14px;height:14px}.dp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dp-day-header{text-align:center;font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1) 0;font-weight:600}.dp-day{border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.dp-day:hover:not(.dp-disabled):not(.dp-selected){background:var(--bg-hover)}.dp-day-outside{color:var(--text-muted)}.dp-today{color:var(--accent);font-weight:700}.dp-today:after{content:"";background:var(--accent);border-radius:var(--radius-full);width:4px;height:4px;position:absolute;bottom:4px}.dp-selected{font-weight:600;background:var(--accent)!important;color:#fff!important}.dp-selected:after{display:none}.dp-disabled{color:var(--text-muted);opacity:.4;cursor:not-allowed}.dp-highlighted{position:relative}.dp-dot{background:var(--accent);border-radius:var(--radius-full);width:4px;height:4px;position:absolute;bottom:3px}.dp-range-start{background:var(--accent);color:#fff;border-radius:var(--radius-md) 0 0 var(--radius-md)}.dp-range-end{background:var(--accent);color:#fff;border-radius:0 var(--radius-md) var(--radius-md) 0}.dp-range-mid{background:var(--accent-surface);border-radius:0}.dp-presets{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-primary);flex-wrap:wrap;display:flex}.dp-preset{padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)}.dp-preset:hover{border-color:var(--accent);color:var(--accent)}.dp-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-primary);justify-content:space-between;display:flex}.dp-today-btn,.dp-clear-btn{font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast);font-weight:500}.dp-today-btn:hover{color:var(--accent)}.dp-clear-btn:hover{color:var(--danger)}.tabs{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex}.tab-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;font-weight:500}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:6px;position:relative;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--accent-gradient);height:100%;transition:width var(--duration-slow) var(--ease-out);position:relative}.progress-fill:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg,#0000,#fff3);width:30px;position:absolute;top:0;bottom:0;right:0}.divider{background:var(--border-primary);height:1px;margin:var(--space-4) 0}.chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);font-weight:500;display:inline-flex}.chip svg{width:12px;height:12px}.avatar{border-radius:var(--radius-full);width:36px;height:36px;font-size:var(--text-xs);color:#fff;background:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-lg{width:48px;height:48px;font-size:var(--text-base)}.avatar-xl{width:64px;height:64px;font-size:var(--text-lg)}kbd,.kbd{min-width:20px;font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-xs);box-shadow:0 1px 0 var(--border-primary);justify-content:center;align-items:center;padding:1px 6px;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success-glow)}.status-dot.offline{background:var(--text-muted)}.status-dot.warning{background:var(--warning)}.status-dot.danger{background:var(--danger);box-shadow:0 0 6px var(--danger-glow)}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-elevated) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-text{border-radius:var(--radius-sm);height:14px}.skeleton-heading{width:60%;height:24px}.skeleton-avatar{border-radius:var(--radius-full);width:36px;height:36px}.skeleton-card{border-radius:var(--radius-xl);height:120px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toggle{background:var(--bg-surface);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--duration-fast);border:1px solid var(--border-primary);position:relative}.toggle:after{content:"";width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-spring);box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active{background:var(--accent);border-color:var(--accent)}.toggle.active:after{transform:translate(20px)}.switch{flex-shrink:0;width:44px;height:24px;position:relative}.switch input{opacity:0;width:0;height:0}.switch-slider{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);position:absolute;inset:0}.switch-slider:before{content:"";width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-spring);box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch-slider{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.skeleton-line{border-radius:var(--radius-sm);height:14px}.skeleton-rect{border-radius:var(--radius-md)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-stats-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.skeleton-stat{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-5)}.skeleton-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-3)}.meta-sep{color:var(--text-muted);margin:0 var(--space-1)}.meta-sep:before{content:"·"}.sidebar-nav-item:before{content:"";background:var(--accent-gradient);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;height:0;transition:height var(--duration-moderate) var(--ease-out);position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav-item.active:before,.sidebar-nav-item:hover:before{height:60%}@media (width<=768px){.sidebar-overlay{background:var(--bg-overlay);z-index:calc(var(--z-sidebar) - 1);opacity:0;pointer-events:none;transition:opacity var(--duration-moderate);position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:all}}.assignment-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--duration-moderate) var(--ease-out);align-items:stretch;display:flex;position:relative;overflow:hidden}.assignment-card:hover{border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:0 4px 16px #0000002e}.card-accent{border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--card-class-color,var(--accent));flex-shrink:0;width:3px}.card-urgency-stripe{border-radius:var(--radius-lg) 0 0 var(--radius-lg);flex-shrink:0;width:3px}.card-inner{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.card-top-row{align-items:flex-start;gap:var(--space-3);display:flex}.card-checkbox{border-radius:var(--radius-full);border:2px solid var(--border-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;padding:0;transition:all .2s;display:flex}.card-checkbox:hover{border-color:var(--accent);background:var(--accent-surface)}.card-checkbox.checked{border-color:var(--success);background:var(--success)}.card-checkbox-icon{color:#fff;display:flex}.card-checkbox-icon svg{width:12px;height:12px}.card-checkbox.checking{transform:scale(1.2)}.card-title-section{align-items:baseline;gap:var(--space-2);flex:1;min-width:0;display:flex}.card-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;line-height:1.4}.card-title--done{opacity:.5;text-decoration:line-through}.card-countdown{white-space:nowrap;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-tertiary);flex-shrink:0;font-size:11px;font-weight:600}.card-countdown.urgency-overdue,.card-countdown.urgency-red{background:var(--urgency-surface);color:var(--urgency-light)}.card-countdown.urgency-yellow{background:var(--warning-surface);color:var(--warning-light)}.card-countdown.urgency-green{color:var(--text-muted)}.urgency-text-overdue{color:var(--urgency)}.urgency-text-red{color:var(--urgency-light)}.urgency-text-yellow{color:var(--warning)}.urgency-text-green{color:var(--success)}.card-badges{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.card-meta-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.card-meta-item{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:inline-flex}.card-meta-item svg{opacity:.7;width:13px;height:13px}.card-type-dot,.card-class-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.card-meta-comments svg{width:13px;height:13px}.card-notes-preview{font-size:var(--text-xs);color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-left:32px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-expand-btn{align-items:center;gap:var(--space-1);cursor:pointer;font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1) 0;transition:color var(--duration-fast);background:0 0;border:none;padding-left:32px;display:flex}.card-expand-btn:hover{color:var(--text-secondary)}.card-expand-icon{transition:transform .2s;display:flex}.card-expand-icon svg{width:14px;height:14px}.card-expand-btn.expanded .card-expand-icon{transform:rotate(180deg)}.card-details{border-top:1px solid var(--border-subtle);padding-top:var(--space-3);margin-top:var(--space-1);margin-left:32px}.card-notes-full{margin-bottom:var(--space-3)}.card-notes-label,.card-comments-label{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);font-weight:600;display:flex}.card-notes-label svg,.card-comments-label svg{width:13px;height:13px}.card-notes{font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;line-height:1.6}.assignment-card--done{opacity:.65}.assignment-card--done:hover{opacity:.85}.card-actions{align-items:center;gap:var(--space-1);margin-left:32px;margin-top:var(--space-1);display:flex}.card-action-group{gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast);display:flex}.assignment-card:hover .card-action-group{opacity:1}.comment-form{gap:var(--space-1);flex:1;max-width:280px;margin-left:auto;display:flex}.comment-input{min-width:0;padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);transition:border-color var(--duration-fast);flex:1}.comment-input:focus{border-color:var(--accent);outline:none}.comment-thread{gap:var(--space-1);flex-direction:column;display:flex}.comment{gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--duration-fast);display:flex}.comment:hover{background:var(--bg-tertiary)}.comment-avatar{border-radius:var(--radius-full);background:var(--bg-elevated);width:26px;height:26px;color:var(--text-tertiary);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.comment-body{flex:1;min-width:0}.comment-header{align-items:center;gap:var(--space-2);margin-bottom:2px;display:flex}.comment-author{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.comment-time{color:var(--text-muted);font-size:10px;font-weight:400}.comment-delete-btn{all:unset;cursor:pointer;border-radius:var(--radius-sm);width:18px;height:18px;color:var(--text-muted);opacity:0;transition:opacity var(--duration-fast), color var(--duration-fast), background var(--duration-fast);justify-content:center;align-items:center;margin-left:auto;display:flex}.comment-delete-btn svg{width:12px;height:12px}.comment:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{color:var(--danger);background:var(--danger-surface,#ef44441a)}.comment-text{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.comment-parent{background:var(--accent-surface);border-radius:var(--radius-md);padding:var(--space-2)}.comment-parent:hover{background:var(--accent-surface)}.parent-note-tag{color:var(--accent);background:var(--accent-surface);padding:0 var(--space-1);border-radius:var(--radius-sm);margin-left:var(--space-1);font-size:10px;font-weight:600}.due-today{font-weight:600;color:var(--urgency)!important}.due-tomorrow{font-weight:600;color:var(--warning)!important}.due-overdue{font-weight:700;color:var(--urgency)!important}@media (width<=640px){.comment-form{max-width:100%;margin-left:0;margin-top:var(--space-2)}.card-top-row{flex-wrap:wrap}.card-notes-preview,.card-expand-btn,.card-details,.card-actions{margin-left:0;padding-left:0}}.dash-week-glance{padding:var(--space-4) var(--space-5)}.dash-week-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dash-week-title{font-size:var(--text-sm);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.dash-week-title svg{width:16px;height:16px;color:var(--accent)}.dash-week-range{font-size:var(--text-xs);color:var(--text-muted)}.dash-week-days{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.dash-week-day{text-align:center;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);transition:all var(--duration-fast)}.dash-week-today{background:var(--accent-surface);border:1px solid var(--border-accent)}.dash-week-past{opacity:.5}.dash-week-day-label{font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dash-week-day-num{font-size:var(--text-lg);font-weight:700;line-height:1.4}.dash-week-day-count{font-size:var(--text-xs);color:var(--text-muted)}.dash-week-has-items{color:var(--accent);font-weight:600}.dash-week-day-urgent{color:var(--urgency);margin-top:var(--space-0-5);font-size:9px;font-weight:600}.dash-view-switcher{align-items:center;gap:var(--space-0-5);padding:var(--space-0-5);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex}.dash-view-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.dash-view-btn:hover{color:var(--text-secondary)}.dash-view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.dash-view-btn svg{width:16px;height:16px}.dash-show-completed{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap;display:flex}.dash-show-completed input{accent-color:var(--accent)}.dash-bulk-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.dash-bulk-count{font-size:var(--text-sm);color:var(--accent-light);font-weight:600}.class-sections{gap:var(--space-5);flex-direction:column;display:flex}.class-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.class-section-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--duration-fast);-webkit-user-select:none;user-select:none;display:flex}.class-section-header:hover{background:var(--bg-hover)}.class-section-name{font-size:var(--text-sm);font-weight:600}.class-section-count{font-size:var(--text-xs);color:var(--text-muted)}.class-section-progress{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.class-section-pct{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.class-cards{padding:0 var(--space-3) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.dash-kanban{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;display:grid}.dash-kanban-col{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.dash-kanban-col-header{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);display:flex}.dash-kanban-col-icon svg{width:16px;height:16px}.dash-kanban-col-title{font-size:var(--text-sm);font-weight:600}.dash-kanban-col-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:1px var(--space-2);border-radius:var(--radius-full);margin-left:auto}.dash-kanban-col-body{padding:0 var(--space-3) var(--space-3);gap:var(--space-2);flex-direction:column;max-height:600px;display:flex;overflow-y:auto}.dash-kanban-empty{text-align:center;font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-6) 0}.dash-kanban-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all var(--duration-fast)}.dash-kanban-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.dash-kanban-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.dash-kanban-card-class{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dash-kanban-card-priority{flex-shrink:0;font-size:12px}.dash-kanban-card-title{font-size:var(--text-sm);margin-bottom:var(--space-2);font-weight:600;line-height:var(--leading-snug)}.dash-kanban-card-meta{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.dash-kanban-card-actions{gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast);justify-content:flex-end;display:flex}.dash-kanban-card:hover .dash-kanban-card-actions{opacity:1}.dash-timeline{gap:var(--space-6);flex-direction:column;display:flex}.dash-timeline-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.dash-timeline-marker{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dash-timeline-marker svg{color:#fff;width:16px;height:16px}.dash-timeline-label{font-size:var(--text-sm);font-weight:700}.dash-timeline-count{font-size:var(--text-xs);color:var(--text-muted)}.dash-timeline-items{padding-left:var(--space-6);border-left:2px solid var(--border-primary);gap:var(--space-3);flex-direction:column;margin-left:16px;display:flex}.dash-timeline-item{align-items:flex-start;gap:var(--space-3);display:flex}.dash-timeline-date{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;min-width:60px;padding-top:var(--space-3)}.dash-timeline-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--duration-fast);flex:1;display:flex;overflow:hidden}.dash-timeline-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.dash-timeline-card-accent{flex-shrink:0;width:4px}.dash-timeline-card-body{padding:var(--space-3) var(--space-4);flex:1;min-width:0}.dash-timeline-card-title{font-size:var(--text-sm);margin-bottom:var(--space-1);font-weight:600}.dash-timeline-card-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.dash-timeline-card-actions{align-items:center;gap:var(--space-1);padding:var(--space-2);opacity:0;transition:opacity var(--duration-fast);display:flex}.dash-timeline-card:hover .dash-timeline-card-actions{opacity:1}.dash-detail-modal{padding:var(--space-4) 0}.dash-detail-row{align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-primary);display:flex}.dash-detail-row:last-child{border-bottom:none}.dash-detail-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:100px;font-weight:600}.dash-detail-value{font-size:var(--text-sm);color:var(--text-primary)}.dash-detail-notes{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);white-space:pre-wrap}.dash-skeleton{padding:var(--space-2) 0}@media (width<=768px){.dash-week-days{gap:var(--space-1);grid-template-columns:repeat(7,1fr)}.dash-week-day{padding:var(--space-1-5) 0}.dash-kanban{grid-template-columns:1fr}.dash-timeline-items{padding-left:var(--space-4);margin-left:0}}.cal-layout{gap:var(--space-6);grid-template-columns:1fr 280px;align-items:start;display:grid}.cal-main{min-width:0}.cal-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.cal-nav{align-items:center;gap:var(--space-2);display:flex}.cal-nav-title{font-size:var(--text-xl);letter-spacing:-.01em;min-width:180px;margin:0;font-weight:700}.cal-view-switcher{gap:var(--space-1);padding:var(--space-1);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex}.cal-view-btn{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);font-weight:500}.cal-view-btn:hover{color:var(--text-secondary)}.cal-view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.cal-body{min-height:0}.cal-grid{border-collapse:separate;border-spacing:0;border:1px solid var(--border-primary);border-radius:var(--radius-xl);table-layout:fixed;width:100%;overflow:hidden}.cal-header-day{padding:var(--space-2) var(--space-1);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);font-weight:600}.cal-header-day:last-child{border-right:none}.cal-day{background:var(--bg-secondary);padding:var(--space-2);vertical-align:top;cursor:pointer;height:110px;transition:background var(--duration-fast);border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);position:relative}.cal-day:last-child{border-right:none}.cal-grid tbody tr:last-child .cal-day{border-bottom:none}.cal-day:hover{background:var(--bg-hover)}.cal-day-outside{opacity:.35}.cal-today{background:var(--accent-surface)}.cal-selected{background:var(--bg-active);box-shadow:inset 0 0 0 2px var(--accent)}.cal-day-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.cal-day-number{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.cal-today .cal-day-number{color:var(--accent);font-weight:700}.cal-today-badge{color:var(--accent);font-weight:800}.cal-day-count{color:var(--text-muted);background:var(--bg-tertiary);padding:0 var(--space-1);border-radius:var(--radius-sm);font-size:10px}.cal-day-events{flex-direction:column;gap:2px;display:flex;overflow:hidden}.cal-event{border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;align-items:center;gap:var(--space-1);padding:1px 6px;font-size:10px;font-weight:500;line-height:1.6;display:flex;overflow:hidden}.cal-urgency-overdue{color:var(--danger-light);background:#f8717126}.cal-urgency-red{color:#ff8a8a;background:#ff6b6b1f}.cal-urgency-yellow{color:var(--warning-light);background:#fbbf241f}.cal-urgency-green{color:var(--success-light);background:#34d3991f}.cal-urgency-done{background:var(--bg-tertiary);color:var(--text-muted);text-decoration:line-through}.cal-event-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.cal-event-label{text-overflow:ellipsis;overflow:hidden}.cal-event-more{color:var(--text-muted);text-align:center;cursor:pointer;padding:2px 0;font-size:10px}.cal-event-more:hover{color:var(--accent)}.cal-week-grid{border-collapse:separate;border-spacing:0;border:1px solid var(--border-primary);border-radius:var(--radius-xl);table-layout:fixed;width:100%;overflow:hidden}.cal-week-header-day{padding:var(--space-3);text-align:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary)}.cal-week-header-day:last-child{border-right:none}.cal-week-header-day.cal-today{background:var(--accent-surface)}.cal-week-day-name{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:block}.cal-week-day-number{font-size:var(--text-lg);margin-top:var(--space-0-5);font-weight:700;display:block}.cal-today .cal-week-day-number{color:var(--accent)}.cal-week-day-col{background:var(--bg-secondary);min-height:300px;padding:var(--space-2);vertical-align:top;border-right:1px solid var(--border-primary)}.cal-week-day-col:last-child{border-right:none}.cal-today-col{background:var(--accent-surface)}.cal-week-events{gap:var(--space-2);flex-direction:column;display:flex}.cal-week-empty{text-align:center;padding:var(--space-6) 0;font-size:var(--text-xs);color:var(--text-muted)}.cal-week-event{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);overflow:hidden}.cal-week-event:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cal-week-event-bar{height:3px}.cal-week-event-content{padding:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none}.cal-week-event-title{font-size:var(--text-xs);margin-bottom:var(--space-0-5);font-weight:600;display:block}.cal-week-event-class{color:var(--text-muted);font-size:10px;display:block}.cal-week-event-type{padding:0 var(--space-1);border-radius:var(--radius-sm);margin-top:var(--space-0-5);font-size:9px;display:inline-flex}.cal-day-view{padding:var(--space-4) 0}.cal-day-view-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.cal-day-view-title{font-size:var(--text-lg);font-weight:700}.cal-today-text{color:var(--accent)}.cal-day-view-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full)}.cal-day-view-events{gap:var(--space-3);flex-direction:column;display:flex}.cal-day-view-empty{text-align:center;padding:var(--space-10) 0;color:var(--text-muted)}.cal-day-view-empty-icon{margin-bottom:var(--space-3);opacity:.5;font-size:48px}.cal-day-view-empty-icon svg{width:48px;height:48px;margin:0 auto}.cal-add-btn{margin-top:var(--space-2)}.cal-day-event{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--duration-fast);display:flex;overflow:hidden}.cal-day-event:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.cal-day-event-accent{flex-shrink:0;width:4px}.cal-day-event-content{padding:var(--space-4);flex:1;min-width:0}.cal-day-event-title{font-size:var(--text-sm);margin-bottom:var(--space-2);font-weight:600}.cal-day-event-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.cal-day-event-class{align-items:center;gap:var(--space-1);display:flex}.cal-day-event-notes{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed);white-space:pre-wrap;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:var(--space-2)}.cal-day-event-actions{align-items:center;gap:var(--space-2);padding:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.cal-complete-btn{color:var(--success)}.cal-edit-btn{color:var(--text-secondary)}.cal-popover{z-index:var(--z-popover);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-5);min-width:280px;max-width:360px;box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transition:all var(--duration-fast) var(--ease-out);position:fixed;transform:translateY(4px)scale(.98)}.cal-popover-visible{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.cal-popover-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-base);font-weight:700;display:flex}.cal-popover-close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cal-popover-close:hover{background:var(--bg-hover);color:var(--text-primary)}.cal-popover-close svg{width:14px;height:14px}.cal-popover-body{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.cal-popover-row{align-items:center;gap:var(--space-3);display:flex}.cal-popover-label{font-size:var(--text-xs);color:var(--text-muted);min-width:60px;font-weight:500}.cal-popover-value{font-size:var(--text-sm);color:var(--text-primary)}.cal-popover-notes{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);line-height:var(--leading-relaxed)}.cal-popover-actions{gap:var(--space-2);display:flex}.cal-popover-complete,.cal-popover-edit{flex:1}.cal-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.cal-sidebar-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.cal-sidebar-title{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:600}.cal-mini{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3)}.mini-nav{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.mini-prev,.mini-next{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;display:flex}.mini-prev:hover,.mini-next:hover{background:var(--bg-hover);color:var(--text-primary)}.cal-upcoming-list{gap:var(--space-1);flex-direction:column;display:flex}.cal-upcoming-item{align-items:center;gap:var(--space-2-5);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast);display:flex}.cal-upcoming-item:hover{background:var(--bg-hover)}.cal-upcoming-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cal-upcoming-info{flex:1;min-width:0}.cal-upcoming-title{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.cal-upcoming-date{font-size:var(--text-xs);color:var(--text-muted);display:block}.cal-sidebar-empty{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-xs)}.cal-legend{gap:var(--space-1-5);flex-direction:column;display:flex}.cal-legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);display:flex}.cal-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cal-legend-label{color:var(--text-secondary)}@media (width<=900px){.cal-layout{grid-template-columns:1fr}.cal-sidebar{gap:var(--space-3);order:-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.cal-day{height:80px}.cal-event{font-size:9px}.cal-toolbar{flex-direction:column;align-items:stretch}.cal-nav,.cal-view-switcher{justify-content:center}}@media (width<=600px){.cal-day{height:60px;padding:var(--space-1)}.cal-day-events{display:none}.cal-day-count{display:block}.cal-week-day-col{min-height:150px}.cal-popover{max-width:none;left:var(--space-4)!important;right:var(--space-4)!important}}.focus-layout{gap:var(--space-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.focus-main{gap:var(--space-5);flex-direction:column;display:flex}.focus-concentration-btn{white-space:nowrap}.focus-timer-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.focus-phase-tabs{gap:var(--space-1);padding:var(--space-1);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex}.focus-phase-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;font-weight:500}.focus-phase-btn:hover{color:var(--text-secondary)}.focus-phase-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.focus-timer-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.focus-progress-ring{width:300px;height:300px}.focus-progress-ring-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:6px}.focus-progress-ring-fill{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--accent-glow));transition:stroke-dashoffset 1s linear}.focus-timer-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.focus-phase-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1);display:block}.focus-timer-display{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:clamp(3rem,6vw,4rem);font-weight:800;line-height:1;display:block}.focus-session-count{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);display:block}.focus-controls{align-items:center;gap:var(--space-3);display:flex}.focus-start-btn,.focus-pause-btn{min-width:120px}.focus-session-dots{gap:var(--space-2);justify-content:center;display:flex}.focus-dot{border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-primary);width:10px;height:10px;transition:all var(--duration-fast)}.focus-dot-complete{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.focus-stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.focus-stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.focus-stat-value{font-size:var(--text-xl);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:800;display:block}.focus-stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);display:block}.focus-chart-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-5)}.focus-weekly-chart{align-items:flex-end;gap:var(--space-2);height:140px;padding-top:var(--space-4);display:flex}.focus-chart-bar-group{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;height:100%;display:flex}.focus-chart-bar-wrapper{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.focus-chart-bar{background:var(--accent-surface);border:1px solid var(--border-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:20px;transition:height .6s var(--ease-out);min-height:4px;position:relative}.focus-chart-bar-today{background:var(--accent);border-color:var(--accent)}.focus-chart-bar-label{color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.focus-chart-day{font-size:var(--text-xs);color:var(--text-muted)}.focus-chart-day-today{color:var(--accent);font-weight:600}.focus-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.focus-side-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-5)}.focus-side-card h3,.focus-chart-card h3{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:600}.focus-current-task{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-3);display:flex}.focus-task-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.focus-task-info{flex:1;min-width:0}.focus-task-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.focus-task-class{font-size:var(--text-xs);color:var(--text-muted)}.focus-clear-task{flex-shrink:0}.focus-no-task{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.focus-task-list{gap:var(--space-1);flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.focus-task-list h4{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);font-weight:500}.focus-task-option{align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);font-size:var(--text-sm);text-align:left;width:100%;display:flex}.focus-task-option:hover{background:var(--bg-hover)}.focus-task-active{background:var(--accent-surface);border:1px solid var(--border-accent)}.focus-task-option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.focus-no-tasks{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-xs)}.focus-presets{gap:var(--space-2);flex-direction:column;display:flex}.focus-preset-btn{padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);cursor:pointer;transition:all var(--duration-fast);justify-content:space-between;align-items:center;display:flex}.focus-preset-btn:hover{border-color:var(--border-secondary)}.focus-preset-btn.active{border-color:var(--accent);background:var(--accent-surface)}.focus-preset-name{font-size:var(--text-sm);font-weight:500}.focus-preset-detail{font-size:var(--text-xs);color:var(--text-muted)}.focus-sounds{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.focus-sound-btn{align-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);cursor:pointer;transition:all var(--duration-fast);font-size:var(--text-lg);flex-direction:column;display:flex}.focus-sound-btn:hover{border-color:var(--border-secondary)}.focus-sound-btn.active{border-color:var(--accent);background:var(--accent-surface)}.focus-sound-icon{font-size:var(--text-xl)}.focus-sound-label{color:var(--text-muted);font-size:10px}.focus-history{gap:var(--space-2);flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.focus-history-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-primary);display:flex}.focus-history-item:last-child{border-bottom:none}.focus-history-time{font-size:var(--text-sm);font-variant-numeric:tabular-nums;min-width:50px;font-weight:700}.focus-history-info{flex:1;min-width:0}.focus-history-task{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.focus-history-date{font-size:var(--text-xs);color:var(--text-muted)}.focus-no-history{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-xs)}body.concentration-mode .sidebar,body.concentration-mode .page-header{display:none}body.concentration-mode .layout{padding:0}body.concentration-mode .main-content{max-width:100%;margin-left:0}@media (width<=900px){.focus-layout{grid-template-columns:1fr}.focus-sidebar{order:-1}.focus-sounds{grid-template-columns:repeat(4,1fr)}}.progress-grade-badge{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-full);background:var(--accent-surface);color:var(--accent-light);border:1px solid var(--border-accent);align-items:center;font-weight:700;display:inline-flex}.progress-tabs{gap:var(--space-1);padding:var(--space-1);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:flex}.progress-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;font-weight:500}.progress-tab:hover{color:var(--text-secondary)}.progress-tab.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.progress-ring-section{padding:var(--space-5);margin-bottom:var(--space-5)}.progress-ring-layout{gap:var(--space-8);align-items:center;display:flex}.progress-ring-left{align-items:center;gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.progress-ring-svg{position:relative}.progress-ring-svg svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:8px}.progress-ring-fill{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out);filter:drop-shadow(0 0 6px var(--accent-glow))}.progress-ring-right{flex:1;min-width:0}.progress-ring-title{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700}.progress-breakdown{gap:var(--space-3);flex-direction:column;display:flex}.breakdown-row{align-items:center;gap:var(--space-3);display:flex}.breakdown-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.breakdown-label{font-size:var(--text-sm);color:var(--text-secondary);min-width:80px}.breakdown-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.breakdown-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-out)}.breakdown-value{font-size:var(--text-xs);color:var(--text-secondary);text-align:right;min-width:30px;font-weight:600}.urgency-stacked-bar{border-radius:var(--radius-lg);height:32px;margin-bottom:var(--space-4);display:flex;overflow:hidden}.urgency-segment{min-width:2px;transition:flex .6s var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.urgency-overdue{background:var(--urgency)}.urgency-red{background:var(--urgency-light)}.urgency-yellow{background:var(--warning)}.urgency-green{background:var(--success)}.urgency-done{background:var(--text-muted)}.urgency-empty{background:var(--bg-tertiary)}.urgency-seg-label{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #0000004d;font-size:10px;font-weight:600}.urgency-legend{gap:var(--space-4);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.legend-dot{border-radius:var(--radius-full);width:8px;height:8px}.progress-trend-chart{align-items:flex-end;gap:var(--space-2);height:160px;padding:var(--space-4) 0;display:flex}.progress-trend-bar-group{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;height:100%;display:flex}.progress-trend-bar-wrapper{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.progress-trend-bar{background:var(--accent-surface);border:1px solid var(--border-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:24px;transition:height .6s var(--ease-out);min-height:4px;position:relative}.progress-trend-bar-today{background:var(--accent);border-color:var(--accent)}.progress-trend-bar-label{color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:600;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.progress-trend-day{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.progress-trend-day-today{color:var(--accent);font-weight:600}.progress-section{margin-bottom:var(--space-6)}.class-progress-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.class-progress-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--duration-fast)}.class-progress-card:hover{border-color:var(--border-secondary)}.class-progress-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.class-progress-name{font-size:var(--text-sm);flex:1;font-weight:600}.class-progress-pct{font-size:var(--text-sm);color:var(--accent-light);font-weight:700}.class-progress-meta{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.class-type-breakdown{margin-top:var(--space-3);gap:var(--space-1-5);flex-direction:column;display:flex}.class-type-row{align-items:center;gap:var(--space-2);font-size:var(--text-xs);display:flex}.type-dot{border-radius:50%;width:6px;height:6px}.class-type-label{color:var(--text-secondary);flex:1}.class-type-count{color:var(--text-primary);font-weight:600}.type-chart-svg{margin:0 auto var(--space-3);display:block}.type-segment{transition:stroke-dashoffset .6s var(--ease-out)}.type-segment-label{fill:var(--text-secondary);font-size:10px}.type-legend{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.type-legend-item{align-items:center;gap:var(--space-1);font-size:var(--text-xs);display:flex}.type-legend-color{border-radius:50%;width:8px;height:8px}.type-legend-label{color:var(--text-secondary)}.type-legend-count{color:var(--text-primary);font-weight:600}.upcoming-list{gap:var(--space-2);flex-direction:column;display:flex}.upcoming-card,.upcoming-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex}.progress-skeleton{padding:var(--space-2) 0}.parent-banner{margin-bottom:var(--space-5)}.parent-banner-inner{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.parent-banner-avatar{border-radius:var(--radius-full);width:48px;height:48px;font-size:var(--text-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.parent-banner-info{flex-shrink:0}.parent-banner-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.parent-banner-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.parent-banner-stats{gap:var(--space-5);margin-left:auto;display:flex}.parent-banner-stat{flex-direction:column;align-items:center;min-width:56px;display:flex}.parent-banner-stat-value{font-size:var(--text-xl);font-weight:700;font-family:var(--font-mono);line-height:1.1}.parent-banner-stat-label{color:var(--text-muted);font-size:10px;font-weight:500}.attention-list{gap:var(--space-1);flex-direction:column;display:flex}.attention-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);transition:background var(--duration-fast);display:flex}.attention-item:hover{background:var(--bg-tertiary)}.attention-urgency{border-radius:2px;flex-shrink:0;width:4px;height:32px}.attention-info{flex:1;min-width:0}.attention-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.attention-meta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px;display:flex}.attention-comments-list{gap:var(--space-2);flex-direction:column;display:flex}.attention-comment{gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--duration-fast);display:flex}.attention-comment:hover{background:var(--bg-tertiary)}.attention-comment-parent{background:var(--accent-surface)}.attention-comment-body{flex:1;min-width:0}.attention-comment-header{align-items:center;gap:var(--space-2);margin-bottom:2px;display:flex}@media (width<=768px){.progress-ring-layout{flex-direction:column}.progress-ring-left{width:100%}.class-progress-grid{grid-template-columns:1fr}.progress-tabs{overflow-x:auto}.parent-banner-inner{flex-wrap:wrap}.parent-banner-stats{width:100%;margin-left:0;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);justify-content:space-around}}.settings-layout{gap:var(--space-6);grid-template-columns:200px 1fr;align-items:start;display:grid}.settings-nav{top:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex;position:sticky}.settings-nav-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;display:flex}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--accent-surface);color:var(--accent);font-weight:500}.settings-nav-item svg{width:16px;height:16px}.settings-content{gap:var(--space-6);flex-direction:column;max-width:680px;display:flex}.settings-section{padding:var(--space-5)}.settings-section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.settings-section-title{font-size:var(--text-lg);font-weight:700}.settings-section-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.settings-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.settings-profile{align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.settings-avatar-lg{border-radius:var(--radius-2xl);background:var(--accent-gradient);color:#fff;width:72px;height:72px;font-size:var(--text-2xl);box-shadow:var(--shadow-accent);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.settings-profile-info{flex:1;min-width:0}.settings-name-edit{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.settings-profile-name{font-size:var(--text-xl);font-weight:700}.settings-profile-username{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:var(--space-2);display:flex}.settings-info-grid{flex-direction:column;gap:0;display:flex}.info-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.info-value{font-size:var(--text-sm);color:var(--text-primary)}.linked-accounts-list{gap:var(--space-3);flex-direction:column;display:flex}.linked-account-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex}.linked-account-avatar{border-radius:var(--radius-full);background:var(--bg-elevated);width:40px;height:40px;color:var(--text-secondary);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.linked-account-info{flex:1;min-width:0}.linked-account-name{font-size:var(--text-sm);font-weight:600}.linked-account-type{font-size:var(--text-xs);color:var(--text-muted)}.unlink-btn{color:var(--danger)}.empty-state-inline{text-align:center;padding:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.invite-section{margin-top:var(--space-4)}.invite-display{margin-bottom:var(--space-3)}.invite-code-display{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.08em;font-weight:600;display:flex}.copy-invite-btn{margin-left:auto}.invite-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.invite-redeem-form{gap:var(--space-2);align-items:center;display:flex}.settings-sublabel{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);font-weight:600}.theme-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(122px,1fr));display:grid}.theme-card-btn{border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);text-align:center;background:0 0;overflow:hidden}.theme-card-btn:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.theme-card-active{box-shadow:0 0 0 1px var(--accent), var(--shadow-lg);border-color:var(--accent)!important}.theme-card-preview{height:72px;position:relative;overflow:hidden}.theme-card-sidebar{width:26%;position:absolute;top:0;bottom:0;left:0}.theme-card-main{flex-direction:column;gap:5px;display:flex;position:absolute;inset:10px 8px 10px 30%}.theme-card-bar{border-radius:3px;width:60%;height:6px}.theme-card-line{border-radius:2px;width:90%;height:4px}.theme-card-line.short{width:55%}.theme-card-footer{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);display:flex}.theme-card-name{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.theme-card-active .theme-card-name{color:var(--accent)}.theme-card-check{color:var(--accent);align-items:center;display:flex}.theme-card-check svg{width:12px;height:12px}.accent-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.accent-swatch{border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;transition:all var(--duration-fast);border:2.5px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.accent-swatch svg{color:#fff;filter:drop-shadow(0 1px 2px #0000004d);width:14px;height:14px}.accent-swatch:hover{transform:scale(1.15);box-shadow:0 0 12px 2px}.accent-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px currentColor}.settings-font-family-options,.settings-font-options{gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-radio-card{min-width:100px;padding:var(--space-3);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:all var(--duration-fast);align-items:center;gap:var(--space-1);flex-direction:column;flex:1;display:flex}.settings-radio-card:hover{border-color:var(--border-hover)}.settings-radio-card.active{border-color:var(--accent);background:var(--accent-surface)}.settings-radio-card input[type=radio]{display:none}.radio-card-label{font-size:var(--text-sm);font-weight:600}.radio-card-detail{font-size:var(--text-xs);color:var(--text-muted)}.settings-radius-options{gap:var(--space-3);flex-wrap:wrap;display:flex}.radius-preview{border:2px solid var(--text-muted);width:36px;height:28px;margin-bottom:var(--space-1);transition:border-radius var(--duration-fast)}.settings-radio-card.active .radius-preview{border-color:var(--accent)}.settings-toggles{flex-direction:column;gap:0;display:flex}.settings-toggle-row{padding:var(--space-4) 0;border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings-toggle-row:last-child{border-bottom:none}.toggle-info{flex:1;min-width:0}.toggle-title{font-size:var(--text-sm);font-weight:500}.toggle-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-0-5)}.shortcuts-grid{flex-direction:column;gap:0;display:flex}.shortcut-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{align-items:center;gap:var(--space-1);display:flex}.shortcut-key{min-width:24px;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-xs);box-shadow:0 1px 0 var(--border-primary);justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.shortcut-plus{font-size:var(--text-xs);color:var(--text-muted)}.shortcut-desc{font-size:var(--text-sm);color:var(--text-secondary)}.semesters-list{gap:var(--space-2);flex-direction:column;display:flex}.semester-row{padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--duration-fast);justify-content:space-between;align-items:center;display:flex}.semester-row:hover{border-color:var(--border-secondary)}.semester-active{border-color:var(--border-accent);background:var(--accent-surface)}.semester-row-info{align-items:center;gap:var(--space-2);display:flex}.semester-row-name{font-size:var(--text-sm);font-weight:500}.semester-row-actions{gap:var(--space-1);display:flex}.add-semester-btn{margin-top:var(--space-3)}.data-stats{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.data-stat{text-align:center}.data-stat-value{font-size:var(--text-2xl);font-weight:700}.data-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.settings-danger-zone{border-color:var(--danger)!important}.danger-actions{gap:var(--space-3);flex-direction:column;display:flex}.danger-action{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.danger-action-info{flex:1}.danger-action-title{font-size:var(--text-sm);color:var(--danger);font-weight:600}.danger-action-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-0-5)}@media (width<=768px){.settings-layout{grid-template-columns:1fr}.settings-nav{gap:var(--space-0-5);padding-bottom:var(--space-2);flex-direction:row;position:static;overflow-x:auto}.settings-nav-item{white-space:nowrap}.theme-grid{grid-template-columns:repeat(3,1fr)}.settings-font-options,.settings-font-family-options,.settings-radius-options{flex-direction:column}}.archive-stats-strip{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.archive-stat-card{align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.archive-stat-icon{border-radius:var(--radius-lg);background:var(--bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.archive-stat-icon svg{width:18px;height:18px}.archive-stat-value{font-size:var(--text-xl);font-weight:800}.archive-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.archive-bulk-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.bulk-count{font-size:var(--text-sm);color:var(--accent-light);font-weight:600}.archive-search-clear{right:var(--space-2);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.archive-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.archive-view-switcher{align-items:center;gap:var(--space-0-5);padding:var(--space-0-5);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex}.archive-view-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.archive-view-btn:hover{color:var(--text-secondary)}.archive-view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.archive-view-btn svg{width:16px;height:16px}.archive-result-count{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3)}.archive-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--duration-fast);cursor:default;display:flex}.archive-item:hover{background:var(--bg-hover)}.archive-item-selected{background:var(--accent-surface)!important}.archive-checkbox{border:2px solid var(--border-secondary);border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:all var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.archive-checkbox:hover{border-color:var(--accent)}.archive-item-selected .archive-checkbox{background:var(--accent);border-color:var(--accent)}.archive-checkbox-mark{color:#fff;display:none}.archive-item-selected .archive-checkbox-mark{display:flex}.archive-check svg{width:14px;height:14px}.archive-item-info{flex:1;min-width:0}.archive-item-title{font-size:var(--text-sm);margin-bottom:var(--space-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.archive-item-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.type-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.archive-done-time{font-size:var(--text-xs);color:var(--text-muted)}.archive-item-notes{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);white-space:nowrap;text-overflow:ellipsis;max-width:400px;overflow:hidden}.archive-item-actions{gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast);display:flex}.archive-item:hover .archive-item-actions{opacity:1}.archive-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.archive-grid-card{padding:var(--space-4)}.archive-grid-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.archive-grid-card-title{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.archive-grid-card-body{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.archive-grid-card-class{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:var(--space-2);display:flex}.archive-grid-card-date{font-size:var(--text-xs);color:var(--text-muted)}.archive-grid-card-notes{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.archive-grid-card-footer{justify-content:space-between;align-items:center;display:flex}.archive-done-badge{font-size:var(--text-xs);color:var(--success);align-items:center;gap:var(--space-1);display:flex}.archive-done-badge svg{width:12px;height:12px}.archive-grid-actions{gap:var(--space-1);display:flex}.archive-timeline{gap:var(--space-6);flex-direction:column;display:flex}.archive-timeline-date{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.archive-timeline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px}.archive-timeline-count{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.archive-timeline-entry{gap:var(--space-3);padding-left:var(--space-6);margin-bottom:var(--space-2);display:flex}.archive-timeline-line{background:var(--border-primary);flex-shrink:0;width:2px;margin-left:4px}.archive-timeline-content{padding:var(--space-3) var(--space-4);flex:1}.archive-timeline-title{font-size:var(--text-sm);margin-bottom:var(--space-1);font-weight:600}.archive-timeline-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.archive-skeleton{padding:var(--space-2) 0}@media (width<=768px){.archive-stats-strip{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:1fr}}.cm-stats-strip{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.cm-stat-chip{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-xs);display:inline-flex}.cm-stat-num{color:var(--text-primary);font-weight:700}.cm-stat-text{color:var(--text-muted)}.cm-controls{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.cm-view-switcher{align-items:center;gap:var(--space-0-5);padding:var(--space-0-5);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-left:auto;display:flex}.cm-view-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.cm-view-btn:hover{color:var(--text-secondary)}.cm-view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.cm-view-btn svg{width:16px;height:16px}.class-manager-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.class-manager-list{gap:var(--space-2);flex-direction:column;display:flex}.class-card{transition:all var(--duration-moderate) var(--ease-out);position:relative;overflow:hidden}.class-card.archived{opacity:.65}.class-card-color-bar{height:3px;position:absolute;top:0;left:0;right:0}.class-card-body{padding-top:var(--space-2)}.class-card-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.class-card-color{border-radius:var(--radius-full);flex-shrink:0;width:14px;height:14px;margin-top:2px}.class-card-info{flex:1;min-width:0}.class-card-name{font-size:var(--text-base);margin-bottom:var(--space-0-5);font-weight:700}.class-card-teacher{font-size:var(--text-xs);color:var(--text-muted)}.class-card-actions{gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast);flex-shrink:0;display:flex}.class-card:hover .class-card-actions{opacity:1}.cm-card-progress{margin-bottom:var(--space-3)}.cm-card-progress-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1);justify-content:space-between;display:flex}.class-card-stats{gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.class-card-stat{font-size:var(--text-xs);color:var(--text-muted)}.stat-num{color:var(--text-primary);margin-right:var(--space-1);font-weight:700}.stat-text{color:var(--text-muted)}.stat-danger{color:var(--urgency)}.cm-card-types{gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.cm-type-chip{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);align-items:center;font-size:10px;font-weight:500;display:inline-flex}.cm-card-next-due{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.cm-next-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-0-5);font-size:10px}.cm-next-title{font-size:var(--text-sm);font-weight:600}.cm-next-date{font-size:var(--text-xs);color:var(--text-muted)}.cm-card-quick-add{padding-top:var(--space-2);border-top:1px solid var(--border-primary)}.quick-add-btn{justify-content:center;width:100%}.cm-list-item{align-items:center;gap:var(--space-4);padding:var(--space-4);display:flex}.cm-list-color{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.cm-list-info{flex:1;min-width:0}.cm-list-name{font-size:var(--text-sm);font-weight:600}.cm-list-teacher{font-size:var(--text-xs);color:var(--text-muted)}.cm-list-stats{gap:var(--space-4);display:flex}.cm-list-stat{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.cm-list-progress{width:100px}.cm-list-actions{gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast);display:flex}.cm-list-item:hover .cm-list-actions{opacity:1}.archived-toggle{align-items:center;gap:var(--space-2);cursor:pointer;margin-bottom:var(--space-3);display:flex}.color-chip{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;transition:all var(--duration-fast);border:2px solid #0000}.color-chip:hover{transform:scale(1.15)}.color-chip.selected{box-shadow:var(--shadow-ring-sm);border-color:#fff}.schedule-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=768px){.class-manager-grid{grid-template-columns:1fr}.cm-list-stats,.cm-list-progress{display:none}}.page-welcome{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden}.welcome-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.welcome-bg-orb{filter:blur(80px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite alternate orb-float;position:absolute}.welcome-bg-orb:first-child{background:var(--accent);width:500px;height:500px;animation-duration:22s;top:-10%;left:-5%}.welcome-bg-orb:nth-child(2){background:var(--success);width:400px;height:400px;animation-duration:18s;animation-delay:-5s;top:40%;right:-8%}.welcome-bg-orb:nth-child(3){background:var(--warning);width:350px;height:350px;animation-duration:25s;animation-delay:-10s;bottom:10%;left:20%}.welcome-bg-orb:nth-child(4){background:var(--danger);width:300px;height:300px;animation-duration:20s;animation-delay:-3s;bottom:-5%;right:25%}@keyframes orb-float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(15px,-15px)scale(1.02)}}.welcome-nav{z-index:100;padding:var(--space-4) var(--space-8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-primary);background:#09090bb3;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.welcome-nav-logo{align-items:center;gap:var(--space-3);display:flex}.welcome-logo-mark{border-radius:var(--radius-lg);background:var(--accent-gradient);width:36px;height:36px;box-shadow:var(--shadow-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.welcome-logo-text{font-size:var(--text-lg);letter-spacing:-.03em;font-weight:700}.welcome-nav-actions{align-items:center;gap:var(--space-2);display:flex}.welcome-content{z-index:1;max-width:1100px;padding:0 var(--space-6);margin:0 auto;position:relative}.welcome-hero{text-align:center;padding:var(--space-20) 0 var(--space-12)}.welcome-badge{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-4);background:var(--accent-surface);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--accent-light);margin-bottom:var(--space-6);font-weight:500;display:inline-flex}.welcome-badge svg{width:16px;height:16px}.welcome-heading{letter-spacing:-.04em;margin-bottom:var(--space-5);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1}.welcome-heading-accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-tagline{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}.welcome-actions{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.welcome-stats{justify-content:center;gap:var(--space-10);flex-wrap:wrap;display:flex}.welcome-stat{text-align:center}.welcome-stat-val{font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--text-primary);font-weight:800}.welcome-stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.welcome-preview{max-width:900px;margin:0 auto var(--space-20)}.welcome-preview-window{border-radius:var(--radius-xl);border:1px solid var(--border-secondary);background:var(--bg-secondary);box-shadow:var(--shadow-3xl);overflow:hidden}.preview-titlebar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex}.preview-dot{border-radius:50%;width:12px;height:12px}.preview-titlebar-text{margin-left:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.preview-body{min-height:320px;display:flex}.preview-sidebar{background:var(--bg-tertiary);border-right:1px solid var(--border-primary);width:200px;padding:var(--space-4) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.preview-sidebar-item{border-radius:var(--radius-md);background:var(--bg-hover);height:32px}.preview-sidebar-item.active{background:var(--accent-surface);border:1px solid var(--border-accent)}.preview-main{padding:var(--space-5);flex:1}.preview-header-bar{border-radius:var(--radius-md);background:var(--bg-hover);height:28px;margin-bottom:var(--space-4);width:40%}.preview-cards{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.preview-card{border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-primary);height:90px;position:relative;overflow:hidden}.preview-card:before{content:"";background:var(--pc-accent,var(--accent));height:3px;position:absolute;top:0;left:0;right:0}.welcome-features-section{margin-bottom:var(--space-20)}.welcome-section-header{text-align:center;margin-bottom:var(--space-10)}.welcome-section-badge{padding:var(--space-1) var(--space-3);background:var(--accent-surface);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);align-items:center;font-weight:600;display:inline-flex}.welcome-section-title{letter-spacing:-.03em;margin-bottom:var(--space-3);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800}.welcome-section-desc{font-size:var(--text-md);color:var(--text-secondary);max-width:500px;margin:0 auto}.welcome-features-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.welcome-feature-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-moderate) var(--ease-out)}.welcome-feature-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.welcome-feature-icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.welcome-feature-icon svg{width:24px;height:24px}.welcome-feature-icon--accent{background:var(--accent-surface);color:var(--accent)}.welcome-feature-icon--success{background:var(--success-surface);color:var(--success)}.welcome-feature-icon--warning{background:var(--warning-surface);color:var(--warning)}.welcome-feature-icon--info{background:var(--info-surface);color:var(--info)}.welcome-feature-icon--danger{color:var(--danger);background:#f8717114}.welcome-feature-title{font-size:var(--text-md);margin-bottom:var(--space-2);font-weight:700}.welcome-feature-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.welcome-testimonials-section{margin-bottom:var(--space-20)}.welcome-testimonials-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.welcome-testimonial{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-moderate) var(--ease-out)}.welcome-testimonial:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-elevated)}.welcome-testimonial-stars{color:var(--warning);font-size:var(--text-md);margin-bottom:var(--space-3);letter-spacing:2px}.welcome-testimonial-quote{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);font-style:italic}.welcome-testimonial-author{align-items:center;gap:var(--space-3);display:flex}.welcome-testimonial-avatar{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;width:40px;height:40px;font-weight:700;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.welcome-testimonial-name{font-size:var(--text-sm);font-weight:600}.welcome-testimonial-role{font-size:var(--text-xs);color:var(--text-muted)}.welcome-cta-section{margin-bottom:var(--space-16)}.welcome-cta-card{text-align:center;padding:var(--space-12) var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glow)}.welcome-cta-card h2{font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:var(--space-3);font-weight:800}.welcome-cta-card p{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-6)}.welcome-footer{border-top:1px solid var(--border-primary);padding:var(--space-6) var(--space-8);z-index:1;position:relative}.welcome-footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:1100px;margin:0 auto;display:flex}.welcome-footer-brand{align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm);display:flex}.welcome-footer-text{font-size:var(--text-xs);color:var(--text-muted)}@media (width<=768px){.welcome-nav{padding:var(--space-3) var(--space-4)}.welcome-hero{padding:var(--space-12) 0 var(--space-8)}.welcome-content{padding:0 var(--space-4)}.welcome-stats{gap:var(--space-6)}.preview-sidebar{display:none}.preview-cards{grid-template-columns:repeat(2,1fr)}.welcome-features-grid,.welcome-testimonials-grid{grid-template-columns:1fr}.welcome-cta-card{padding:var(--space-8) var(--space-4)}.welcome-footer-inner{text-align:center;flex-direction:column}}.page-auth{background:var(--bg-primary);grid-template-columns:1fr 1fr;min-height:100dvh;display:grid;overflow:hidden}.auth-panel-left{padding:var(--space-10) var(--space-8);background:var(--accent);text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-panel-left:before{content:"";background:radial-gradient(80% 50% at 20% 40%,#ffffff14 0%,#0000 70%),radial-gradient(60% 40% at 80% 60%,#0000001f 0%,#0000 70%),radial-gradient(50% 80% at 50% 0,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.auth-panel-left:after{content:"";background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite alternate auth-orb-drift;position:absolute;top:-200px;right:-200px}@keyframes auth-orb-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,60px)scale(1.15)}}.auth-brand{z-index:1;max-width:420px;position:relative}.auth-brand-logo{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:64px;height:64px;margin:0 auto var(--space-6);background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;font-size:28px;font-weight:800;display:flex}.auth-brand h1{letter-spacing:-.03em;margin-bottom:var(--space-3);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.1}.auth-brand p{font-size:var(--text-md);opacity:.85;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.auth-features{text-align:left;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.auth-feature{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--text-sm);opacity:0;animation:auth-feature-in .5s var(--ease-out) forwards;background:#ffffff14;border:1px solid #ffffff1a;font-weight:500;display:flex}.auth-feature:first-child{animation-delay:.1s}.auth-feature:nth-child(2){animation-delay:.2s}.auth-feature:nth-child(3){animation-delay:.3s}.auth-feature:nth-child(4){animation-delay:.4s}@keyframes auth-feature-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.auth-feature-icon{border-radius:var(--radius-md);background:#ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-feature-icon svg{width:18px;height:18px}.auth-panel-right{padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.auth-panel-right:before{content:"";background:radial-gradient(ellipse 50% 50% at 50% 0%, var(--accent-surface) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.auth-form-container{z-index:1;width:100%;max-width:420px;animation:auth-form-in .6s var(--ease-out);position:relative}@keyframes auth-form-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-form-header{margin-bottom:var(--space-8)}.auth-form-header h2{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-2);font-weight:700}.auth-form-header p{color:var(--text-secondary);font-size:var(--text-sm)}.auth-form-header a{color:var(--accent);transition:color var(--duration-fast);font-weight:500;text-decoration:none}.auth-form-header a:hover{color:var(--accent-light);text-decoration:underline}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl)}.auth-card .form-group{margin-bottom:var(--space-5)}.auth-card .form-input{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.auth-card .form-input--has-icon{padding-left:42px}.auth-card .form-input-icon{left:14px}.auth-password-wrapper{position:relative}.auth-password-toggle{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--text-secondary);background:var(--bg-hover)}.auth-password-toggle svg{width:16px;height:16px}.auth-submit{width:100%;padding:var(--space-3-5) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-lg);background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--duration-fast);box-shadow:0 2px 8px var(--accent-glow);border:none;font-weight:600;position:relative;overflow:hidden}.auth-submit:hover{filter:brightness(1.08);box-shadow:var(--shadow-accent-lg);transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)scale(.99)}.auth-submit.loading{color:#0000;pointer-events:none}.auth-submit.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.6s linear infinite btn-spin;position:absolute;top:50%;left:50%}.auth-extras{margin-bottom:var(--space-5);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.auth-extras a{color:var(--accent);text-decoration:none}.auth-extras a:hover{text-decoration:underline}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--text-muted);font-size:var(--text-xs);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-primary);flex:1;height:1px}.auth-social-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);margin-bottom:var(--space-3);font-weight:500;display:flex}.auth-social-btn:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.auth-social-btn svg{width:18px;height:18px}.auth-steps{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.auth-step{background:var(--bg-surface);border:1px solid var(--border-secondary);width:8px;height:8px;transition:all var(--duration-moderate) var(--ease-out);border-radius:50%}.auth-step.active{border-radius:var(--radius-full);background:var(--accent);border-color:var(--accent);width:28px}.auth-step.completed{background:var(--accent);border-color:var(--accent)}.auth-step-content{animation:auth-step-in .4s var(--ease-out)}@keyframes auth-step-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.password-strength{margin-top:var(--space-2)}.password-strength-bar{background:var(--bg-surface);border-radius:var(--radius-full);height:3px;margin-bottom:var(--space-1);overflow:hidden}.password-strength-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-moderate), background var(--duration-moderate)}.password-strength-fill.weak{background:var(--danger);width:25%}.password-strength-fill.fair{background:var(--warning);width:50%}.password-strength-fill.good{background:#3b82f6;width:75%}.password-strength-fill.strong{background:var(--success);width:100%}.password-strength-text{font-size:var(--text-xs);color:var(--text-muted)}.account-type-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.account-type-option{padding:var(--space-5) var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--duration-moderate) var(--ease-out);background:var(--bg-tertiary)}.account-type-option:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.account-type-option.selected{border-color:var(--accent);background:var(--accent-surface);box-shadow:var(--shadow-ring-sm)}.account-type-option .type-icon{width:48px;height:48px;margin:0 auto var(--space-3);border-radius:var(--radius-xl);background:var(--bg-secondary);justify-content:center;align-items:center;font-size:24px;display:flex}.account-type-option.selected .type-icon{background:var(--accent);color:#fff}.account-type-option h4{font-size:var(--text-sm);margin-bottom:var(--space-1);font-weight:600}.account-type-option p{font-size:var(--text-xs);color:var(--text-tertiary)}@keyframes auth-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.auth-card.shake{animation:.4s auth-shake}.auth-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--danger-surface);color:var(--danger-light);font-size:var(--text-sm);align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);animation:auth-step-in .3s var(--ease-out);border:1px solid #dc262633;display:flex}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-xs);color:var(--text-muted)}.auth-footer a{color:var(--accent);text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (width<=900px){.page-auth{grid-template-rows:auto 1fr;grid-template-columns:1fr}.auth-panel-left{padding:var(--space-8) var(--space-6) var(--space-6)}.auth-features{display:none}.auth-panel-right{padding:var(--space-6)}}@media (width<=480px){.auth-card{padding:var(--space-5);border-radius:var(--radius-xl)}.auth-form-header h2,.auth-brand h1{font-size:var(--text-xl)}}.page-404{text-align:center;min-height:60vh;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.page-404 h1{letter-spacing:-.04em;color:var(--text-muted);margin-bottom:var(--space-3);font-size:6rem;font-weight:900;line-height:1}.page-404 p{font-size:var(--text-lg);color:var(--text-tertiary);margin-bottom:var(--space-6)}.hidden{display:none!important}.invisible{visibility:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.rounded-full{border-radius:var(--radius-full)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-lg{border-radius:var(--radius-lg)}.hide-mobile{display:inline}@media (width<=640px){.hide-mobile{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{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 slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}}.animate-fade-in{animation:fadeIn var(--duration-moderate) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-moderate) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--duration-moderate) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-moderate) var(--ease-out)}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-bounce{animation:1s ease-in-out infinite bounce}.animate-float{animation:3s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite glow-pulse}.stagger-children>*{opacity:0;animation:fadeInUp .4s var(--ease-out) forwards}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.animate-in{animation:fadeInUp .4s var(--ease-out) both}.scroll-animate{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(16px)}.scroll-animate--visible,.animate-in--visible{opacity:1;transform:translateY(0)}.stagger-in>*{opacity:0;animation:fadeInUp .5s var(--ease-out) forwards}.stagger-in>:first-child{animation-delay:50ms}.stagger-in>:nth-child(2){animation-delay:.1s}.stagger-in>:nth-child(3){animation-delay:.15s}.stagger-in>:nth-child(4){animation-delay:.2s}.stagger-in>:nth-child(5){animation-delay:.25s}.stagger-in>:nth-child(6){animation-delay:.3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}[data-accent=rose]{--accent:#e11d48;--accent-light:#fb7185;--accent-100:#e11d4826;--accent-200:#e11d4833;--accent-surface:#e11d480f;--accent-gradient:linear-gradient(135deg, #e11d48, #f43f5e);--accent-glow:#e11d4840}[data-accent=amber]{--accent:#d97706;--accent-light:#fbbf24;--accent-100:#d9770626;--accent-200:#d9770633;--accent-surface:#d977060f;--accent-gradient:linear-gradient(135deg, #d97706, #f59e0b);--accent-glow:#d9770640}[data-accent=emerald]{--accent:#059669;--accent-light:#34d399;--accent-100:#05966926;--accent-200:#05966933;--accent-surface:#0596690f;--accent-gradient:linear-gradient(135deg, #059669, #10b981);--accent-glow:#05966940}[data-accent=cyan]{--accent:#0891b2;--accent-light:#22d3ee;--accent-100:#0891b226;--accent-200:#0891b233;--accent-surface:#0891b20f;--accent-gradient:linear-gradient(135deg, #0891b2, #06b6d4);--accent-glow:#0891b240}[data-accent=violet]{--accent:#7c3aed;--accent-light:#a78bfa;--accent-100:#7c3aed26;--accent-200:#7c3aed33;--accent-surface:#7c3aed0f;--accent-gradient:linear-gradient(135deg, #7c3aed, #8b5cf6);--accent-glow:#7c3aed40}[data-accent=pink]{--accent:#db2777;--accent-light:#f472b6;--accent-100:#db277726;--accent-200:#db277733;--accent-surface:#db27770f;--accent-gradient:linear-gradient(135deg, #db2777, #ec4899);--accent-glow:#db277740}[data-accent=sky]{--accent:#0284c7;--accent-light:#38bdf8;--accent-100:#0284c726;--accent-200:#0284c733;--accent-surface:#0284c70f;--accent-gradient:linear-gradient(135deg, #0284c7, #0ea5e9);--accent-glow:#0284c740}[data-accent=orange]{--accent:#ea580c;--accent-light:#fb923c;--accent-100:#ea580c26;--accent-200:#ea580c33;--accent-surface:#ea580c0f;--accent-gradient:linear-gradient(135deg, #ea580c, #f97316);--accent-glow:#ea580c40}.skip-link{top:-100px;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius-md);z-index:9999;transition:top var(--duration-fast);font-weight:600;position:absolute}.skip-link:focus{top:var(--space-4)}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (forced-colors:active){.btn{border:1px solid buttontext}}@media print{.sidebar,.sidebar-overlay,#toast-container,.modal-overlay,.command-palette-overlay,.tooltip{display:none!important}body{color:#000;background:#fff}.main-content{margin:0;padding:0}.card,.stat-card,.dashboard-panel,.focus-panel,.chart-panel{box-shadow:none;break-inside:avoid;border:1px solid #ccc}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.8em}}