:root{--nav:#073b5c;--nav2:#052f4a;--navActive:#0877bd;--blue:#0b83c9;--blue2:#0d67a0;--ink:#17324d;--muted:#71849a;--line:#e6edf4;--bg:#f4f8fc;--white:#fff;--green:#10a36b;--orange:#f2a51a;--purple:#7a58dc;--red:#e85a4f;--shadow:0 8px 26px rgba(24,57,88,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,"Noto Sans",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{background:#f6f9fc}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;top:0;z-index:50}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.mobile-menu{display:none;border:0;background:transparent;font-size:22px;color:var(--nav)}.mini-brand{display:flex;align-items:center;gap:9px;min-width:190px}.mini-brand img{width:38px;height:38px;object-fit:contain}.mini-brand b,.sidebar-brand b{font-size:15px;letter-spacing:.6px}.mini-brand span,.sidebar-brand span{display:block;font-size:8px;letter-spacing:1.2px;color:#7590a6}.global-search{width:330px;height:38px;border:1px solid #dce7f0;border-radius:10px;background:#f8fbfe;display:flex;align-items:center;padding:0 11px;gap:8px;color:#8ca0b3}.global-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.server-pill{font-size:11px;color:#17865f;background:#edf9f4;border:1px solid #d7f1e6;border-radius:999px;padding:7px 10px}.server-pill span{font-size:9px}.icon-btn{width:36px;height:36px;border:0;background:#f6f9fc;border-radius:10px;color:#3e6380}.profile-menu{display:flex;align-items:center;gap:9px;font-size:11px}.profile-menu b{display:block;font-size:12px}.profile-menu span{display:block;color:var(--muted);font-size:10px}.profile-menu a{color:#7990a5;text-decoration:none;font-size:18px}.avatar{width:36px;height:36px;border-radius:50%;background:#e6f2f8;color:#0b6da6;display:grid;place-items:center;font-weight:800}.app-layout{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 70px)}.sidebar{background:linear-gradient(180deg,var(--nav),var(--nav2));color:#dcebf5;padding:16px 12px;position:sticky;top:70px;height:calc(100vh - 70px);display:flex;flex-direction:column;z-index:40}.sidebar-brand{height:55px;padding:0 10px 14px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}.sidebar-brand img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:7px}.sidebar-brand b{color:#fff}.sidebar-brand span{color:#8fb5cd}.nav-title{font-size:9px;color:#7ea6bd;letter-spacing:1.2px;padding:12px 12px 7px}.nav-item{width:100%;height:40px;border:0;background:transparent;color:#cfe1ed;border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;font-size:12px;margin:2px 0}.nav-item i{width:18px;text-align:center;font-style:normal;font-size:16px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#087fc4,#086ba8);color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.12)}.sidebar-bottom{margin-top:auto}.local-status{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:9px;padding:10px;display:flex;gap:8px;align-items:center}.local-status>span{color:#30d291;font-size:10px}.local-status b{display:block;color:#e8f5fb;font-size:10px}.local-status small{display:block;color:#82a8bd;font-size:9px;margin-top:2px}.main-area{padding:20px 24px 0;min-width:0;max-width:1600px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.breadcrumb{font-size:10px;color:#91a1b0;margin-bottom:4px}.breadcrumb b{color:#5f7589}.page-head h1{font-size:24px;margin:0 0 3px;color:#173a59}.page-head p{margin:0;color:#73869a;font-size:11px}.date-card{display:flex;align-items:center;gap:9px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 12px rgba(30,70,100,.04)}.date-card>span{font-size:20px;color:#126fa8}.date-card b{display:block;font-size:11px}.date-card small{display:block;color:#91a1b0;font-size:9px;margin-top:2px}.section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.section h2{font-size:16px;margin:0;color:#173a59}.section h3{font-size:14px;margin:0 0 10px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.metric-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:21px}.metric-card.blue .metric-icon{background:#e7f4ff;color:#0b82c9}.metric-card.green .metric-icon{background:#e8f9f2;color:#12a36d}.metric-card.purple .metric-icon{background:#f0eaff;color:#7653d6}.metric-card.orange .metric-icon{background:#fff4dd;color:#e79b0e}.metric-label{font-size:10px;color:#73869a}.metric-number{font-size:23px;font-weight:800;margin:2px 0;color:#153c5c}.metric-change{font-size:9px;color:#16a06a}.dashboard-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:14px}.chart-card{min-height:300px}.chart-legend{display:flex;gap:14px;justify-content:flex-end;font-size:9px;color:#7b8fa2}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.chart-wrap{height:225px;position:relative;margin-top:5px}.chart-svg{width:100%;height:100%}.side-stack{display:grid;grid-template-columns:1fr;gap:14px}.list-item{padding:10px 0;border-bottom:1px solid #edf2f6}.list-item:last-child{border-bottom:0}.list-item b{font-size:11px}.list-item small{display:block;color:#7d8fa0;font-size:9px;margin-top:3px}.star{color:#f3a81b;margin-right:5px}.news-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#eaf5ff;color:#0b7fbe;margin-right:7px}.rank-mini{display:grid;grid-template-columns:28px 1fr 58px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f6}.rank-mini:last-child{border-bottom:0}.rank-num{font-weight:800;color:#d58f13}.rank-mini b{font-size:10px}.rank-mini small{display:block;color:#8092a4;font-size:8px}.score{font-size:14px;font-weight:800;color:#116da4;text-align:right}.progress{height:6px;background:#edf2f6;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;border-radius:99px}.progress.blue span{background:#1687ca}.progress.green span{background:#17a46f}.progress.orange span{background:#f1a31b}.progress.purple span{background:#7a58dc}.actions{display:flex;gap:7px;flex-wrap:wrap}.btn,.mini,.danger{border-radius:8px;padding:9px 12px;border:0;font-size:11px}.btn{background:linear-gradient(135deg,#0b87d0,#096ca9);color:#fff;box-shadow:0 5px 12px rgba(8,119,180,.18)}.btn.green{background:#119a68}.mini{background:#eaf5fb;color:#096a9f;text-decoration:none}.danger{background:#fff0ef;color:#b63d36}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:10px}.table th{background:#f6f9fc;color:#71869a;font-size:9px;text-transform:none;font-weight:700;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:10px;border-bottom:1px solid #edf2f6;white-space:nowrap}.table tr:last-child td{border-bottom:0}.tag{display:inline-block;background:#e9f5fa;color:#1c729e;border-radius:999px;padding:4px 7px;font-size:9px;margin-left:5px}.small{font-size:10px;color:#7b8fa1}.muted{color:#7b8fa1}.center{text-align:center}.alert{background:#fff0ef;border:1px solid #ffd7d3;color:#ad3e35;padding:10px;border-radius:8px;margin:10px 0;font-size:11px}.success{background:#eefaf5;border:1px solid #c9efdf;padding:16px;border-radius:10px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stat{background:#f8fbfd;border:1px solid var(--line);border-radius:9px;padding:12px}.stat h3{font-size:20px;margin:2px 0}.score-big{font-size:26px;font-weight:900;color:#0b70aa}.student-row,.file-row,.list{padding:11px;border:1px solid var(--line);border-radius:9px;margin:7px 0}.student-row{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.student-row:hover{background:#f8fbfd;border-color:#cfe5f2}.file-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.notice{border-left:3px solid #0c7dbc}.rank1{font-size:16px}.bar{height:8px;background:#e7edf3;border-radius:99px;overflow:hidden}.bar>span{display:block;height:100%;background:#0d80bf}.nowrap{white-space:nowrap}.footer{display:flex;justify-content:space-between;gap:10px;padding:17px 4px 20px;color:#8a9aaa;font-size:9px}.footer span:nth-child(2){color:#52738c}.input-wrap{height:42px;border:1px solid #d8e4ec;border-radius:9px;display:flex;align-items:center;padding:0 10px;gap:8px;background:#fbfdff}.input-wrap:focus-within{border-color:#7ebbdc;box-shadow:0 0 0 3px rgba(11,131,201,.08)}.input-wrap span{color:#7e9aac}.input-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.input-wrap button{border:0;background:transparent;color:#7d95a5}.login-page{min-height:100vh;background:linear-gradient(135deg,#e9f4fb,#f8fbfd);display:grid;place-items:center;position:relative;overflow:hidden}.login-bg-shape{position:absolute;border-radius:50%;filter:blur(1px);opacity:.5}.shape-a{width:500px;height:500px;background:#d7edf8;left:-220px;top:-180px}.shape-b{width:420px;height:420px;background:#f4e9c9;right:-180px;bottom:-170px}.login-layout{width:min(1180px,94vw);min-height:680px;background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:54% 46%;box-shadow:0 24px 80px rgba(23,57,87,.16);position:relative;z-index:1}.login-visual{position:relative;background:linear-gradient(145deg,#0b5f87 0%,#0a3d5e 62%,#07334e 100%);overflow:hidden}.login-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.2),transparent 32%),linear-gradient(0deg,rgba(2,30,47,.4),transparent 55%)}.login-visual:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-24%;height:45%;background:#fff;border-radius:50% 50% 0 0/25% 25% 0 0;box-shadow:0 -18px 0 rgba(239,179,45,.85),0 -29px 0 rgba(255,255,255,.35)}.visual-content{position:relative;z-index:2;padding:65px 60px;color:#fff}.visual-logo{width:112px;height:112px;background:#fff;border-radius:22px;padding:9px;display:grid;place-items:center;box-shadow:0 12px 35px rgba(0,0,0,.18)}.visual-logo img{width:100%;height:100%;object-fit:contain}.visual-title{font-size:46px;font-weight:900;line-height:.9;margin-top:28px;letter-spacing:1px}.visual-title span{font-size:25px;letter-spacing:4px}.visual-content p{font-size:13px;color:#dcebf4;margin-top:16px}.visual-stats{display:flex;gap:10px;margin-top:100px}.visual-stats span{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);border-radius:9px;padding:9px 11px;font-size:10px}.visual-stats b{color:#f2b83f}.login-panel{display:grid;place-items:center;padding:35px;background:#fff}.login-card{width:min(390px,100%)}.login-mobile-logo{display:none}.eyebrow{color:#0b7db8;font-weight:800;font-size:10px;letter-spacing:1.3px}.login-card h1{font-size:29px;margin:10px 0 4px;color:#173a59}.login-subtitle{font-size:11px;color:#8193a3;margin:0 0 22px}.login-card label{display:block;font-size:10px;font-weight:700;color:#50697d;margin:13px 0 6px}.remember{display:flex!important;align-items:center;gap:4px;font-weight:500!important;color:#778c9e!important;margin-top:10px!important}.remember input{accent-color:#0b83c9}.login-btn{width:100%;height:43px;margin-top:18px;display:flex;justify-content:center;align-items:center;gap:12px;font-weight:700}.login-hint{font-size:9px;color:#8194a3;background:#f7fafc;border:1px solid #edf2f6;border-radius:8px;padding:9px;margin-top:15px}.login-hint span{color:#15a06a;margin-right:4px}.login-footer{font-size:8px;color:#a1adb8;text-align:center;margin-top:26px}.full{width:100%}hr{border:0;border-top:1px solid #edf2f6;margin:15px 0}input,textarea,select{width:100%;border:1px solid #d6e1e9;border-radius:8px;padding:9px 10px;outline:0;background:#fff;font-size:11px;color:#25445c}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#7db9d7;box-shadow:0 0 0 3px rgba(11,131,201,.07)}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main{grid-template-columns:1fr}.global-search{width:230px}.login-layout{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:650px}.login-mobile-logo{display:grid;width:85px;height:85px;background:#fff;border-radius:16px;padding:7px;box-shadow:0 8px 25px rgba(20,60,90,.12);margin:0 auto 20px}.login-mobile-logo img{width:100%;height:100%;object-fit:contain}.eyebrow,.login-card h1,.login-subtitle{text-align:center}}
@media(max-width:800px){.topbar{height:62px;padding:0 12px}.mobile-menu{display:block}.mini-brand{min-width:auto}.global-search,.server-pill{display:none}.profile-menu div:nth-child(2){display:none}.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-255px;top:62px;height:calc(100vh - 62px);width:244px;transition:left .2s;box-shadow:10px 0 30px rgba(0,0,0,.15)}.sidebar.open{left:0}.main-area{padding:16px 12px 0}.page-head{align-items:flex-start}.date-card{display:none}.dashboard-grid{grid-template-columns:1fr 1fr}.footer{flex-direction:column}.section{padding:13px}.login-layout{width:94vw;border-radius:17px}.login-panel{padding:28px 22px}}
@media(max-width:520px){.dashboard-grid{grid-template-columns:1fr}.topbar-right{gap:7px}.mini-brand img{width:32px;height:32px}.mini-brand b{font-size:13px}.page-head h1{font-size:21px}.student-row{align-items:flex-start;flex-direction:column}.file-row{align-items:flex-start;flex-direction:column}.login-page{padding:12px}.login-layout{min-height:0}.login-panel{padding:24px 18px}}