:root{--blue:#0d7fb5;--dark:#20272d;--bg:#f2f4f6;--line:#d8dee3;--green:#13a36e;--red:#e44750;--yellow:#f3b51b}*{box-sizing:border-box}body{margin:0;font:14px/1.55 Arial,"Microsoft YaHei",sans-serif;color:#1d2730;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.auth-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102736,#0877aa)}.auth-card{width:min(420px,92vw);background:#fff;padding:35px;border-radius:14px;box-shadow:0 24px 70px #0007}.brand{font-size:17px;font-weight:800;color:#fff;padding:22px 16px;border-bottom:1px solid #ffffff20}.brand.large{color:#087daf;padding:0;border:0;font-size:24px}.auth-card h1{margin:24px 0 4px}.auth-card label,.field label{display:block;font-weight:700;margin:15px 0 5px}.auth-card input,input,select,textarea{width:100%;border:1px solid #ccd5dc;border-radius:5px;padding:10px 12px;background:#fff}textarea{min-height:110px;resize:vertical}.primary,.success,.danger,.warning,.ghost{border:0;border-radius:5px;padding:9px 15px;color:#fff;background:var(--blue)}.success{background:var(--green)}.danger{background:var(--red)}.warning{background:var(--yellow);color:#222}.ghost{background:#fff;color:#31516a;border:1px solid #aebbc5}.wide{width:100%;margin-top:22px;padding:12px}.muted{color:#73808a}.center{text-align:center}#app{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:220px;background:var(--dark);display:flex;flex-direction:column}nav{padding-top:8px}nav button{display:block;width:100%;border:0;color:#eef3f6;background:transparent;padding:13px 20px;text-align:left;font-weight:700;border-left:4px solid transparent}nav button:hover,nav button.active{background:#087faf;border-left-color:#25c7ff}.logout{margin:auto 14px 18px;background:transparent;border:1px solid #ddd;color:#fff;border-radius:4px;padding:8px}main{margin-left:220px;min-height:100vh}header{height:48px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:3}header h2{font-size:18px;color:#5b6974}#content{padding:18px;max-width:1180px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{padding:20px;color:#fff;min-height:135px}.stat:nth-child(1){background:#14bd86}.stat:nth-child(2){background:#f24149}.stat:nth-child(3){background:#377feb}.stat:nth-child(4){background:#202b37}.stat b{display:block;font-size:38px;margin:8px 0}.panel{background:#fff;border:1px solid #ccd3d8;margin-bottom:18px}.panel-head{font-weight:800;border-bottom:1px solid #d5dbe0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.panel-body{padding:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-row.three{grid-template-columns:repeat(3,1fr)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.notice{padding:11px 14px;background:#d9f5ff;border:1px solid #80d9ef;border-radius:5px;color:#176478;margin-bottom:14px}.warning-note{background:#fff2c9;border-color:#edcf68;color:#6a5513}.list-item{border-bottom:1px solid #d9dee2;padding:16px 0}.list-item:last-child{border:0}.list-item h3{margin:0 0 7px;font-size:18px}.list-actions{float:right;display:flex;gap:6px}.tag{display:inline-block;padding:3px 8px;border:1px solid #aeb7bf;border-radius:4px;background:#fafafa;margin:4px 4px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #d7dde1;padding:10px 8px;vertical-align:top}th{background:#f7f8f9}.code{font-family:Consolas,monospace;min-height:420px;white-space:pre;tab-size:2}.modal{position:fixed;inset:0;background:#0008;z-index:20;display:grid;place-items:center;padding:20px}.modal-box{width:min(1000px,96vw);max-height:94vh;background:#fff;border-radius:8px;box-shadow:0 20px 80px #0008;overflow:auto}.modal-head{position:sticky;top:0;background:#fff;border-bottom:1px solid #ddd;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;z-index:2}.modal-head h3{margin:0}.modal-head button{font-size:26px;border:0;background:transparent}.modal-body{padding:16px}.chart{height:240px;display:flex;align-items:end;gap:6px;border-bottom:1px solid #bbc6cd;padding-top:25px}.bar{flex:1;background:#20ba85;min-height:2px;position:relative}.bar span{position:absolute;bottom:-23px;font-size:9px;color:#667;left:0}.loader{display:inline-block;width:16px;height:16px;border:2px solid #fff8;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;right:20px;top:20px;z-index:99}.toast{background:#20313e;color:#fff;padding:12px 18px;border-radius:5px;margin-bottom:8px;box-shadow:0 5px 20px #0004}.toast.bad{background:#c7353f}@media(max-width:850px){aside{width:64px}.brand span,nav button{font-size:0}.brand{padding:18px 12px}nav button{font-size:18px;text-align:center;padding:12px 5px}main{margin-left:64px}.cards,.grid2,.grid3,.form-row,.form-row.three{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.grid2,.grid3,.form-row,.form-row.three{grid-template-columns:1fr}header{padding:0 12px}#content{padding:10px}.list-actions{float:none;margin-bottom:8px}}