:root{font-family:"Microsoft YaHei UI","Noto Sans SC",sans-serif;color:#18323a;background:#edf3f2;--ink:#18323a;--muted:#6c8388;--teal:#168b78;--teal2:#0d655a;--orange:#f0a352;--line:#d9e5e3;--paper:#fff;--nav:#102b33}*{box-sizing:border-box}body{margin:0;min-width:980px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 7px;color:#378d82;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.17em}.subtle{color:var(--muted);line-height:1.65}.brand-mark{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#176c64,#0d4548);color:#d8fff8;font-size:24px;position:relative;box-shadow:0 13px 27px #17685d2b}.brand-mark span{position:absolute;right:8px;bottom:5px;color:#ffc47b;font:bold 12px Georgia}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:16px;box-shadow:none}.brand-mark.small span{font-size:8px;right:5px;bottom:3px}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 28% 12%,#237b7030,transparent 26%),linear-gradient(140deg,#0a252e 0 48%,#eaf2f0 48%)}.login-card{width:430px;padding:44px;border:1px solid #d9e9e6;border-radius:22px;background:#ffffffee;box-shadow:0 30px 80px #06171d4d;backdrop-filter:blur(20px)}.login-card h1{font-size:31px;margin:18px 0 4px;color:#112e37}.login-card form{display:grid;gap:17px;margin-top:29px}label{display:grid;gap:7px;color:#526a70;font-size:12px;font-weight:600}input,textarea,select{border:1px solid #cadbd8;border-radius:9px;background:#f9fcfb;color:var(--ink);padding:11px 12px;outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:#31a28f;box-shadow:0 0 0 3px #22a48e17}.primary,.secondary,.ghost{border:0;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700}.primary{background:linear-gradient(135deg,#1e9b83,#147565);color:white;box-shadow:0 8px 18px #168b7830}.secondary{background:#e6f1ef;color:#176e63;border:1px solid #cae0dc}.ghost{background:transparent;color:#61767b}.compact{padding:8px 13px}.form-error{min-height:17px;margin:0;color:#c34943;font-size:12px}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;display:grid;grid-template-rows:78px auto 1fr 60px;color:#dfeceb;background:radial-gradient(circle at 30% 18%,#1a4b4c,transparent 34%),var(--nav);border-right:1px solid #28454c}.side-brand{display:flex;align-items:center;gap:11px;padding:0 19px;border-bottom:1px solid #29454b}.side-brand strong{display:block;font-size:13px}.side-brand small{display:block;margin-top:3px;color:#78979c;font-size:10px}.side-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 17px 9px;color:#87a7ab;font-size:10px;letter-spacing:.11em}.side-heading button{width:26px;height:26px;border:1px solid #3f6667;border-radius:7px;background:#183e43;color:#86decf}.class-list{padding:2px 10px;overflow:auto}.class-item{width:100%;display:flex;align-items:center;gap:10px;margin:4px 0;padding:11px 10px;border:0;border-radius:9px;background:transparent;color:#a9c0c3;text-align:left}.class-item:hover{background:#173a40}.class-item.active{background:linear-gradient(90deg,#1a514d,#174148);color:white;box-shadow:inset 2px 0 #49d1b9}.class-item i{width:8px;height:8px;border-radius:50%;background:#45cdb4;box-shadow:0 0 9px #42d9bd66}.class-item i.off{background:#6c8185;box-shadow:none}.class-item span{min-width:0;flex:1}.class-item strong,.class-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-item strong{font-size:12px}.class-item small{margin-top:3px;color:#6f9195;font-size:9px}.side-foot{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-top:1px solid #29454b;color:#78989c;font-size:10px}.side-foot button{border:0;background:transparent;color:#9fc3c2;font-size:10px}.main-panel{grid-column:2;min-width:0}.topbar{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 37px;border-bottom:1px solid var(--line);background:#ffffffc9;backdrop-filter:blur(14px);position:sticky;top:0;z-index:2}.topbar h1{margin:0;color:#17353e;font-size:24px}.header-actions{display:flex;align-items:center;gap:12px}.status-pill{padding:6px 10px;border-radius:20px;background:#e1f5ef;color:#17715f;font-size:10px;font-weight:700}.status-pill.off{background:#eef0f0;color:#7b898b}.workspace{padding:27px 37px 50px}.empty-state{height:calc(100vh - 110px);display:grid;place-content:center;text-align:center;color:#748b90}.empty-state div{width:64px;height:64px;margin:auto;border:1px solid #bdd0cd;border-radius:20px;display:grid;place-items:center;color:#299181;font-size:23px;background:white}.empty-state h2{margin:18px 0 3px;color:#3a555b}.empty-state p{font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-grid article{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 7px 20px #214c4710}.stat-grid span,.stat-grid small{display:block;color:#7d9397;font-size:10px}.stat-grid strong{display:block;margin:6px 0 2px;color:#184840;font:700 28px ui-monospace,monospace}.tabs{display:flex;gap:4px;margin-top:25px;border-bottom:1px solid #ccdeda}.tabs button{padding:13px 17px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6c8388;font-size:12px;font-weight:700}.tabs button.active{border-color:#1e927d;color:#177967}.tab-panel{padding-top:24px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0;color:#193b43;font-size:17px}.section-head p{margin:6px 0 0;color:#758c90;font-size:11px;line-height:1.5}.inline-form{margin:17px 0;padding:16px;display:flex;align-items:end;gap:11px;border:1px solid #cfdfdc;border-radius:11px;background:white}.inline-form label{flex:1}.import-box{margin:18px 0;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:15px;padding:14px 17px;border:1px dashed #b7ceca;border-radius:11px;background:#f7fbfa}.import-box strong,.import-box span{display:block}.import-box strong{font-size:12px}.import-box span{margin-top:4px;color:#7d9296;font-size:9px;line-height:1.5}.import-box textarea{resize:vertical;padding:8px 10px;font:11px/1.4 ui-monospace,monospace}.table-wrap{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;border-bottom:1px solid #e6eeed;text-align:left;font-size:11px}th{background:#f5f9f8;color:#71868b;font-size:9px;letter-spacing:.08em}td{color:#405a60}tbody tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:6px}.row-actions button{border:0;background:transparent;color:#1d7d70;font-size:10px}.row-actions button.danger{color:#b75750}.empty-row{text-align:center!important;color:#8ba0a3;padding:30px!important}.notice{margin:19px 0;padding:12px 14px;border-left:3px solid #e6a14f;background:#fff8ed;color:#7d613c;font-size:11px}.unlock-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:10px}.unlock-row{display:grid;grid-template-columns:1fr 160px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:white}.unlock-row strong{display:block;font-size:12px}.unlock-row span{display:block;margin-top:3px;color:#83979b;font-size:9px}.unlock-row select{padding:8px 9px;font-size:10px}.export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:20px}.export-grid article{min-height:230px;padding:25px;border:1px solid var(--line);border-radius:15px;background:white}.file-badge{display:inline-block;padding:5px 8px;border-radius:5px;background:#dff3ed;color:#17705f;font:700 9px ui-monospace,monospace}.file-badge.json{background:#f5ead9;color:#9d682f}.export-grid h3{margin:20px 0 8px;font-size:16px}.export-grid p{min-height:58px;color:#71878b;font-size:11px;line-height:1.7}.toast{position:fixed;z-index:10;right:25px;bottom:24px;max-width:360px;padding:12px 16px;border-radius:9px;background:#133f42;color:#e2f7f3;font-size:11px;box-shadow:0 14px 35px #071d2266;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#7d3735}@media(max-width:1180px){.unlock-grid{grid-template-columns:1fr}.workspace{padding-left:25px;padding-right:25px}}