:root,body.theme-light{--bg:#fff;--bg-panel:#f7f7f5;--bg-subtle:#fafaf9;--bg-tint:#f4f4f1;--bg-inverse:#0f0f10;--border:#e8e7e2;--border-strong:#d5d4cd;--text:#0f0f10;--text-soft:#3d3d40;--muted:#88888a;--muted-subtle:#b5b5b8;--accent:#2f6df6;--accent-soft:#e8f0fe;--accent-text:#fff;--success:#16a34a;--success-soft:#dcfce7;--warning:#d97706;--warning-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--purple:#7c3aed;--purple-soft:#ede9fe;--teal:#0d9488;--teal-soft:#ccfbf1;--chip-bg:#eeede8;--code-bg:#1a1a1c;--code-text:#e8eaed;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--bg-main:var(--bg);--bg-dark:var(--bg-panel);--text-light:var(--text);--text-muted:var(--muted);--border-color:var(--border);--primary:var(--accent);--primary-soft:var(--accent-soft);--primary-softer:var(--accent-soft);--text-on-primary:var(--accent-text);--error-red:var(--danger)}body.theme-dark{--bg:#0a0a0c;--bg-panel:#0f1013;--bg-subtle:#15161a;--bg-tint:#191a1f;--bg-inverse:#fff;--border:#23242a;--border-strong:#34353d;--text:#ececef;--text-soft:#c9cacf;--muted:#8b8d98;--muted-subtle:#5b5d68;--accent:#4d86ff;--accent-soft:#1e2a4a;--accent-text:#fff;--success:#34d399;--success-soft:#0f2a1f;--warning:#fbbf24;--warning-soft:#2a2010;--danger:#f87171;--danger-soft:#2a1414;--purple:#a78bfa;--purple-soft:#1e1530;--teal:#5eead4;--teal-soft:#0e2724;--chip-bg:#1d1e23;--code-bg:#0e0f12;--code-text:#e8eaed;--bg-main:var(--bg);--bg-dark:var(--bg-panel);--text-light:var(--text);--text-muted:var(--muted);--border-color:var(--border);--primary:var(--accent);--primary-soft:var(--accent-soft);--primary-softer:var(--accent-soft);--text-on-primary:var(--accent-text);--error-red:var(--danger)}body.theme-serika{--bg:#fafaf3;--bg-panel:#f0eede;--bg-subtle:#f5f3e8;--bg-tint:#ebe9d8;--bg-inverse:#323437;--border:#e0ddc8;--border-strong:#c9c5ab;--text:#323437;--text-soft:#54565a;--muted:#7e8085;--muted-subtle:#b3b3a5;--accent:#d4a017;--accent-soft:#f3e8c7;--accent-text:#323437;--success:#6b8e3f;--success-soft:#e2ead2;--warning:#b87333;--warning-soft:#f0e0cd;--danger:#a8453b;--danger-soft:#f0d8d5;--purple:#8a6d9a;--purple-soft:#e8def0;--teal:#4d8585;--teal-soft:#d3e3e3;--chip-bg:#ebe9d8;--code-bg:#2a2c31;--code-text:#e8e8d8;--bg-main:var(--bg);--bg-dark:var(--bg-panel);--text-light:var(--text);--text-muted:var(--muted);--border-color:var(--border);--primary:var(--accent);--primary-soft:var(--accent-soft);--primary-softer:var(--accent-soft);--text-on-primary:var(--accent-text);--error-red:var(--danger)}body.theme-dusk{--bg:#1a1b26;--bg-panel:#16171f;--bg-subtle:#1f2030;--bg-tint:#252638;--bg-inverse:#f8f8f2;--border:#2f3142;--border-strong:#3f4256;--text:#f8f8f2;--text-soft:#d8d8d2;--muted:#959aaf;--muted-subtle:#5f6378;--accent:#bd93f9;--accent-soft:#2d2342;--accent-text:#1a1b26;--success:#50fa7b;--success-soft:#1a2e1f;--warning:#ffb86c;--warning-soft:#2e2218;--danger:#f55;--danger-soft:#2e1717;--purple:#bd93f9;--purple-soft:#2d2342;--teal:#8be9fd;--teal-soft:#162a30;--chip-bg:#252638;--code-bg:#13141c;--code-text:#f8f8f2;--bg-main:var(--bg);--bg-dark:var(--bg-panel);--text-light:var(--text);--text-muted:var(--muted);--border-color:var(--border);--primary:var(--accent);--primary-soft:var(--accent-soft);--primary-softer:var(--accent-soft);--text-on-primary:var(--accent-text);--error-red:var(--danger)}body.theme-arctis{--bg:#2e3440;--bg-panel:#272b35;--bg-subtle:#343a47;--bg-tint:#3b4252;--bg-inverse:#eceff4;--border:#434c5e;--border-strong:#4c566a;--text:#eceff4;--text-soft:#d8dee9;--muted:#8b95a7;--muted-subtle:#5e6878;--accent:#88c0d0;--accent-soft:#3b4f58;--accent-text:#2e3440;--success:#a3be8c;--success-soft:#3e4a37;--warning:#ebcb8b;--warning-soft:#4a4127;--danger:#bf616a;--danger-soft:#4a2e30;--purple:#b48ead;--purple-soft:#3f3041;--teal:#8fbcbb;--teal-soft:#3a4a4a;--chip-bg:#3b4252;--code-bg:#222730;--code-text:#d8dee9;--bg-main:var(--bg);--bg-dark:var(--bg-panel);--text-light:var(--text);--text-muted:var(--muted);--border-color:var(--border);--primary:var(--accent);--primary-soft:var(--accent-soft);--primary-softer:var(--accent-soft);--text-on-primary:var(--accent-text);--error-red:var(--danger)}body.theme-botanical{--bg:#f6f8f2;--bg-panel:#e7ecd9;--bg-subtle:#eef2e3;--bg-tint:#dde3d0;--bg-inverse:#2a3326;--border:#cfd5be;--border-strong:#b5bda1;--text:#2a3326;--text-soft:#475142;--muted:#7c8674;--muted-subtle:#a8b09e;--accent:#5a8c5a;--accent-soft:#d4e2c8;--accent-text:#fff;--success:#5a8c5a;--success-soft:#d4e2c8;--warning:#a87a3a;--warning-soft:#ecdcbd;--danger:#a85042;--danger-soft:#ebd1cb;--purple:#7c6d9c;--purple-soft:#e0dae9;--teal:#4d8585;--teal-soft:#cee0e0;--chip-bg:#dde3d0;--code-bg:#26302a;--code-text:#e8efe1;--bg-main:var(--bg);--bg-dark:var(--bg-panel);--text-light:var(--text);--text-muted:var(--muted);--border-color:var(--border);--primary:var(--accent);--primary-soft:var(--accent-soft);--primary-softer:var(--accent-soft);--text-on-primary:var(--accent-text);--error-red:var(--danger)}body.theme-carbon{--bg:#0e0e0e;--bg-panel:#080808;--bg-subtle:#131313;--bg-tint:#1c1c1c;--bg-inverse:#f0f0f0;--border:#262626;--border-strong:#383838;--text:#f0f0f0;--text-soft:#cfcfcf;--muted:#888;--muted-subtle:#555;--accent:#f0f0f0;--accent-soft:#2a2a2a;--accent-text:#0e0e0e;--success:#7fb069;--success-soft:#1d2a18;--warning:#e0b070;--warning-soft:#2a2418;--danger:#e07070;--danger-soft:#2a1818;--purple:#b08fc7;--purple-soft:#22192a;--teal:#7fb0a8;--teal-soft:#182624;--chip-bg:#1c1c1c;--code-bg:#050505;--code-text:#e8e8e8;--bg-main:var(--bg);--bg-dark:var(--bg-panel);--text-light:var(--text);--text-muted:var(--muted);--border-color:var(--border);--primary:var(--accent);--primary-soft:var(--accent-soft);--primary-softer:var(--accent-soft);--text-on-primary:var(--accent-text);--error-red:var(--danger)}.pill{background:var(--chip-bg);color:var(--text-soft);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.pill--success{background:var(--success-soft);color:var(--success)}.pill--warning{background:var(--warning-soft);color:var(--warning)}.pill--danger{background:var(--danger-soft);color:var(--danger)}.pill--accent{background:var(--accent-soft);color:var(--accent)}.pill--purple{background:var(--purple-soft);color:var(--purple)}.pill--dot{padding:0;background:0 0!important}.pill--dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.field{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:7px;outline:none;padding:10px 12px;font-size:14px}.field:focus{border-color:var(--accent)}.code-inline{font-family:var(--font-mono);background:var(--bg-tint);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:12.5px}.code-block{background:var(--code-bg);color:var(--code-text);border-left:3px solid var(--accent);font-family:var(--font-mono);white-space:pre;border-radius:8px;padding:14px 18px;font-size:12.5px;line-height:1.55;overflow:auto}body.theme-serika input,body.theme-serika select,body.theme-serika textarea,body.theme-botanical input,body.theme-botanical select,body.theme-botanical textarea{color:var(--text-light)!important;border:1px solid var(--border-color)!important;background-color:#fff!important}body.theme-serika .page-container,body.theme-botanical .page-container{background-color:var(--bg-dark)}body.theme-serika .form-card,body.theme-botanical .form-card{background-color:var(--bg-main);box-shadow:0 4px 12px #0000000d}body.theme-serika [style*="background: rgba(255, 255, 255"],body.theme-serika [style*="background: rgba(255,255,255"],body.theme-botanical [style*="background: rgba(255, 255, 255"],body.theme-botanical [style*="background: rgba(255,255,255"]{background:#0000000a!important}body.theme-serika .hover-white:hover,body.theme-botanical .hover-white:hover{color:var(--primary)!important}body.theme-serika .menu a:hover,body.theme-botanical .menu a:hover{background-color:#0000000a}body.theme-serika .time-slot,body.theme-botanical .time-slot{border-bottom-color:#0000000d}body.theme-serika .empty-material,body.theme-botanical .empty-material{background-color:#0000000a}body.theme-serika .empty-state__icon,body.theme-botanical .empty-state__icon{background:#0000000a}body.theme-serika .chip,body.theme-botanical .chip{background:#0000000a;border-color:#00000014}body.theme-serika .chip--muted,body.theme-botanical .chip--muted{background:#00000008}body.theme-serika .students-table th,body.theme-botanical .students-table th{background-color:#00000005}body.theme-serika .skeleton,body.theme-botanical .skeleton{background:linear-gradient(90deg, var(--bg-main) 0%, #0000000f 50%, var(--bg-main) 100%)}body.theme-serika .event-block,body.theme-botanical .event-block{background:var(--bg-dark);border-color:var(--border-color)}body.theme-serika select,body.theme-botanical select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"%231f2937\" viewBox=\"0 0 16 16\"><path d=\"M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\"/></svg>")}body.theme-serika tr[style*="border-bottom: 1px solid rgba(255,255,255"],body.theme-botanical tr[style*="border-bottom: 1px solid rgba(255,255,255"]{border-bottom-color:var(--border-color)!important}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}::-webkit-scrollbar-corner{background:0 0}body{font-family:var(--font-family,var(--font-sans));background-color:var(--bg-main);color:var(--text-light);-webkit-font-smoothing:antialiased;margin:0}body.font-mono{--font-family:"JetBrains Mono", "Courier New", monospace;font-size:13.5px}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex:0 0 232px;width:232px;height:100vh;padding:18px 12px;display:flex;overflow:hidden}.sidebar__brand{justify-content:space-between;align-items:center;padding:0 8px 14px;display:flex}.sidebar__wordmark{letter-spacing:-.01em;color:var(--text);font-size:17px;font-weight:600}.sidebar__search{background:var(--bg-subtle);border:1px solid var(--border);color:var(--muted);cursor:default;border-radius:8px;align-items:center;gap:8px;margin:0 0 14px;padding:7px 10px;font-size:13px;display:flex}.sidebar__search>span{flex:1}.sidebar__nav{flex-direction:column;flex:1;gap:1px;display:flex}.sidebar__item{color:var(--text-soft);border-radius:7px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar__item:hover{background:var(--bg-subtle);color:var(--text)}.sidebar__item.is-active{background:var(--bg-tint);color:var(--text);font-weight:600}.sidebar__item>span:first-of-type{flex:1}.sidebar__badge{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.sidebar__badge--alert{background:var(--danger);color:#fff;border-radius:10px;padding:1px 7px;font-weight:700}.sidebar__divider{background:var(--border);border:none;height:1px;margin:10px 8px}.sidebar__user{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:12px;padding:10px 8px;display:flex}.sidebar__user-meta{flex:1;min-width:0}.sidebar__user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.sidebar__user-role{color:var(--muted);margin-top:2px;font-size:11px}.avatar{-webkit-user-select:none;user-select:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:background .12s,color .12s;display:flex}.icon-btn:hover{background:var(--bg-tint);color:var(--text)}.icon-btn--danger:hover{color:var(--danger)}.menu a{color:var(--text-muted);border-radius:7px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.menu a:hover{color:var(--text-light);background-color:#ffffff0a}.menu a.active{background-color:var(--primary-softer);color:var(--primary);box-shadow:inset 2px 0 0 var(--primary)}.logout-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:all .3s}.logout-icon:hover{color:var(--error-red)}.main-content{background-color:var(--bg-main);flex-direction:column;flex:1;min-width:0;min-height:0;padding:20px 40px;display:flex;overflow-y:auto}.page-container{flex-direction:column;flex:1;display:flex}.form-card{background-color:var(--bg-dark);border-radius:10px;width:100%;padding:24px}.input-group{flex-direction:column;width:100%;margin-bottom:15px;display:flex}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.input-group input,.input-group select{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-light);border-radius:8px;outline:none;padding:12px}.input-group input:focus{border-color:var(--primary)}.submit-btn{background-color:var(--primary);width:100%;color:var(--text-on-primary);cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:14px;font-weight:700;transition:all .2s}.submit-btn:hover{background-color:#4a47e6}.calendar-header{justify-content:space-between;align-items:center;display:flex}.month-nav{align-items:center;gap:15px;display:flex}.month-nav h2{text-align:center;text-transform:capitalize;min-width:220px;margin:0;font-size:24px}.nav-btn{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.nav-btn:hover{border-color:var(--primary)}.weekly-calendar{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.weekly-scroll-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.weekly-header{z-index:20;background:var(--bg-dark);border-bottom:1px solid var(--border-color);display:flex;position:sticky;top:0}.time-column-header{border-right:1px solid var(--border-color);flex-shrink:0;width:60px}.day-column-header{border-right:1px solid var(--border-color);color:var(--text-muted);flex-direction:column;flex:1;align-items:center;padding:15px 0;display:flex}.day-column-header.today{color:var(--primary);background:var(--primary-softer)}.day-name{text-transform:capitalize;font-size:12px}.day-num{margin-top:4px;font-size:20px;font-weight:700}.weekly-body{flex:1;height:100%;display:flex;position:relative}.time-column{background:var(--bg-dark);border-right:1px solid var(--border-color);flex-shrink:0;width:60px;height:100%}.time-label{text-align:right;height:5.88235%;color:var(--text-muted);padding-right:10px;font-size:12px;line-height:0;display:block;overflow:visible}.days-container{flex:1;height:100%;display:flex;position:relative}.day-column{border-right:1px solid var(--border-color);flex:1;height:100%;position:relative}.time-slot{cursor:crosshair;border-bottom:1px solid #ffffff08;height:5.88235%;transition:background-color .2s}.time-slot:hover{background:var(--primary-soft)}.current-time-line{background:var(--error-red);z-index:10;pointer-events:none;height:2px;position:absolute;left:0;right:0;box-shadow:0 0 5px #ff4d4d80}.current-time-dot{background:var(--error-red);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.event-block{background:var(--bg-dark);width:calc(100% - 8px);color:var(--text-light);cursor:grab;z-index:5;border:1px solid var(--border-color);border-left:3px solid var(--primary);border-radius:6px;flex-direction:column;min-height:22px;padding:5px 7px;transition:opacity .2s,transform .1s;display:flex;position:absolute;left:4px;overflow:hidden}.event-block:active{cursor:grabbing;opacity:.8;transform:scale(.98)}.event-block.paid{color:var(--text-muted);background:#4caf5012;border-color:#4caf5033 #4caf5033 #4caf5033 #4caf50;border-left-style:solid;border-left-width:3px}.event-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;line-height:1.2;overflow:hidden;font-size:13px!important}.event-time{opacity:.8;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden;font-size:11px!important}.modal-overlay{background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:9999!important}.toast-notification{color:#fff;z-index:10000;border-radius:10px;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.25,.8,.25,1) slideInRight;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 30px #0000004d}.toast-success{background-color:#4caf50}.toast-error{background-color:var(--error-red)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-content{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000040}.logout-btn{background-color:var(--bg-dark);color:var(--text-light);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:12px;font-weight:700;transition:all .2s}.logout-btn:hover{background-color:var(--error-red);border-color:var(--error-red)}.auth-bg{background-color:var(--bg-main);justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.auth-card{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:400px;padding:32px;box-shadow:0 8px 24px #0003}.auth-tabs{border-bottom:1px solid var(--border-color);margin-bottom:25px;display:flex}.auth-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 0;font-size:15px;transition:all .2s}.auth-tabs button.active{color:var(--text-light);border-bottom:2px solid var(--primary);margin-bottom:-1px}.role-toggle{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;margin:20px 0;padding:4px;display:flex;overflow:hidden}.role-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px;font-weight:600;transition:all .2s}.role-toggle button.active{background-color:var(--primary);color:var(--text-on-primary)}.error-banner{color:var(--error-red);text-align:center;background-color:#ff4d4d1a;border:1px solid #ff4d4d4d;border-radius:6px;margin-top:10px;margin-bottom:10px;padding:10px;font-size:13px;animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.students-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.students-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);background-color:#ffffff05;padding:15px 20px;font-weight:500}.students-table td{border-bottom:1px solid var(--border-color);color:var(--text-light);padding:15px 20px}.students-table tbody tr{transition:background-color .2s}.students-table tbody tr:hover{background-color:var(--primary-softer)}.search-input{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-light);border-radius:8px;outline:none;width:100%;max-width:400px;padding:12px 16px;transition:all .2s}.search-input:focus{border-color:var(--primary)}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:30px;display:grid}.folder-card{cursor:pointer;flex-direction:column;align-items:center;transition:transform .2s;display:flex;position:relative}.folder-actions{opacity:0;gap:6px;transition:all .2s ease-in-out;display:flex;position:absolute;top:-10px;right:-10px}.folder-card:hover .folder-actions{opacity:1}.action-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000080}.action-btn.edit{background-color:var(--primary);color:var(--text-on-primary)}.action-btn.edit:hover{filter:brightness(.9);transform:scale(1.1)}.action-btn.trash{background-color:var(--bg-dark);color:var(--error-red);border:1px solid var(--error-red)}.action-btn.trash:hover{background-color:var(--error-red);color:#fff;transform:scale(1.1)}.folder-card:hover .folder-trash-btn{opacity:1;transform:scale(1)}.folder-trash-btn:hover{background-color:var(--error-red);color:#fff}.folder-card:hover{transform:scale(1.05)}.folder-icon{background-color:#4285f4;border-radius:0 8px 8px;width:110px;height:80px;margin-bottom:12px;position:relative;box-shadow:0 6px 15px #0000004d}.folder-icon:before{content:"";background-color:#4285f4;border-radius:8px 8px 0 0;width:45px;height:14px;position:absolute;top:-14px;left:0}.folder-title{color:var(--text-light);text-align:center;word-break:break-word;max-width:100%;font-size:14px;font-weight:500}.material-btn{color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}.material-btn:hover{opacity:.8}.video-btn{background-color:red}.pdf-btn{background-color:#0f9d58}.hw-btn{background-color:var(--primary);color:var(--text-on-primary)}.empty-material{color:var(--text-muted);text-align:center;background-color:#ffffff0d;border-radius:8px;padding:14px;font-size:13px}.hover-white:hover{color:#fff!important}.video-wrapper{aspect-ratio:16/9;background-color:#000;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 10px 30px #00000080}.video-wrapper iframe{width:100%;height:100%}.empty-state{text-align:center;border:1px dashed var(--border-color);width:100%;color:var(--text-muted);background-color:#ffffff05;border-radius:12px;padding:40px}.hw-box{border:1px solid var(--primary);background:linear-gradient(180deg, var(--primary-softer) 0%, transparent 100%);text-align:center;border-radius:12px;padding:30px}.hw-link-btn{background-color:var(--bg-dark);border:1px solid var(--primary);color:var(--text-light);border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.hw-link-btn:hover{color:var(--text-on-primary);background-color:var(--primary)}.materials-grid{flex-wrap:wrap;gap:20px;display:flex}.pdf-card{align-items:center;gap:15px;text-decoration:none;transition:opacity .2s;display:flex}.pdf-card:hover{opacity:.8}.pdf-icon{color:#fff;background-color:#ff4d4d;border-radius:6px;justify-content:center;align-items:center;width:45px;height:55px;font-size:14px;font-weight:700;display:flex;position:relative}.pdf-icon:after{content:"";border-style:solid;border-width:0 12px 12px 0;border-color:var(--bg-main) var(--bg-main) #c00 #c00;border-radius:0 6px 0 4px;position:absolute;top:0;right:0}.pdf-info{flex-direction:column;gap:4px;display:flex}.pdf-name{color:var(--text-light);font-size:14px;font-weight:500}.pdf-download{color:var(--primary);font-size:12px}.student-pill{background:var(--primary-softer);border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.student-pill:hover{border-color:var(--primary);background:var(--primary-soft)}.student-pill.active{background:#4caf501a;border-color:#4caf50;box-shadow:0 0 10px #4caf5033}.exam-layout{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;height:calc(100vh - 80px);display:flex;overflow:hidden}.exam-sidebar{background:var(--bg-dark);border-right:1px solid var(--border-color);width:90px;padding:20px 0;overflow-y:auto}.exam-stats{color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:11px}.exam-stats span{color:var(--text-light);font-size:20px;font-weight:700}.exam-grid{flex-direction:column;gap:8px;padding:0 15px;display:flex}.exam-nav-btn{aspect-ratio:1;background:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-light);cursor:pointer;border-radius:6px;font-size:16px;font-weight:700}.exam-nav-btn.answered{background:var(--primary-soft);border-color:var(--primary)}.exam-nav-btn.active{background:var(--primary);color:var(--text-on-primary)}.exam-main{background:var(--bg-dark);flex-direction:column;flex:1;display:flex}.exam-header{border-bottom:1px solid var(--border-color);background:var(--bg-dark);justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.exam-content{color:var(--text-light);flex:1;padding:40px;overflow-y:auto}.exam-footer{border-top:1px solid var(--border-color);background:var(--bg-dark);justify-content:flex-end;gap:15px;padding:20px 30px;display:flex}.download-pill{background:var(--primary-soft);color:var(--text-light);border-radius:6px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.download-pill:hover{background:var(--primary);color:var(--text-on-primary)}.rich-text-content p{margin-top:0;margin-bottom:10px}.rich-text-content table{border-collapse:collapse;width:100%;margin-top:15px}.rich-text-content th,.rich-text-content td{border:1px solid var(--border-color);padding:10px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"white\" viewBox=\"0 0 16 16\"><path d=\"M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:35px!important}.right-column-scroll{max-height:calc(100vh - 120px);padding-right:10px;position:sticky;top:20px;overflow-y:auto}.custom-scroll{max-height:calc(100vh - 220px);padding-right:10px;overflow-y:auto}@media print{.sidebar,nav{display:none!important}.page-container{max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}button,.submit-btn{display:none!important}body,.page-container,#root{color:#000!important;background:#fff!important}.form-card{color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:26px;--text-2xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 2px 6px #00000026;--shadow-md:0 6px 20px #00000040;--success:#4caf50;--warning:#ffc107;--info:var(--primary);--transition-fast:.15s ease;--transition-base:.2s ease}.card{background-color:var(--bg-dark);color:var(--text-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-base);font-family:inherit}.card--compact{padding:var(--space-lg)}.card--hover{cursor:pointer}.card--hover:hover{border-color:var(--primary)}.card-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.card-title{font-size:var(--text-md);color:var(--text-light);margin:0;font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:var(--transition-base);color:var(--text-light);background:0 0;border:1px solid #0000;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn--primary:hover{filter:brightness(1.08)}.btn--ghost{border-color:var(--border-color);color:var(--text-light);background:0 0}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.btn--danger{background-color:var(--error-red);color:#fff}.btn--danger:hover{filter:brightness(1.1)}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.btn--lg{padding:var(--space-lg) var(--space-xl);font-size:var(--text-md)}.btn--block{width:100%}.chip{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-light);border-radius:var(--radius-pill);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base);background:#ffffff0d;border:1px solid #ffffff14;font-weight:500;text-decoration:none;display:inline-flex}.chip:hover{filter:brightness(1.25)}.chip--success{color:var(--success);background:#4caf5026;border-color:#4caf504d}.chip--primary{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-soft)}.chip--warning{color:var(--warning);background:#ffc10726;border-color:#ffc1074d}.chip--muted{color:var(--text-muted);border-color:var(--border-color);background:#ffffff08}.chip__count{font-weight:700}.chip__label{color:var(--text-light)}.chip--success .chip__label,.chip--primary .chip__label,.chip--warning .chip__label{color:inherit;opacity:.95}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-muted);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-lg);width:56px;height:56px;color:var(--text-muted);margin-bottom:var(--space-sm);background:#ffffff08;justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-md);color:var(--text-light);margin:0;font-weight:600}.empty-state__text{font-size:var(--text-sm);max-width:320px;margin:0;line-height:1.5}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-main) 0%, #ffffff0a 50%, var(--bg-main) 100%);border-radius:var(--radius-md);background-size:800px 100%;animation:1.4s linear infinite skeleton-shimmer;display:block}.skeleton--line{height:14px;margin-bottom:var(--space-sm)}.skeleton--title{width:60%;height:24px;margin-bottom:var(--space-lg)}.skeleton--card{height:120px;margin-bottom:var(--space-md)}.solve-light{--bg-dark:#f3f4f7;--bg-main:#fff;--primary:#5b58ff;--primary-soft:#5b58ff1a;--primary-softer:#5b58ff0a;--text-on-primary:#fff;--text-light:#1f2937;--text-muted:#6b7280;--border-color:#e3e6ec;color:var(--text-light)}.solve-light input,.solve-light textarea,.solve-light select{color:var(--text-light)!important;border-color:var(--border-color)!important;background-color:#fff!important}.solve-light [style*="background: rgba(255, 255, 255"],.solve-light [style*="background: rgba(255,255,255"]{background:#0000000a!important}.solve-light ::-webkit-scrollbar-thumb{background:#c9cdd4}.solve-light ::-webkit-scrollbar-thumb:hover{background:#9aa0a8}.solve-light .rich-text-content [style*="color: #ffffff"],.solve-light .rich-text-content [style*="color:#ffffff"],.solve-light .rich-text-content [style*="color: #fff"],.solve-light .rich-text-content [style*="color:#fff"],.solve-light .rich-text-content [style*="color: white"],.solve-light .rich-text-content [style*=color\:white]{color:var(--text-light)!important}.grid-2-1{gap:var(--space-2xl);grid-template-columns:2fr 1fr;align-items:start;display:grid}.stack{gap:var(--space-lg);flex-direction:column;display:flex}.stack--lg{gap:var(--space-2xl)}@media (width<=900px){.grid-2-1{gap:var(--space-lg);grid-template-columns:1fr}.main-content{padding:var(--space-lg) var(--space-lg)}.sidebar{flex:0 0 200px;width:200px}}@media (width<=640px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto}.main-content{padding:var(--space-md)}.card{padding:var(--space-lg)}:root{--text-xl:22px;--text-2xl:26px}}.auth-layout{background:var(--bg);width:100vw;min-height:100vh;display:flex}.auth-brand{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:46%;min-width:360px;padding:40px 48px;display:flex}.auth-brand__top{flex-shrink:0;align-items:baseline;gap:12px;display:flex}.auth-brand__wordmark{letter-spacing:-.02em;color:var(--text);font-size:17px;font-weight:700}.auth-brand__subtitle{color:var(--muted);font-size:12px}.auth-brand__hero{flex-direction:column;flex:1;justify-content:center;max-width:440px;display:flex}.auth-brand__eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600}.auth-brand__h1{letter-spacing:-.025em;color:var(--text);margin:0 0 18px;font-size:38px;font-weight:700;line-height:1.1}.auth-brand__desc{color:var(--muted);max-width:440px;margin:0;font-size:14px;line-height:1.55}.auth-brand__copy{color:var(--muted);flex-shrink:0;font-size:11px}.auth-form-side{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex}.auth-form-box{width:100%;max-width:360px}.auth-form-box__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.auth-form-box__title{letter-spacing:-.02em;color:var(--text);margin:0 0 22px;font-size:22px;font-weight:700;line-height:1.2}.auth-form-box__sub{color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.5}.auth-tabs-new{border-bottom:1px solid var(--border);gap:24px;margin-bottom:28px;display:flex}.auth-tab-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 10px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.auth-tab-btn.is-active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.auth-field-group{margin-bottom:12px}.auth-field-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.auth-label{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.auth-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;box-sizing:border-box;border-radius:7px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--muted-subtle)}.auth-input--accent{border-color:var(--accent)!important}.auth-forgot-row{text-align:right;margin-top:5px;margin-bottom:14px}.auth-link-sm{color:var(--muted);cursor:pointer;font-size:12px;text-decoration:none}.auth-link-sm:hover{color:var(--text)}.auth-role-toggle{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:14px;padding:3px;display:flex}.auth-role-btn{font:inherit;cursor:pointer;color:var(--text-soft);background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.auth-role-btn.is-active{background:var(--bg-inverse);color:var(--bg)}.auth-submit{border-radius:8px;justify-content:center;width:100%;margin-top:6px;padding:11px 14px;font-size:14px;font-weight:600}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn{gap:10px;margin-top:0;background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}.auth-google-btn:hover{background:var(--bg-subtle)!important;color:var(--text)!important;border-color:var(--border-strong)!important}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:20px 0;font-size:11px;display:flex}.auth-divider__line{background:var(--border);flex:1;height:1px}.auth-register-link{text-align:center;color:var(--muted);margin:14px 0 0;font-size:12px}.auth-link-btn{width:100%;color:var(--muted);font:inherit;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:10px;padding:6px;font-size:13px;display:block}.auth-link-btn:hover{color:var(--text)}.auth-code-input{text-align:center;letter-spacing:8px;font-size:22px!important;font-family:var(--font-mono)!important}.auth-success-banner{background:var(--success-soft);color:var(--success);border:1px solid var(--success);border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px}.tg-card{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:16px 18px}.tg-card__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.tg-card__title{color:var(--text);font-size:14px;font-weight:600}.tg-card__sub{color:var(--muted);margin-top:2px;font-size:12px}.tg-card__steps{background:var(--bg-subtle);color:var(--text-soft);border-radius:8px;margin:0;padding:12px 16px 12px 32px;font-size:13px;line-height:1.7}.tg-card__code-row{align-items:center;gap:8px;margin-top:10px;display:flex}.tg-card__hint{color:var(--muted);margin-top:8px;font-size:11px}.tg-card--linked{background:var(--success-soft);color:var(--success);border:1px solid #0000;align-items:center;gap:12px;padding:14px 16px;display:flex}.tg-card--linked>.tg-card__title-row{flex:1}.auth-reset-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.auth-reset-card{width:100%;max-width:380px}