:root{--bg:#f4f7f8;--panel:#fff;--ink:#17212b;--muted:#66727f;--line:#dfe7ea;--brand:#0f766e;--brand2:#115e59;--soft:#e7f5f3;--danger:#b42318;--danger-soft:#fff0ee;--warn:#9a6700;--warn-soft:#fff7d6;--shadow:0 10px 30px rgba(16,42,67,.08);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px}a{color:var(--brand);text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid #cfdadd;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;outline:0;transition:.18s}input:focus,select:focus,textarea:focus{border-color:#5aa9a2;box-shadow:0 0 0 3px rgba(15,118,110,.10)}textarea{resize:vertical;line-height:1.5}label{display:grid;gap:6px;color:#34404c;font-weight:650}small,.tiny{display:block}.muted{color:var(--muted)}code{background:#eef3f4;padding:2px 5px;border-radius:5px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.brand strong{display:block;font-size:16px}.brand small{color:var(--muted);margin-top:1px}.brand-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),#14b8a6);color:#fff;font-weight:900;letter-spacing:.5px;box-shadow:0 8px 18px rgba(15,118,110,.22)}.brand-logo.large{width:70px;height:70px;border-radius:22px;font-size:22px}.top-actions{display:flex;align-items:center;gap:10px}.class-switcher select{min-width:210px}.user-chip{padding:7px 10px;border-left:1px solid var(--line)}.user-chip span{display:block;font-weight:750}.user-chip small{color:var(--muted)}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:#0c3936;padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 72px);position:sticky;top:72px;height:calc(100vh - 72px)}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:10px;color:#d7e7e5;padding:11px 12px;border-radius:10px;font-weight:650}.nav-link span{width:24px;text-align:center}.nav-link:hover{background:rgba(255,255,255,.08)}.nav-link.active{background:#fff;color:var(--brand);box-shadow:var(--shadow)}.nav-sep{height:1px;background:rgba(255,255,255,.12);margin:9px 4px}.sidebar-foot{color:#d7e7e5;border-top:1px solid rgba(255,255,255,.12);padding:14px 8px 0}.sidebar-foot strong,.sidebar-foot span{display:block}.sidebar-foot span{opacity:.72;font-size:12px;margin-top:3px}.content{padding:26px;max-width:1500px;width:100%;margin:0 auto}.page-head,.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}.page-head h1,.hero h1{margin:4px 0 6px;font-size:28px;letter-spacing:-.6px}.page-head p,.hero p{margin:0;color:var(--muted)}.eyebrow{font-size:12px!important;color:var(--brand)!important;font-weight:900!important;letter-spacing:1.2px!important}.hero{padding:25px 28px;border-radius:20px;background:linear-gradient(125deg,#dff5f2,#fff);border:1px solid #cce8e4}.hero-badge{min-width:130px;background:#fff;padding:12px 16px;border-radius:14px;text-align:center;border:1px solid #d8ebe8}.hero-badge span,.hero-badge strong{display:block}.hero-badge span{font-size:12px;color:var(--muted);text-transform:uppercase}.hero-badge strong{margin-top:4px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:0 0 20px}.card h2{font-size:20px;margin:0 0 8px}.card h3{font-size:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.card-head h2,.card-head p{margin:0}.grid{display:grid;gap:18px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.align-start{align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.span-2{grid-column:span 2}.form-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:6px}.inline-form{display:flex;align-items:end;gap:10px;margin:12px 0}.inline-form>*{flex:1}.inline-form button,.inline-form .btn{flex:0 0 auto}.inline-form.compact{margin:8px 0}.inline-form.wrap{flex-wrap:wrap}.stack{display:grid;gap:12px}.section-label{padding:10px 12px;border-radius:10px;background:var(--soft);color:var(--brand);margin:6px 0 0!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand2)}.btn.secondary{background:var(--soft);color:var(--brand);border-color:#bfe1dc}.btn.ghost{background:#fff;color:#334155;border-color:var(--line)}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:7px 10px;font-size:13px}.btn.wide{width:100%}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:9px;color:#334155;cursor:pointer;font-weight:900}.icon-btn.danger{color:var(--danger);background:var(--danger-soft);border-color:#ffd2cc}.actions{display:flex;gap:6px}.actions form{margin:0}.alert{padding:12px 14px;border-radius:12px;margin:0 0 16px;border:1px solid transparent;font-weight:650}.alert.success{background:#e9f8f2;border-color:#bee8d8;color:#146c52}.alert.danger{background:var(--danger-soft);border-color:#ffd2cc;color:var(--danger)}.alert.warning{background:var(--warn-soft);border-color:#f2d98a;color:var(--warn)}.warning-card{border-color:#eedca2;background:#fffdf5}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:0 8px 24px rgba(16,42,67,.05)}.metric-card span{display:block;color:var(--muted);font-weight:700}.metric-card strong{display:block;font-size:25px;margin:4px 0}.metric-card small{color:var(--muted)}.compact-metrics .metric-card strong{font-size:21px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-grid a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.quick-grid a:hover{border-color:#95cec7;background:var(--soft)}.quick-grid b{font-size:20px}.stack-list{display:grid;gap:10px}.stack-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.stack-item:last-child{border-bottom:0}.stack-item strong,.stack-item small{display:block}.stack-item small{color:var(--muted);margin-top:3px}.text-right{text-align:right}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:700px;background:#fff}th,td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:#f7f9fa;color:#44515e;font-size:13px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}td small{color:var(--muted);margin-top:3px}.row-highlight td{background:#f0fbf9}.table-search{max-width:260px}.count-badge{background:var(--soft);border:1px solid #bfe1dc;color:var(--brand);padding:8px 12px;border-radius:999px;font-weight:800}.diagram{width:100%;max-height:520px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fafcfc}.upload-placeholder{height:220px;display:grid;place-items:center;color:var(--muted);border:2px dashed #cdd8db;border-radius:12px;background:#fafcfc}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:850}.status.ok{background:#e7f7f0;color:#147b5d}.status.warn{background:#fff3cf;color:#946200}.status.muted-status{background:#eef1f3;color:#68737d}.status.danger-status{background:#fff0ee;color:var(--danger)}.score-input{min-width:85px}.sticky-actions{position:sticky;bottom:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:var(--shadow)}.date-picker input{width:auto}.export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.export-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:16px;border-radius:13px;color:var(--ink)}.export-card:hover{border-color:#8bc9c1;background:var(--soft)}.export-card>b{min-width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:var(--brand);color:white}.export-card span strong,.export-card span small{display:block}.export-card span small{margin-top:3px;color:var(--muted)}.confirm-check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-weight:600}.confirm-check input{width:auto}.empty-state{background:#fff;border:1px dashed #cbd8db;border-radius:16px;padding:40px;text-align:center}.login-page,.install-page{min-height:100vh;background:linear-gradient(135deg,#0b4440,#0f766e 48%,#e8f7f5 48%,#f6faf9)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;max-width:1100px;margin:auto;padding:40px}.login-showcase{color:white;padding:20px}.login-showcase h1{font-size:46px;letter-spacing:-1.5px;margin:10px 0}.login-showcase p{font-size:18px;max-width:600px;line-height:1.55}.login-showcase .eyebrow{color:#9de7df!important;margin-top:25px}.feature-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.feature-chips span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);padding:8px 10px;border-radius:999px}.login-card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 28px 70px rgba(6,40,37,.25)}.login-card h2{font-size:26px;margin:0 0 4px}.login-card form{display:grid;gap:16px;margin-top:22px}.login-card .tiny{margin-top:18px}.install-wrap{max-width:900px;margin:auto;padding:40px 20px}.brand-block{display:flex;align-items:center;gap:14px;color:white;margin-bottom:20px}.brand-block h1,.brand-block p{margin:0}.install-wrap>.card{max-width:850px}.install-note{color:white}.admin-class-form{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-class-form .span-2{grid-column:span 3}hr{border:0;border-top:1px solid var(--line);margin:18px 0}
@media(max-width:1100px){.app-shell{grid-template-columns:210px 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.admin-class-form{grid-template-columns:repeat(2,1fr)}.admin-class-form .span-2{grid-column:span 2}}
@media(max-width:820px){.topbar{height:auto;min-height:68px;padding:10px 14px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.user-chip{display:none}.class-switcher select{min-width:155px}.app-shell{display:block}.sidebar{position:sticky;top:68px;height:auto;min-height:0;z-index:40;padding:8px;overflow-x:auto}.sidebar nav{display:flex;min-width:max-content}.nav-link{padding:9px 11px}.nav-sep,.sidebar-foot{display:none}.content{padding:18px 12px}.two-col,.form-grid,.export-grid{grid-template-columns:1fr}.span-2,.admin-class-form .span-2{grid-column:span 1}.metric-grid{grid-template-columns:repeat(2,1fr)}.page-head,.hero{align-items:flex-start;flex-direction:column}.page-head h1,.hero h1{font-size:24px}.inline-form{flex-wrap:wrap;align-items:stretch}.inline-form>*{min-width:150px}.login-shell{grid-template-columns:1fr;padding:22px}.login-showcase{display:none}.login-page{background:linear-gradient(145deg,#0f766e,#dff4f1)}.card{padding:16px}}
@media(max-width:520px){.brand small{display:none}.top-actions .btn.ghost{padding:8px}.metric-grid,.quick-grid{grid-template-columns:1fr}.content{padding:14px 8px}.card{border-radius:13px}.login-card{padding:22px}.class-switcher select{max-width:150px}.topbar .brand strong{font-size:14px}}
@media print{.no-print,.topbar,.sidebar,.flash-auto{display:none!important}.app-shell{display:block}.content{padding:0;max-width:none}.card{box-shadow:none;border:0;padding:0}.btn{display:none}body{background:#fff}}