@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap";:root{color-scheme:light;--sun:#E5533B;--amber:#F6A623;--teal:#17968f;--teal-d:#0f6f6a;--ink:#1c2430;--ink2:#2b3648;--paper:#F7F3EC;--card:#FFFFFF;--rule:#E7DECD;--slate:#6b7482;--ok:#0f8a4c;--warn:#b06a12;--danger:#c0392b;--soft:#fdf9f2;--sidebar-a:#20293a;--sidebar-b:#171d2b;--shadow:0 1px 2px rgba(28,36,48,.04);--shadow-lg:0 12px 40px rgba(28,36,48,.16);--chart-1:#17968f;--chart-2:#E5533B;--chart-grid:#ECE4D6}:root[data-theme=dark]{color-scheme:dark;--sun:#E5533B;--amber:#F6A623;--teal:#24A79F;--teal-d:#17968f;--ink:#e8ecf3;--ink2:#c7cede;--paper:#12161f;--card:#1B2130;--rule:#2c3446;--slate:#98a2b5;--ok:#3ec27d;--warn:#e2a13c;--danger:#f0715e;--soft:#222a3b;--sidebar-a:#161c28;--sidebar-b:#11151e;--shadow:0 1px 2px rgba(0,0,0,.3);--shadow-lg:0 12px 40px rgba(0,0,0,.5);--chart-1:#24A79F;--chart-2:#E55F3B;--chart-grid:#2c3446}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.serif{font-family:Fraunces,Georgia,serif}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);font-weight:600}.lbl{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);font-weight:600;margin-bottom:4px}.hint{margin:4px 0 0;font-size:11px;color:var(--slate);line-height:1.5}.mono-num{font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--rule);border-radius:8px;box-shadow:var(--shadow)}.inp{width:100%;padding:8px 10px;border:1px solid var(--rule);border-radius:6px;background:var(--card);font-size:13px;font-family:inherit;color:var(--ink)}.inp:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:var(--amber)}.inp:disabled{background:var(--soft);color:var(--slate);cursor:not-allowed}select.inp{cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--sun);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid var(--sun);background:var(--sun);color:#fff;cursor:pointer;font-family:inherit;transition:filter .12s,transform .12s,box-shadow .12s;white-space:nowrap}.btn:hover{filter:brightness(1.06);box-shadow:0 2px 8px #e5533b47}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;filter:none;box-shadow:none;transform:none}.btn-ghost{background:var(--card);color:var(--ink);border-color:var(--rule)}.btn-ghost:hover{background:var(--soft);filter:none;box-shadow:none}.btn-teal{background:var(--teal);border-color:var(--teal)}.btn-teal:hover{box-shadow:0 2px 8px #17968f4d}.btn-danger{background:var(--danger);border-color:var(--danger)}.btn-danger:hover{box-shadow:0 2px 8px #c0392b4d}.btn-sm{padding:5px 9px;font-size:12px}.btn-icon{padding:5px 7px}.btn:focus-visible,.navitem:focus-visible,.tab:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid;white-space:nowrap}.chip-toggle{padding:5px 11px;border-radius:999px;border:1px solid var(--rule);background:var(--card);color:var(--slate);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .12s}.chip-toggle.on{background:var(--sun);border-color:var(--sun);color:#fff}.chip-toggle:hover{border-color:var(--sun)}.searchbox{position:relative;flex:1 1 220px;min-width:180px}.searchbox-icon{position:absolute;left:10px;top:10px;color:var(--slate);pointer-events:none}.searchbox-clear{position:absolute;right:7px;top:7px;border:0;background:transparent;color:var(--slate);cursor:pointer;padding:3px;display:flex;border-radius:4px}.searchbox-clear:hover{background:var(--soft);color:var(--ink)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.grid{width:100%;border-collapse:collapse;font-size:13px}table.grid th{text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);padding:9px 10px;border-bottom:2px solid var(--rule);white-space:nowrap;background:var(--card);position:sticky;top:0;z-index:2}table.grid th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}table.grid th.th-sort:hover{color:var(--sun)}.th-inner{display:inline-flex;align-items:center;gap:4px}table.grid td{padding:9px 10px;border-bottom:1px solid var(--rule);vertical-align:middle}table.grid tbody tr:hover{background:var(--soft)}table.grid tfoot td{padding:9px 10px;font-weight:700;border-top:2px solid var(--rule);background:var(--soft)}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;color:var(--slate)}.row-actions{display:flex;gap:4px;white-space:nowrap}.empty{padding:34px 10px;text-align:center;color:var(--slate)}.empty svg{opacity:.45;margin-bottom:8px}.empty p{margin:0;font-size:13px;max-width:440px;margin-inline:auto;line-height:1.6}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--rule);flex-wrap:wrap}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);flex-wrap:wrap;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:8px 15px;font-size:13px;font-weight:600;border:1px solid transparent;border-bottom:0;background:transparent;cursor:pointer;color:var(--slate);border-radius:6px 6px 0 0;font-family:inherit;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.on{background:var(--card);border-color:var(--rule);color:var(--sun);margin-bottom:-1px}.stat{padding:14px 16px;text-align:left;font-family:inherit;width:100%}.stat-value{margin:6px 0 2px;font-size:25px;font-weight:700;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.stat-click{cursor:pointer;transition:transform .12s,box-shadow .12s}.stat-click:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.col2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}.bar{height:12px;background:var(--rule);border-radius:3px;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--sun))}.chart{position:relative;width:100%}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px;font-size:11px;color:var(--slate)}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:baseline}.chart-plot{position:relative;width:100%}.chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-gridline{border-top:1px solid var(--chart-grid);position:relative;height:0}.chart-gridline span{position:absolute;left:0;top:-6px;font-size:9px;color:var(--slate);background:var(--card);padding-right:4px;font-variant-numeric:tabular-nums}.chart-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding-left:34px;gap:2px}.bar-group{display:flex;flex-direction:column;justify-content:flex-end;height:100%;cursor:default;padding-bottom:16px;position:relative}.bar-group:hover .bar{filter:brightness(1.12)}.bar-stack{display:flex;align-items:flex-end;gap:2px;height:100%;justify-content:center}.bar{flex:1;max-width:22px;min-height:2px;border-radius:4px 4px 0 0;transition:filter .12s}.bar-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-svg{position:absolute;left:34px;top:0;width:calc(100% - 34px);height:100%;overflow:visible}.chart-dots{position:absolute;left:34px;top:0;width:calc(100% - 34px);height:100%}.dot-hit{position:absolute;top:0;height:100%;width:26px;margin-left:-13px}.dot{position:absolute;width:9px;height:9px;border-radius:50%;margin:-4.5px 0 0 -4.5px;left:50%;box-shadow:0 0 0 2px var(--card);transition:opacity .12s}.chart-xaxis{display:flex;justify-content:space-between;padding-left:34px;margin-top:6px;font-size:9px;color:var(--slate)}.chart-axis-label{margin:6px 0 0;font-size:10px;color:var(--slate);text-align:right}.chart-tip{position:absolute;transform:translate(-50%,-100%);background:var(--ink);color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;pointer-events:none;white-space:nowrap;z-index:5;line-height:1.5;box-shadow:0 4px 14px #00000047}:root[data-theme=dark] .chart-tip{background:#000;border:1px solid var(--rule)}.chart-tip b{display:block;font-size:10px;opacity:.75;font-weight:600}.rankbars{display:flex;flex-direction:column;gap:9px}.rankrow{display:flex;align-items:center;gap:10px;font-size:12px}.rank-label{width:92px;flex:0 0 92px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:11px;background:var(--rule);border-radius:3px;overflow:hidden}.bar-track>span{display:block;height:100%;border-radius:3px;transition:width .3s}.rank-value{width:74px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.donut{text-align:center}.donut-text{font-size:21px;font-weight:700;fill:var(--ink);font-family:Fraunces,Georgia,serif}.donut-label{margin:6px 0 0;font-size:11px;font-weight:600;color:var(--ink)}.donut-sub{margin:1px 0 0;font-size:10px;color:var(--slate)}.app{display:flex;min-height:100vh}.side{width:236px;flex-shrink:0;background:linear-gradient(180deg,var(--sidebar-a),var(--sidebar-b));color:#c3cad8;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.side::-webkit-scrollbar{width:6px}.side::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}.brand{padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:11px;position:sticky;top:0;background:var(--sidebar-a);z-index:2}.brand .mono{width:38px;height:38px;border-radius:10px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--amber),var(--sun))}.nav-group{padding:12px 18px 5px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#616b80;font-weight:700}.navitem{display:flex;align-items:center;gap:11px;width:100%;padding:9px 18px;font-size:13px;border:0;background:transparent;color:#aab3c4;cursor:pointer;border-left:3px solid transparent;text-align:left;font-family:inherit;transition:background .12s,color .12s}.navitem:hover{color:#fff;background:#ffffff0d}.navitem.on{color:#fff;background:#f6a62324;border-left-color:var(--amber);font-weight:600}.navitem .nav-badge{margin-left:auto;background:var(--sun);color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:999px}.side-foot{margin-top:auto;padding:14px 18px;font-size:10px;color:#5c657a;line-height:1.6;border-top:1px solid rgba(255,255,255,.07)}.side-foot button{background:transparent;border:0;color:#8b93a4;font-size:10px;cursor:pointer;padding:6px 0 0;font-family:inherit;text-decoration:underline}.side-foot button:hover{color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;background:var(--card);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:40}.topbar-actions{display:flex;align-items:center;gap:8px}.kbd-hint{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--rule);border-radius:6px;background:var(--card);color:var(--slate);font-size:12px;cursor:pointer;font-family:inherit}.kbd-hint:hover{border-color:var(--sun);color:var(--ink)}.kbd-hint kbd{font-family:inherit;font-size:10px;border:1px solid var(--rule);border-radius:3px;padding:1px 4px;background:var(--soft)}.content{padding:22px;flex:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c24308c;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:26px 16px;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .14s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:100%;background:var(--card);animation:pop .16s ease-out}@keyframes pop{0%{transform:translateY(-8px);opacity:.6}to{transform:none;opacity:1}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--card);z-index:3;border-radius:8px 8px 0 0}.modal-body{padding:18px}.confirm-box{max-width:420px;width:100%;padding:22px;text-align:left;animation:pop .16s ease-out}.confirm-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f6a62329;color:var(--warn);margin-bottom:12px}.confirm-ico.danger{background:#c0392b24;color:var(--danger)}.doc-overlay{background:#0f141ec7}.doc-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap}.zoomer{display:flex;align-items:center;gap:2px;background:#ffffff1f;border-radius:6px;padding:2px}.zoomer button{width:24px;height:24px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:4px;font-size:15px;line-height:1}.zoomer button:hover{background:#ffffff2e}.zoomer span{color:#fff;font-size:11px;min-width:38px;text-align:center}.doc-scroll{background:#e9e4da;border-radius:6px;padding:14px;max-height:78vh;overflow:auto}.doc-frame{width:210mm;min-height:297mm;border:0;background:#fff;box-shadow:0 8px 30px #0000004d;transform-origin:top center;display:block;margin:0 auto}.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 36px))}.toast{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:8px;background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--ok);box-shadow:var(--shadow-lg);font-size:13px;color:var(--ink);animation:slidein .2s ease-out;line-height:1.5}@keyframes slidein{0%{transform:translate(18px);opacity:0}to{transform:none;opacity:1}}.toast span{flex:1}.toast svg{flex:0 0 auto;margin-top:1px}.toast button{border:0;background:transparent;color:var(--slate);cursor:pointer;padding:2px;display:flex;border-radius:4px}.toast button:hover{background:var(--soft);color:var(--ink)}.toast-ok{border-left-color:var(--ok)}.toast-ok svg{color:var(--ok)}.toast-warn{border-left-color:var(--warn)}.toast-warn svg{color:var(--warn)}.toast-error{border-left-color:var(--danger)}.toast-error svg{color:var(--danger)}.toast-info{border-left-color:var(--teal)}.toast-info svg{color:var(--teal)}.palette{width:100%;max-width:560px;background:var(--card);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--rule);animation:pop .16s ease-out}.palette-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--rule)}.palette-input input{flex:1;border:0;outline:0;background:transparent;font-size:15px;color:var(--ink);font-family:inherit}.palette-list{max-height:min(420px,60vh);overflow-y:auto;padding:6px}.palette-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:6px;cursor:pointer;border:0;background:transparent;width:100%;text-align:left;font-family:inherit;color:var(--ink)}.palette-item:hover,.palette-item.on{background:var(--soft)}.palette-item .pi-main{flex:1;min-width:0}.palette-item .pi-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-item .pi-sub{font-size:11px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-item .pi-kind{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);border:1px solid var(--rule);border-radius:999px;padding:2px 7px}.palette-foot{padding:8px 14px;border-top:1px solid var(--rule);font-size:10px;color:var(--slate);display:flex;gap:14px}.att-row{display:flex;gap:4px;flex-wrap:wrap}.att-btn{border:1px solid var(--rule);background:var(--card);color:var(--slate);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .1s}.att-btn:hover{border-color:currentColor}.att-btn.on{color:#fff}.att-cell{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:700;color:#fff}.tt-grid{width:100%;border-collapse:separate;border-spacing:3px;font-size:12px}.tt-grid th{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding:5px;font-weight:600}.tt-cell{background:var(--soft);border:1px solid var(--rule);border-radius:6px;padding:7px 8px;min-height:52px;cursor:pointer;transition:all .12s;text-align:left;width:100%;font-family:inherit;color:var(--ink);display:block}.tt-cell:hover{border-color:var(--sun);background:var(--card)}.tt-cell .tt-sub{font-weight:700;font-size:12px;display:block;line-height:1.3}.tt-cell .tt-meta{font-size:10px;color:var(--slate);display:block;margin-top:2px}.tt-cell.free{background:transparent;border-style:dashed;color:var(--slate)}.tt-period{font-size:10px;color:var(--slate);white-space:nowrap;padding-right:8px;text-align:right;font-variant-numeric:tabular-nums}.idcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.idcard-pick{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--rule);border-radius:7px;background:var(--card);cursor:pointer;font-size:12px}.idcard-pick:hover{border-color:var(--sun)}.idcard-pick.on{border-color:var(--sun);background:var(--soft)}.avatar{width:32px;height:32px;border-radius:50%;flex:0 0 32px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--amber),var(--sun))}.avatar.teal{background:linear-gradient(135deg,var(--teal),var(--teal-d))}.notice{border:1px solid var(--rule);border-left:3px solid var(--teal);border-radius:7px;padding:13px 15px;margin-bottom:10px;background:var(--card)}.notice.high{border-left-color:var(--danger)}.notice h4{margin:0 0 3px;font-size:14px}.notice .n-meta{font-size:11px;color:var(--slate);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:7px}.notice p{margin:0;font-size:12.5px;line-height:1.65;color:var(--ink2);white-space:pre-line}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--rule)}.tl-item{position:relative;margin-bottom:16px}.tl-item:before{content:"";position:absolute;left:-21px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 3px var(--card)}.tl-item.past:before{background:var(--rule)}.tl-date{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);font-weight:600}.tl-title{font-size:13.5px;font-weight:600;margin:1px 0 2px}.tl-desc{font-size:12px;color:var(--slate);line-height:1.55}.qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.qa{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:13px;border-radius:8px;border:1px solid var(--rule);background:var(--card);cursor:pointer;font-family:inherit;text-align:left;transition:transform .12s,box-shadow .12s,border-color .12s;color:var(--ink)}.qa:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--sun)}.qa-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.qa-label{font-size:12.5px;font-weight:600;line-height:1.3}.alert-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:12.5px}.alert-row:last-child{border-bottom:0}.alert-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px}.menu-btn,.side-backdrop{display:none}@media (max-width:980px){.side{position:fixed;z-index:70;left:0;transform:translate(-100%);transition:transform .2s}.side.open{transform:none}.menu-btn{display:inline-flex}.side-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141e80;z-index:65}.content{padding:14px}.topbar{padding:11px 14px}.doc-bar{gap:8px}.doc-scroll{padding:6px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:620px){.topbar .tb-title,.kbd-hint kbd{display:none}.stat-value{font-size:21px}.modal-body{padding:14px}}@media print{.side,.topbar,.tabs,.table-tools,.toast-wrap{display:none!important}.content{padding:0}.card{border:0;box-shadow:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(900px 420px at 12% -8%,rgba(246,166,35,.2),transparent 60%),radial-gradient(800px 420px at 105% 12%,rgba(23,150,143,.2),transparent 58%),var(--paper)}.login-card{width:100%;max-width:430px;background:var(--card);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.login-brand{display:flex;align-items:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,var(--sidebar-a),var(--sidebar-b))}.login-mono{width:44px;height:44px;border-radius:12px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--amber),var(--sun))}.login-school{color:#fff;font-size:15px;line-height:1.2}.login-sub{font-size:11px;color:#98a2b5;margin-top:2px;line-height:1.35}.login-body{padding:22px 24px 20px}.login-title{margin:3px 0 7px;font-size:24px}.login-lead{margin:0 0 20px;font-size:12.5px;color:var(--slate);line-height:1.65}.login-error{background:#c0392b1a;border:1px solid var(--danger);color:var(--danger);border-radius:6px;padding:9px 11px;font-size:12.5px;line-height:1.5;margin-bottom:14px}.pw-toggle{position:absolute;right:7px;top:7px;border:0;background:transparent;color:var(--slate);cursor:pointer;padding:4px;display:flex;border-radius:4px}.pw-toggle:hover{background:var(--soft);color:var(--ink)}.login-back{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:16px;border:0;background:transparent;color:var(--slate);font-size:12px;cursor:pointer;font-family:inherit;padding:6px}.login-back:hover{color:var(--sun)}.login-foot{padding:12px 24px;border-top:1px solid var(--rule);background:var(--soft);font-size:11px;color:var(--slate);text-align:center}.side-student{background:linear-gradient(180deg,#14403d,#0d2a28)}.side-student .brand{background:#14403d}.side-student .navitem.on{background:#17968f3d;border-left-color:var(--teal)}.student-chip{display:flex;align-items:center;gap:10px;margin:12px 14px 6px;padding:10px;border-radius:9px;background:#ffffff12}.student-chip .avatar{background:linear-gradient(135deg,var(--teal),#0f6f6a)}.sc-name{display:block;font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-sub{display:block;font-size:10.5px;color:#9fb3b1;margin-top:1px}.signout{display:inline-flex;align-items:center;gap:6px}.welcome{margin-bottom:18px}.welcome h2{margin:0;font-size:23px}.welcome p{margin:3px 0 0;font-size:12.5px;color:var(--slate)}.daygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:7px}.daycell{border:1px solid var(--rule);border-radius:7px;padding:6px 4px;text-align:center;background:var(--card)}.daycell.sunday{background:var(--soft);opacity:.7}.dc-num{display:block;font-size:10px;color:var(--slate);margin-bottom:4px;font-variant-numeric:tabular-nums}.dc-blank{display:inline-block;color:var(--rule);font-size:12px;height:22px;line-height:22px}.today-periods{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px}.tp{border:1px solid var(--rule);border-left:3px solid var(--teal);border-radius:7px;padding:10px 12px;background:var(--card)}.tp-time{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);font-weight:600}.tp-sub{display:block;font-size:14px;font-weight:700;margin-top:3px}.tp-meta{display:block;font-size:11px;color:var(--slate);margin-top:1px}.profile-head{display:flex;align-items:center;gap:14px}.prow{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--rule);font-size:12.5px}.prow:last-child{border-bottom:0}.prow span{color:var(--slate);flex:0 0 auto}.prow b{text-align:right;min-width:0;word-break:break-word}@media (max-width:620px){.portal-btn span{display:none}.login-body{padding:18px}.welcome h2{font-size:20px}}.login-theme{position:fixed;top:18px;right:18px}.login-tabs{display:flex;border-bottom:1px solid var(--rule);background:var(--soft)}.login-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border:0;background:transparent;color:var(--slate);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;border-bottom:2px solid transparent}.login-tab:hover{color:var(--ink)}.login-tab.on{color:var(--sun);background:var(--card);border-bottom-color:var(--sun)}.demo-box{margin-top:16px;padding:12px;border:1px dashed var(--rule);border-radius:8px;background:var(--soft)}.demo-row{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;background:transparent;border-radius:5px;cursor:pointer;font-family:inherit;text-align:left}.demo-row:hover{background:var(--card)}.demo-label{font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-cred{font-size:11px;color:var(--slate);white-space:nowrap;font-variant-numeric:tabular-nums}.staff-chip{display:flex;align-items:center;gap:10px;margin:12px 14px 6px;padding:10px;border-radius:9px;background:#ffffff12}.role-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--rule);color:var(--slate);white-space:nowrap}@media (max-width:620px){.role-pill{display:none}}