@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-900:#06301c;--green-800:#0a4527;--green-700:#0d5a33;--green:#12683c;--green-br:#178048;--green-lt:#2a9d5f;--green-mint:#e8f4ec;--green-dim:#12683c12;--green-glow:#12683c26;--bg:#f7faf8;--bg-soft:#eef4f0;--surface:#fff;--card:#fff;--input-bg:#fbfdfc;--border:#06301c17;--border-md:#06301c29;--hair:#06301c12;--text:#0a2417;--text-sec:#2c5741;--text-mute:#577a6a;--text-faint:#748f82;--red:#c4443c;--red-dim:#c4443c14;--amber:#9c6414;--amber-dim:#9c64141a;--blue:#2c5f9e;--blue-dim:#2c5f9e14;--brass:#a8823c;--brass-dim:#a8823c1a;--shadow-xs:0 1px 2px #06301c0a;--shadow-sm:0 1px 2px #06301c0d,0 4px 12px -4px #06301c0f;--shadow-md:0 2px 4px #06301c0a,0 12px 28px -12px #06301c29;--shadow-lg:0 4px 8px #06301c0d,0 28px 56px -20px #06301c38;--ring:0 0 0 3px var(--green-glow);--sidebar-w:266px;--topbar-h:66px;--radius:16px;--radius-sm:11px;--radius-xs:8px;--ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--fast:.14s;--med:.22s;--font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--serif:"Cormorant Garamond",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--green-900:#031a10;--green-800:#0a3d24;--green:#3fbb75;--green-br:#4ecd84;--green-lt:#6fe0a0;--green-mint:#0f2b1e;--green-dim:#3fbb751f;--green-glow:#3fbb7542;--bg:#080f0c;--bg-soft:#0d1712;--surface:#111d17;--card:#111d17;--input-bg:#0b1510;--border:#78c89b21;--border-md:#78c89b3d;--hair:#78c89b1a;--text:#e4f0e9;--text-sec:#a3c9b4;--text-mute:#6d9080;--text-faint:#68907e;--red:#e8736b;--red-dim:#e8736b24;--amber:#e0a44e;--amber-dim:#e0a44e24;--blue:#6b9ae0;--blue-dim:#6b9ae024;--brass-dim:#c8a35a24;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #00000057,0 4px 12px -4px #0006;--shadow-md:0 2px 4px #0000004d,0 12px 28px -12px #0000008c;--shadow-lg:0 4px 8px #00000059,0 28px 56px -20px #0009;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brass:#c8a35a}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);letter-spacing:-.008em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;max-width:100vw;min-height:100vh;line-height:1.55;overflow-x:hidden}#root{max-width:100vw;overflow-x:hidden}::selection{background:var(--green-glow);color:var(--text)}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-xs);outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-md);background-clip:content-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes slideInToast{0%{opacity:0;transform:translate(20px)scale(.97)}to{opacity:1;transform:none}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes drawIn{0%{width:0}to{width:var(--w,100%)}}.page-anim{animation:fadeUp .34s var(--ease-out) both}.page-anim>*{animation:fadeUp .38s var(--ease-out) both}.page-anim>:first-child{animation-delay:20ms}.page-anim>:nth-child(2){animation-delay:60ms}.page-anim>:nth-child(3){animation-delay:.1s}.page-anim>:nth-child(4){animation-delay:.14s}.page-anim>:nth-child(n+5){animation-delay:.17s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{min-height:100vh;display:flex}.main-area{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.page-content{flex:1;width:100%;max-width:1560px;padding:30px 34px 64px}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--hair);z-index:100;transition:transform var(--med) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar:before{content:"";background:linear-gradient(90deg,var(--green-900),var(--green-lt),var(--brass));opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.sidebar-brand{border-bottom:1px solid var(--hair);flex-direction:column;align-items:center;padding:22px 20px 16px;display:flex}.brand-logo-box{justify-content:center;align-items:center;width:100%;padding:2px 0 10px;display:flex}.brand-logo-box img{filter:drop-shadow(0 2px 6px #06301c1a);max-width:150px;height:auto}.brand-divider{background:linear-gradient(90deg,transparent,var(--border-md),transparent);width:44px;height:1px;margin:2px 0 9px}.brand-dept{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mute);text-align:center;font-size:10px;font-weight:700;line-height:1.5}.semester-pill{background:var(--green-dim);border:1px solid var(--border);color:var(--green);letter-spacing:.2px;border-radius:99px;justify-content:center;align-items:center;gap:6px;margin-top:11px;padding:5px 13px;font-size:11px;font-weight:650;display:inline-flex}.semester-dot{background:var(--green-lt);width:6px;height:6px;box-shadow:0 0 0 3px var(--green-glow);animation:softPulse 2.6s var(--ease) infinite;border-radius:50%}.sidebar-nav{flex:1;padding:12px 0 18px}.nav-section{letter-spacing:1.7px;text-transform:uppercase;color:var(--text-faint);margin:18px 0 7px;padding:0 22px;font-size:9.5px;font-weight:800}.sidebar-nav>.nav-section:first-child{margin-top:4px}.nav-item{color:var(--text-sec);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease);border-radius:10px;align-items:center;gap:11px;margin:2px 12px;padding:9px 11px;font-size:13.5px;font-weight:550;display:flex;position:relative}.nav-item:before{content:"";background:var(--green-lt);width:3px;height:0;transition:height var(--med) var(--ease-out);border-radius:0 3px 3px 0;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-item:hover{background:var(--green-dim);color:var(--text)}.nav-item:hover .nav-icon{color:var(--green);transform:translate(1px)scale(1.06)}.nav-item.active{background:var(--green-dim);color:var(--green);font-weight:700}.nav-item.active:before{height:19px}.nav-item.active .nav-icon{background:var(--green);color:#fff;box-shadow:0 2px 8px var(--green-glow)}.nav-icon{background:var(--bg-soft);width:29px;height:29px;color:var(--text-mute);transition:background var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-badge{background:var(--red);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.sidebar-footer{border-top:1px solid var(--hair);background:var(--bg-soft);padding:14px 20px 18px}.sf-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:11.5px;display:flex}.sf-label{color:var(--text-mute)}.sf-val{font-family:var(--mono);color:var(--text-sec);font-size:11.5px;font-weight:600}.topbar{height:var(--topbar-h);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid var(--hair);z-index:50;justify-content:space-between;align-items:center;gap:16px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-breadcrumb{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:700}.topbar-title{font-family:var(--serif);color:var(--text);letter-spacing:-.015em;margin-top:1px;font-size:21px;font-weight:600;line-height:1.2}.topbar-right{align-items:center;gap:9px;display:flex}.topbar-date{font-family:var(--mono);color:var(--text-mute);background:var(--bg-soft);border:1px solid var(--hair);white-space:nowrap;border-radius:9px;padding:6px 12px;font-size:11.5px}.user-chip{background:var(--bg-soft);border:1px solid var(--hair);transition:border-color var(--fast) var(--ease);border-radius:99px;align-items:center;gap:9px;padding:5px 12px 5px 6px;display:flex}.user-chip:hover{border-color:var(--border-md)}.user-av{background:linear-gradient(135deg,var(--green-700),var(--green-lt));color:#fff;width:30px;height:30px;box-shadow:0 2px 6px var(--green-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}.user-name{color:var(--text);font-size:12.5px;font-weight:650;line-height:1.3}.user-role{color:var(--text-mute);font-size:10.5px;line-height:1.3}.role-pill{letter-spacing:.4px;text-transform:uppercase;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.role-admin{background:var(--green-dim);color:var(--green);border:1px solid var(--border)}.role-teacher{background:var(--blue-dim);color:var(--blue);border:1px solid #2c5f9e33}.section-header{border-bottom:1px solid var(--hair);margin-bottom:26px;padding-bottom:18px}.section-eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--green);align-items:center;gap:9px;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.section-eyebrow:before{content:"";background:var(--green);opacity:.55;border-radius:2px;flex-shrink:0;width:22px;height:1.5px}.section-title{font-family:var(--serif);color:var(--text);letter-spacing:-.022em;font-size:33px;font-weight:600;line-height:1.12}.section-sub{color:var(--text-mute);max-width:76ch;margin-top:6px;font-size:13.5px;line-height:1.65}.settings-section-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mute);margin-bottom:12px;font-size:11px;font-weight:800}.card{background:var(--card);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--med) var(--ease),border-color var(--med) var(--ease),transform var(--med) var(--ease);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-head{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 21px 15px;display:flex}.card-title{color:var(--text);letter-spacing:-.014em;font-size:14.5px;font-weight:700}.card-sub{color:var(--text-mute);margin-top:2px;font-size:12px;line-height:1.5}.card-body{padding:19px 21px}.divider{background:var(--hair);height:1px;margin:16px 0}.scroll-area{max-height:400px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px;margin-bottom:24px;display:grid}.stat-card{background:var(--card);border:1px solid var(--hair);box-shadow:var(--shadow-xs);transition:transform var(--med) var(--ease-out),box-shadow var(--med) var(--ease),border-color var(--med) var(--ease);border-radius:14px;padding:19px 19px 17px;position:relative;overflow:hidden}.stat-card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 100% 0%,var(--green-dim),transparent 60%);opacity:0;transition:opacity var(--med) var(--ease);position:absolute;inset:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-md);transform:translateY(-3px)}.stat-card:hover:after{opacity:1}.stat-icon{background:var(--green-dim);width:38px;height:38px;transition:transform var(--med) var(--ease-out);border-radius:11px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.stat-card:hover .stat-icon{transform:scale(1.07)rotate(-3deg)}.stat-icon.blue{background:var(--blue-dim)}.stat-icon.green{background:var(--green-dim)}.stat-icon.amber{background:var(--amber-dim)}.stat-icon.red{background:var(--red-dim)}.stat-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-mute);font-size:10.5px;font-weight:700}.stat-number{font-family:var(--serif);color:var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:3px 0 2px;font-size:38px;font-weight:600;line-height:1.05}.stat-hint{color:var(--text-faint);font-size:11.5px;line-height:1.5}.btn{letter-spacing:-.005em;cursor:pointer;white-space:nowrap;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease), color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform 80ms var(--ease);border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 17px;font-family:inherit;font-size:13px;font-weight:650;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn:focus-visible{box-shadow:var(--ring)}.btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:linear-gradient(180deg,var(--green-br),var(--green));color:#fff;box-shadow:0 1px 2px #06301c38,inset 0 1px #ffffff24}.btn-primary:hover{box-shadow:0 6px 18px -4px var(--green-glow),inset 0 1px 0 #ffffff2e;transform:translateY(-1px)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-sec)}.btn-ghost:hover{background:var(--green-dim);border-color:var(--border-md);color:var(--green)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-outline-amber{background:var(--amber-dim);color:var(--amber);cursor:pointer;white-space:nowrap;transition:all var(--fast) var(--ease);border-color:#b5771f4d;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:650;display:inline-flex}.btn-outline-amber:hover{border-color:var(--amber);background:#b5771f26;transform:translateY(-1px)}.btn-sm{border-radius:9px;padding:7px 13px;font-size:12.5px}.btn-xs{border-radius:7px;padding:4px 10px;font-size:11.5px;font-weight:600}.btn-full{width:100%}.mobile-toggle{background:var(--bg-soft);border:1px solid var(--hair);width:38px;height:38px;color:var(--text-sec);cursor:pointer;transition:all var(--fast) var(--ease);border-radius:10px;justify-content:center;align-items:center;display:none}.mobile-toggle:hover{background:var(--green-dim);color:var(--green);border-color:var(--border-md)}.badge{letter-spacing:.2px;white-space:nowrap;transition:all var(--fast) var(--ease);border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:700;line-height:1.6;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green);border-color:#12683c2e}.badge-red{background:var(--red-dim);color:var(--red);border-color:#c4443c33}.badge-amber{background:var(--amber-dim);color:var(--amber);border-color:#b5771f38}.badge-blue{background:var(--blue-dim);color:var(--blue);border-color:#2c5f9e33}.badge-dim{background:var(--bg-soft);color:var(--text-mute);border-color:var(--hair)}.status-pill{letter-spacing:.2px;white-space:nowrap;transition:all var(--fast) var(--ease);border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:3.5px 11px;font-size:10.5px;font-weight:700;display:inline-flex}.status-green{background:var(--green-dim);color:var(--green);border-color:#12683c2e}.status-amber{background:var(--amber-dim);color:var(--amber);border-color:#b5771f38}.status-red{background:var(--red-dim);color:var(--red);border-color:#c4443c33}.status-blue{background:var(--blue-dim);color:var(--blue);border-color:#2c5f9e33}.status-dim{background:var(--bg-soft);color:var(--text-mute);border-color:var(--hair)}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--card);overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}thead th{z-index:2;background:var(--bg-soft);letter-spacing:1px;text-transform:uppercase;color:var(--text-mute);text-align:left;white-space:nowrap;border-bottom:1px solid var(--hair);padding:11px 15px;font-size:10px;font-weight:800;position:sticky;top:0}tbody td{border-bottom:1px solid var(--hair);vertical-align:middle;color:var(--text-sec);padding:12px 15px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--fast) var(--ease)}tbody tr:hover{background:var(--green-dim)}.form-group{margin-bottom:16px}.form-label{letter-spacing:.2px;color:var(--text-sec);margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.form-input{background:var(--input-bg);border:1.5px solid var(--border);width:100%;color:var(--text);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),background var(--fast) var(--ease);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px}.form-input::placeholder{color:var(--text-faint)}.form-input:hover{border-color:var(--border-md)}.form-input:focus{border-color:var(--green);box-shadow:var(--ring);background:var(--surface)}.form-input:disabled{opacity:.55;cursor:not-allowed}select.form-input{appearance:none;cursor:pointer;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='%236a8a79' stroke-width='2.2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.pwd-wrap{position:relative}.pwd-toggle{cursor:pointer;color:var(--text-faint);background:0 0;border:none;padding:4px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.alert{animation:slideDown .26s var(--ease-out) both;border:1px solid #0000;border-radius:11px;align-items:flex-start;gap:11px;padding:13px 15px;font-size:13px;line-height:1.6;display:flex}.alert-info{background:var(--blue-dim);color:var(--blue);border-color:#2c5f9e33}.alert-success{background:var(--green-dim);color:var(--green);border-color:#12683c33}.alert-warning{background:var(--amber-dim);color:var(--amber);border-color:#b5771f3d}.alert-danger{background:var(--red-dim);color:var(--red);border-color:#c4443c38}.upload-zone{border:2px dashed var(--border-md);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--input-bg);transition:border-color var(--med) var(--ease),background var(--med) var(--ease),transform var(--med) var(--ease-out);padding:42px 24px;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--green);background:var(--green-dim);transform:translateY(-1px)}.upload-zone.drag{border-color:var(--green);background:var(--green-dim);box-shadow:0 0 0 4px var(--green-glow);border-style:solid;transform:scale(1.008)}.upload-icon{background:var(--surface);border:1px solid var(--border);width:58px;height:58px;box-shadow:var(--shadow-sm);transition:transform var(--med) var(--ease-out);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 15px;display:flex}.upload-zone:hover .upload-icon{transform:translateY(-3px)scale(1.04)}.upload-title{font-family:var(--serif);color:var(--text);letter-spacing:-.015em;font-size:20px;font-weight:600}.upload-sub{color:var(--text-mute);margin-top:5px;font-size:12.5px}.fmt-tags{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:15px;display:flex}.fmt-tag{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);color:var(--text-mute);border-radius:7px;padding:3.5px 10px;font-size:10.5px;font-weight:600}.empty-state{text-align:center;border-radius:var(--radius);padding:52px 24px}.empty-icon{opacity:.7;filter:grayscale(.25);animation:scaleIn .4s var(--ease-out) both;margin-bottom:13px;font-size:38px}.empty-title{font-family:var(--serif);color:var(--text);letter-spacing:-.015em;font-size:19px;font-weight:600}.empty-sub{color:var(--text-mute);max-width:46ch;margin-top:7px;margin-left:auto;margin-right:auto;font-size:13px;line-height:1.7}.skeleton{background:var(--bg-soft);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 70%,transparent),transparent);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{height:12px;margin-bottom:9px}.skeleton-card{border-radius:14px;height:104px}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(5px);animation:fadeIn .2s var(--ease) both;background:#06301c6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:640px;max-height:88vh;box-shadow:var(--shadow-lg);animation:scaleIn .26s var(--ease-out) both;flex-direction:column;display:flex}.modal-head{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-title{font-family:var(--serif);color:var(--text);letter-spacing:-.015em;font-size:19px;font-weight:600}.modal-close{background:var(--bg-soft);border:1px solid var(--hair);width:30px;height:30px;color:var(--text-mute);cursor:pointer;transition:all var(--fast) var(--ease);border-radius:9px;justify-content:center;align-items:center;font-size:19px;line-height:1;display:flex}.modal-close:hover{background:var(--red-dim);color:var(--red);border-color:#c4443c40;transform:rotate(90deg)}.modal-body{flex:1;padding:21px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--hair);background:var(--bg-soft);justify-content:flex-end;gap:9px;padding:15px 22px;display:flex}.class-head{border-radius:var(--radius);border:1px solid var(--hair);background:linear-gradient(135deg,var(--green-dim),transparent 70%),var(--card);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:17px 20px;display:flex;position:relative;overflow:hidden}.class-head:before{content:"";background:linear-gradient(180deg,var(--green-lt),var(--green));width:3px;position:absolute;top:0;bottom:0;left:0}.class-head-main{flex:300px;min-width:0}.class-head-title{font-family:var(--serif);color:var(--text);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:10px;font-size:23px;font-weight:600;line-height:1.2;display:flex}.class-head-meta{color:var(--text-mute);flex-wrap:wrap;gap:8px;margin-top:7px;font-size:12px;display:flex}.class-head-meta span{align-items:center;display:inline-flex}.class-head-meta span+span:before{content:"·";color:var(--text-faint);margin-right:8px}.class-head-meta strong{font-family:var(--mono);color:var(--text-sec);font-weight:600}.ma-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ml-legend{background:var(--bg-soft);border:1px solid var(--hair);color:var(--text-mute);border-radius:11px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:12px;padding:11px 15px;font-size:12px;display:flex}.mli{align-items:center;gap:7px;display:flex}.mli-dot{border-radius:50%;width:9px;height:9px}.roster-list{flex-direction:column;gap:5px;display:flex}.roster-item{transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),transform var(--fast) var(--ease);border:1px solid #0000;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;padding:9px 11px;display:grid}.roster-item:hover{background:var(--green-dim);border-color:var(--hair);transform:translate(2px)}.roster-num{background:var(--bg-soft);width:27px;height:27px;font-family:var(--mono);color:var(--text-faint);border-radius:8px;justify-content:center;align-items:center;font-size:10.5px;font-weight:600;display:flex}.roster-temp{background:var(--amber-dim);border-left:3px solid var(--amber);padding-left:9px}.roster-temp:hover{border-color:#0000;border-left-color:var(--amber);background:#b5771f24}.student-name{color:var(--text);font-size:14px;font-weight:600}.student-id{font-family:var(--mono);color:var(--text-faint);margin-top:1px;font-size:11.5px}.att-btns{gap:6px;display:flex}.att-btn{border:1.5px solid var(--border);background:var(--surface);width:38px;height:30px;color:var(--text-mute);cursor:pointer;transition:all var(--fast) var(--ease),transform 90ms var(--ease);border-radius:9px;justify-content:center;align-items:center;font-family:inherit;font-size:12.5px;font-weight:700;display:flex}.att-btn:hover{border-color:var(--border-md);transform:translateY(-1px)}.att-btn:active{transform:scale(.94)}.att-btn.P.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 8px var(--green-glow)}.att-btn.A.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 2px 8px #c4443c47}.att-btn.L.active{background:var(--amber);border-color:var(--amber);color:#fff}.mark-attendance-savebar{z-index:10;background:linear-gradient(180deg,transparent,var(--bg) 42%);padding:14px 0;position:sticky;bottom:0}.class-list{flex-direction:column;gap:10px;display:flex}.class-card{background:var(--card);border:1px solid var(--hair);border-left:3px solid var(--border-md);transition:box-shadow var(--med) var(--ease),border-color var(--med) var(--ease),transform var(--med) var(--ease-out);border-radius:13px;align-items:center;gap:17px;padding:15px 17px;display:flex}.class-card:hover{box-shadow:var(--shadow-md);transform:translate(3px)}.class-card.compact{gap:13px;padding:11px 14px}.class-card.tone-green{border-left-color:var(--green)}.class-card.tone-amber{border-left-color:var(--amber);background:linear-gradient(90deg,var(--amber-dim),transparent 42%),var(--card)}.class-card.tone-red{border-left-color:var(--red);background:linear-gradient(90deg,var(--red-dim),transparent 42%),var(--card)}.class-card.tone-blue{border-left-color:var(--blue)}.cc-time{min-width:92px;font-family:var(--mono);flex-direction:column;flex-shrink:0;line-height:1.5;display:flex}.cc-time strong{color:var(--green);font-size:14px;font-weight:700}.cc-time span{color:var(--text-faint);font-size:11px}.cc-body{flex:1;min-width:0}.cc-title{color:var(--text);letter-spacing:-.014em;font-size:15.5px;font-weight:650;line-height:1.35}.cc-meta{color:var(--text-mute);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11.5px;display:flex}.cc-meta span+span:before{content:"·";color:var(--text-faint);margin-right:8px}.cc-code{font-family:var(--mono);color:var(--text-sec);font-weight:600}.cc-counts{color:var(--text-faint);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:11.5px;display:flex}.cc-counts strong{color:var(--text-sec);font-weight:700}.cc-counts span+span:before{content:"·";margin-right:8px}.cc-temp strong{color:var(--amber)}.cc-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.cc-note{color:var(--amber);font-size:11px;font-weight:600}.reminder-card{border-radius:var(--radius);background:linear-gradient(135deg,var(--amber-dim),transparent 65%),var(--card);box-shadow:var(--shadow-sm);animation:fadeUp .4s var(--ease-out) both;border:1px solid #b5771f47;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:17px 20px;display:flex}.reminder-card.is-missing{background:linear-gradient(135deg,var(--red-dim),transparent 65%),var(--card);border-color:#c4443c47}.reminder-icon{background:var(--amber);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;box-shadow:0 3px 10px #b5771f4d}.reminder-card.is-missing .reminder-icon{background:var(--red);box-shadow:0 3px 10px #c4443c4d}.reminder-body{flex:260px;min-width:0}.reminder-title{letter-spacing:1.6px;text-transform:uppercase;color:var(--amber);font-size:10px;font-weight:800}.reminder-card.is-missing .reminder-title{color:var(--red)}.reminder-text{color:var(--text);margin-top:4px;font-size:14px;line-height:1.6}.tt-stats{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;margin-bottom:16px;display:grid}.tt-stat{border:1px solid var(--hair);background:var(--card);border-radius:13px;padding:15px 17px}.tt-stat-n{font-family:var(--serif);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:31px;font-weight:600;line-height:1.05}.tt-stat-l{letter-spacing:1.1px;text-transform:uppercase;color:var(--text-mute);margin-top:3px;font-size:10px;font-weight:700}.tt-stat-green{background:var(--green-dim);border-color:#12683c2e}.tt-stat-green .tt-stat-n{color:var(--green)}.tt-stat-blue{background:var(--blue-dim);border-color:#2c5f9e2e}.tt-stat-blue .tt-stat-n{color:var(--blue)}.tt-stat-amber{background:var(--amber-dim);border-color:#b5771f33}.tt-stat-amber .tt-stat-n{color:var(--amber)}.tt-stat-red{background:var(--red-dim);border-color:#c4443c2e}.tt-stat-red .tt-stat-n{color:var(--red)}.tt-viewtabs{background:var(--bg-soft);border:1px solid var(--hair);-webkit-overflow-scrolling:touch;border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:flex;overflow-x:auto}.tt-tab{min-width:106px;color:var(--text-mute);cursor:pointer;white-space:nowrap;transition:background var(--fast) var(--ease),color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);background:0 0;border:none;border-radius:9px;flex:1;padding:9px 13px;font-family:inherit;font-size:12.5px;font-weight:650}.tt-tab:hover{color:var(--text-sec)}.tt-tab.active{background:var(--surface);color:var(--green);box-shadow:var(--shadow-xs)}.tt-filters{grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:11px;margin-bottom:8px;display:grid}.tt-group{margin-bottom:22px}.tt-day-head{letter-spacing:1.6px;text-transform:uppercase;color:var(--green);border-bottom:1.5px solid var(--green-dim);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;padding:0 2px 9px;font-size:10.5px;font-weight:800;display:flex}.tt-day-head span{letter-spacing:0;text-transform:none;color:var(--text-faint);font-size:11px;font-weight:500}.tt-row-warn{background:var(--amber-dim)}.tt-row-warn:hover{background:#b5771f24!important}.tt-details{color:var(--text-sec);background:var(--bg-soft);border:1px solid var(--hair);border-radius:11px;margin-top:11px;padding:11px 14px;font-size:12.5px}.tt-details summary{cursor:pointer;color:var(--text-sec);font-weight:650}.tt-details ul{margin:9px 0 0 19px;line-height:1.8}.tt-map-block{border-top:1px solid var(--hair);margin-top:20px;padding-top:18px}.tt-map-title{color:var(--text);margin-bottom:4px;font-size:13.5px;font-weight:700}.tt-map-sub{color:var(--text-mute);max-width:72ch;margin-bottom:12px;font-size:12px;line-height:1.6}.tt-map-row{border-bottom:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:11px;padding:10px 0;display:flex}.tt-map-row:last-child{border-bottom:none}.tt-map-row .form-input{flex:240px;min-width:0}.tt-map-name{min-width:0;color:var(--text);flex:210px;font-size:13.5px;font-weight:650}.tt-map-name span{color:var(--text-faint);margin-top:2px;font-size:11.5px;font-weight:400;display:block}.tt-today{flex-direction:column;gap:9px;display:flex}.tt-today-row{background:var(--card);border:1px solid var(--hair);border-left:3px solid var(--green-dim);transition:border-color var(--med) var(--ease),box-shadow var(--med) var(--ease),transform var(--med) var(--ease);border-radius:12px;align-items:center;gap:16px;padding:13px 15px;display:flex}.tt-today-row:hover{border-left-color:var(--green);box-shadow:var(--shadow-sm);transform:translate(2px)}.tt-time{min-width:90px;font-family:var(--mono);color:var(--green);flex-direction:column;flex-shrink:0;font-size:13px;font-weight:600;line-height:1.55;display:flex}.tt-time span{color:var(--text-faint);font-size:11px;font-weight:400}.week-grid{grid-template-columns:repeat(auto-fit,minmax(212px,1fr));align-items:start;gap:14px;display:grid}.week-col{background:var(--card);border:1px solid var(--hair);box-shadow:var(--shadow-xs);transition:box-shadow var(--med) var(--ease);border-radius:14px;padding:12px}.week-col:hover{box-shadow:var(--shadow-sm)}.week-col.is-today{box-shadow:0 0 0 3px var(--green-glow);border-color:#12683c4d}.week-col-head{letter-spacing:1.4px;text-transform:uppercase;color:var(--green);border-bottom:1px solid var(--hair);justify-content:space-between;align-items:baseline;margin-bottom:9px;padding-bottom:9px;font-size:10px;font-weight:800;display:flex}.week-col-head span{letter-spacing:0;color:var(--text-faint);font-size:11px;font-weight:500}.week-item{background:var(--bg-soft);transition:background var(--fast) var(--ease),transform var(--fast) var(--ease);border-radius:10px;margin-bottom:7px;padding:9px 10px}.week-item:last-child{margin-bottom:0}.week-item:hover{background:var(--green-dim);transform:translate(2px)}.week-time{font-family:var(--mono);color:var(--green);font-size:11px;font-weight:600}.week-subj{color:var(--text);margin-top:3px;font-size:12.5px;font-weight:650;line-height:1.4}.week-meta{color:var(--text-faint);margin-top:2px;font-size:10.5px}.week-status{border-radius:99px;margin-top:6px;padding:2.5px 8px;font-size:10px;font-weight:700;display:inline-block}.g2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.activity-row{border-bottom:1px solid var(--hair);transition:background var(--fast) var(--ease);align-items:center;gap:13px;padding:12px 21px;display:flex}.activity-row:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.teacher-card{border:1px solid var(--hair);background:var(--card);transition:all var(--med) var(--ease);border-radius:12px;align-items:center;gap:13px;padding:13px 15px;display:flex}.teacher-card:hover{border-color:var(--border-md);box-shadow:var(--shadow-sm)}.teacher-av{background:linear-gradient(135deg,var(--green-700),var(--green-lt));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-size:14px;font-weight:700;display:flex}.teacher-name{color:var(--text);font-size:14px;font-weight:650}.teacher-meta{color:var(--text-mute);margin-top:2px;font-size:11.5px}.progress-track{background:var(--bg-soft);border-radius:99px;height:6px;overflow:hidden}.progress-fill{height:100%;transition:width .7s var(--ease-out);border-radius:99px}.pf-green{background:linear-gradient(90deg,var(--green),var(--green-lt))}.pf-amber{background:linear-gradient(90deg,var(--amber),#d99a3f)}.pf-red{background:linear-gradient(90deg,var(--red),#d9615a)}.ibar-wrap{align-items:center;gap:9px;display:flex}.ibar{background:var(--bg-soft);border-radius:99px;flex:1;height:5px;overflow:hidden}.ibar-fill{height:100%;transition:width .7s var(--ease-out);border-radius:99px}.detail-grid{background:var(--hair);border:1px solid var(--hair);border-radius:11px;grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}.detail-row{background:var(--card);justify-content:space-between;gap:15px;padding:10px 14px;font-size:13px;display:flex}.detail-row span{color:var(--text-mute);flex-shrink:0}.detail-row strong{color:var(--text);text-align:right;word-break:break-word;font-weight:650}.email-shell{border:1px solid var(--hair);border-radius:var(--radius);background:var(--card);overflow:hidden}.email-head{background:linear-gradient(135deg,var(--green-900),var(--green-700));color:#fff;align-items:center;gap:15px;padding:19px 22px;display:flex}.email-body{padding:22px}.email-warn{background:var(--amber-dim);color:var(--amber);border:1px solid #b5771f3d;border-radius:11px;padding:13px 15px;font-size:13px}.sidebar-backdrop{z-index:99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s var(--ease) both;background:#06301c66;display:none;position:fixed;inset:0}@media (width<=1200px){.page-content{padding:26px 24px 56px}.g2{grid-template-columns:1fr;gap:16px}}@media (width<=1024px){.main-area{margin-left:0}.sidebar{box-shadow:var(--shadow-lg);transform:translate(-100%)}.app-shell.sidebar-open .sidebar{transform:translate(0)}.app-shell.sidebar-open .sidebar-backdrop{display:block}.mobile-toggle{display:flex}.topbar{padding:0 18px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=768px){.page-content{padding:20px 16px 52px}.section-title{font-size:26px}.topbar-title{font-size:17px}.topbar-date{display:none}.form-row{grid-template-columns:1fr}.tt-filters,.week-grid{grid-template-columns:1fr 1fr}.class-head{padding:14px 16px}.class-head-title{font-size:20px}table{min-width:600px}}@media (width<=600px){.page-content{padding:16px 13px 48px}.section-title{font-size:23px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-number{font-size:31px}.tt-filters,.week-grid{grid-template-columns:1fr}.tt-tab{min-width:92px;padding:8px 10px;font-size:12px}.topbar-logout-label,.user-chip-text,.role-pill{display:none}.topbar-right{gap:6px!important}.topbar-right .mobile-toggle{display:flex!important}.card-head,.card-body{padding-left:16px;padding-right:16px}.modal-box{width:calc(100vw - 20px);max-width:calc(100vw - 20px)!important}.modal-foot .btn{flex:1;min-width:120px}.class-card{flex-wrap:wrap;gap:11px}.cc-time{flex-direction:row;align-items:baseline;gap:7px;min-width:0}.cc-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.reminder-card>.btn{justify-content:center;width:100%}.tt-today-row{flex-wrap:wrap;gap:9px}.tt-time{flex-direction:row;align-items:baseline;gap:7px;min-width:0}.tt-today-row>.btn,.tt-today-row>.badge{justify-content:center;width:100%}.tt-map-row .form-input,.tt-map-row .btn{flex:100%}.class-head>.btn-outline-amber{justify-content:center;width:100%}.ma-toolbar>*{flex:100%}.roster-item{background:var(--card);border-color:var(--hair);grid-template-areas:"num name""btns btns";gap:8px 11px;padding:11px;grid-template-columns:auto 1fr!important}.roster-num{grid-area:num}.roster-item>div:nth-child(2){grid-area:name;min-width:0}.att-btns{grid-area:btns;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid!important}.att-btn{font-size:15px;width:100%!important;height:46px!important}.empty-state{padding:38px 16px}.empty-icon{font-size:32px}}[data-theme=dark] [style*="background:#fff"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:rgb(255, 255, 255)"]{color:var(--text);background:var(--card)!important}[data-theme=dark] .topbar{background:color-mix(in srgb,var(--surface) 84%,transparent)}[data-theme=dark] .brand-logo-box img{filter:brightness(1.12)drop-shadow(0 2px 8px #00000080)}[data-theme=dark] .upload-icon,[data-theme=dark] .fmt-tag{background:var(--bg-soft)}[data-theme=dark] .modal-overlay{background:#0000009e}[data-theme=dark] .btn-primary,[data-theme=dark] .user-av,[data-theme=dark] .teacher-av,[data-theme=dark] .reminder-icon,[data-theme=dark] .nav-item.active .nav-icon,[data-theme=dark] .att-btn.P.active,[data-theme=dark] .att-btn.A.active{color:#04150c}@media print{@page{margin:14mm;size:A4}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body,#root{font-size:10pt;color:#000!important;background:#fff!important}.sidebar,.topbar,.no-print,button,.btn,.form-input,input,select,textarea,.modal-overlay,.toast-container,nav,.breadcrumb{display:none!important}.page-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.card{page-break-inside:avoid;break-inside:avoid;box-shadow:none!important;background:#fff!important;border:none!important;margin:0 0 10pt!important;padding:0!important}.card-head,.card-body{background:#fff!important;border:none!important;padding:0!important}.card-title{color:#000!important;margin-bottom:6pt!important;font-size:12pt!important;font-weight:700!important}table{table-layout:auto;page-break-inside:auto;border-collapse:collapse!important;width:100%!important;min-width:0!important;font-size:9pt!important}thead{display:table-header-group}tfoot{display:table-footer-group}tr{page-break-inside:avoid;break-inside:avoid}th,td{word-wrap:break-word;overflow-wrap:break-word;color:#000!important;background:#fff!important;border:1px solid #555!important;padding:3pt 5pt!important}th{text-align:left;background:#e8e8e8!important;font-weight:700!important}.card-body,.roster-list,[style*=overflow]{max-height:none!important;overflow:visible!important}.badge{font-weight:600;background:#fff!important;border:1px solid #888!important;padding:1px 4px!important;font-size:8.5pt!important}.badge-green{color:#1e7a3a!important;border-color:#1e7a3a!important}.badge-red{color:#b91c1c!important;border-color:#b91c1c!important}.badge-amber{color:#92590a!important;border-color:#92590a!important}.status-ineligible,.text-red,[style*="color:var(--red)"]{color:#b91c1c!important}.status-atrisk,.text-amber,[style*="color:var(--amber)"]{color:#92590a!important}.status-eligible,.text-green,[style*="color:var(--green)"]{color:#1e7a3a!important}.print-header{border-bottom:2px solid #000;margin-bottom:10pt;padding-bottom:5pt;background:#fff!important;display:block!important}.print-header h1{margin:0 0 2pt;font-size:15pt;font-weight:700;color:#000!important}.print-header .print-sub{font-size:10pt;color:#333!important}.print-header .print-meta{margin-top:3pt;font-size:9pt;color:#555!important}.student-print-block,.session-print-block{page-break-inside:avoid;break-inside:avoid;margin-bottom:4pt}.subject-print-block{margin-bottom:12pt}.subject-print-block .card-head{page-break-after:avoid;break-after:avoid}h1{color:#000!important;font-size:16pt!important}h2{color:#000!important;font-size:13pt!important}h3{color:#000!important;font-size:11pt!important}.section-title,.settings-section-title{color:#000!important;font-size:14pt!important}.section-eyebrow,.section-sub{color:#555!important;font-size:9pt!important}[data-theme=dark]{color:#000!important;background:#fff!important}[data-theme=dark] .card,[data-theme=dark] th,[data-theme=dark] td,[data-theme=dark] .card-title,[data-theme=dark] .section-title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#000!important;background:#fff!important;border-color:#555!important}[data-theme=dark] th{background:#e8e8e8!important}a[href]:not([href^=\#]):not([href^=javascript]):after{content:" (" attr(href) ")";color:#555;font-size:8pt}p,li,td{orphans:3;widows:3}}.print-header{display:none}@media (width<=768px){.mark-attendance-savebar{background:var(--bg);border-top:1.5px solid var(--border);z-index:10;padding:12px 4px;padding-bottom:max(12px,env(safe-area-inset-bottom,0));position:sticky;bottom:0;box-shadow:0 -4px 14px #06301c12;margin:16px -13px 0!important}.mark-attendance-savebar .btn-primary{flex:1;min-height:48px;font-size:15px}.roster-item{min-height:58px}.roster-item .student-name{font-size:15px!important}.att-btns .att-btn{min-width:44px!important;min-height:46px!important}}.toast-container{z-index:9000;pointer-events:none;flex-direction:column;gap:9px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text);pointer-events:all;animation:slideInToast .32s var(--ease-out) both;border-radius:13px;align-items:flex-start;gap:11px;padding:13px 17px;font-size:13.5px;line-height:1.55;display:flex}.toast-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;margin-top:1px;font-size:12px;font-weight:800;display:flex}.toast-msg{min-width:0}.toast-success{border-color:#12683c47}.toast-success .toast-icon{background:var(--green)}.toast-error{border-color:#c4443c4d}.toast-error .toast-icon{background:var(--red)}.toast-warning{border-color:#b5771f4d}.toast-warning .toast-icon{background:var(--amber)}.toast-info{border-color:#2c5f9e47}.toast-info .toast-icon{background:var(--blue)}@media (width<=600px){.toast-container{max-width:none;bottom:13px;left:13px;right:13px}}.boot-screen{background:var(--bg);min-height:100vh;animation:fadeIn .3s var(--ease) both;justify-content:center;align-items:center;display:flex}.boot-inner{text-align:center}.boot-mark{background:linear-gradient(135deg,var(--green-700),var(--green-lt));width:56px;height:56px;box-shadow:0 8px 26px -8px var(--green-glow);animation:softPulse 1.9s var(--ease) infinite;border-radius:17px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.boot-title{font-family:var(--serif);color:var(--text);letter-spacing:-.015em;font-size:21px;font-weight:600}.boot-sub{color:var(--text-mute);margin-top:5px;font-size:12.5px}.boot-bar{background:var(--bg-soft);border-radius:99px;width:168px;height:3px;margin:19px auto 0;position:relative;overflow:hidden}.boot-bar:after{content:"";background:linear-gradient(90deg,var(--green),var(--green-lt));width:42%;animation:bootSlide 1.15s var(--ease) infinite;border-radius:99px;position:absolute;inset:0}@keyframes bootSlide{0%{transform:translate(-110%)}to{transform:translate(340%)}}.seg{background:var(--bg-soft);border:1px solid var(--hair);border-radius:999px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.seg-btn{appearance:none;cursor:pointer;font:inherit;color:var(--text-mute);white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;padding:7px 15px;font-size:12.5px;font-weight:650;line-height:1;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.seg-btn:hover{color:var(--text-sec);background:var(--surface)}.seg-btn:focus-visible{box-shadow:var(--ring);outline:none}.seg-btn.is-active{background:var(--green);color:#fff;box-shadow:0 1px 3px var(--green-glow)}.seg-btn.is-active:hover{background:var(--green-br);color:#fff}.seg-count{background:var(--green-dim);color:var(--green);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.seg-btn.is-active .seg-count{color:#fff;background:#ffffff38}.seg-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 0 14px;display:flex}@media (prefers-reduced-motion:reduce){.seg-btn{transition:none}}@media (width<=520px){.seg{width:100%}.seg-btn{flex:auto;justify-content:center;padding:7px 10px}}