:root{--bg:#f4f5f3;--panel:#fff;--panel-soft:#f8faf8;--ink:#18201c;--muted:#66736d;--line:#dfe4e0;--brand:#0f766e;--brand-dark:#0b4f49;--accent:#b7791f;--danger:#b42318;--shadow:0 14px 34px rgba(24,32,28,.10)}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:0}body{margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font:14px "Microsoft YaHei UI","Microsoft YaHei","PingFang SC",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button,input,select{border-radius:0}
.login-page{height:100%;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(380px,.58fr);align-items:center;gap:44px;padding:7vh 9vw;background:linear-gradient(120deg,#eef1ed,#f8faf7 56%,#eef5f1)}.login-product{max-width:520px}.mark{width:48px;height:48px;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800;font-size:22px}.login-product h1{margin:26px 0 12px;font-size:42px;line-height:1.08;letter-spacing:0}.login-product p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}.login-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.login-points span{height:32px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #cfd8d2;background:#fff;color:#384741}.login-card{width:min(420px,100%);justify-self:end;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:34px}.login-card b{display:block;margin-bottom:20px;font-size:20px}.login-card label{display:grid;gap:8px;margin:14px 0;color:#4c5b55}.login-card input{height:42px;border:1px solid #cfd8d2;background:#fff;padding:0 12px}.login-card input:focus,.form-grid input:focus,.form-grid select:focus{outline:2px solid rgba(15,118,110,.15);border-color:var(--brand)}
.primary{height:34px;border:1px solid var(--brand);background:var(--brand);color:#fff;padding:0 14px;font-weight:700}.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.login-card .primary{width:100%;height:42px;margin-top:10px}
.shell{height:100%;min-height:0;display:grid;grid-template-columns:238px minmax(0,1fr);background:var(--bg)}.sidebar{min-height:0;display:flex;flex-direction:column;background:#202a25;color:#d9e3dd}.brand{height:68px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09)}.brand>span{width:34px;height:34px;display:grid;place-items:center;background:#0f766e;color:#fff;font-weight:800}.brand b{display:block;color:#fff;font-size:16px}.brand small{display:block;margin-top:3px;color:#91a29a;font-size:12px}
.sidebar nav{padding:12px 10px;display:grid;gap:4px}.sidebar nav button{height:42px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;border:0;background:transparent;color:#c9d5cf;text-align:left;padding:0 10px}.sidebar nav button i{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);font-style:normal;font-size:12px;color:#b8c8c0}.sidebar nav button:hover,.sidebar nav button.active{background:#2c3933;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 0 #7dd3c7}.side-foot{margin-top:auto;padding:16px 18px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;color:#91a29a}.side-foot b{color:#fff}
.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:68px minmax(0,1fr)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:20px;line-height:1.2}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.userbar{display:flex;align-items:center;gap:12px;white-space:nowrap}.userbar span{height:30px;display:inline-flex;align-items:center;padding:0 10px;background:#f3f6f4;border:1px solid var(--line);color:#34423c}.userbar button{height:30px;border:0;background:transparent;color:var(--brand);padding:0 4px}
main{min-height:0;overflow:auto;padding:20px 24px 28px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);padding:20px 22px;margin-bottom:14px;box-shadow:0 1px 2px rgba(24,32,28,.04)}.page-head span{color:var(--brand);font-weight:800}.page-head h2{margin:5px 0 6px;font-size:26px;line-height:1.16}.page-head p{margin:0;color:var(--muted)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:14px}.metric{min-height:104px;background:#fff;border:1px solid var(--line);padding:16px;box-shadow:0 1px 2px rgba(24,32,28,.04)}.metric span{color:#66736d}.metric strong{display:block;margin:8px 0 4px;font-size:32px;line-height:1;color:#16231e}.metric em{font-style:normal;color:#8a9690;font-size:12px}.metric.warn{border-color:#e8d6ac;background:#fffdf7}.metric.warn strong{color:var(--accent)}
.toolbar,.panel{background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(24,32,28,.04)}.toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;margin-bottom:0}.toolbar strong,.panel header strong{font-size:15px}.toolbar span,.panel header span{display:block;margin-top:4px;color:#8a9690;font-size:12px}.toolbar+.panel{border-top:0}.panel header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}
.table-wrap{width:100%;overflow:auto}table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;table-layout:fixed}th,td{height:50px;border-bottom:1px solid #edf0ed;padding:0 14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{height:44px;background:#f7f8f6;color:#3b4842;font-weight:700}tbody tr:hover{background:#f8fbf9}td b{font-weight:700}.mono{font-family:Consolas,"Microsoft YaHei UI",monospace}.actions-col{width:150px;text-align:right}td button,.toolbar button{height:30px;border:1px solid #d5ded8;background:#fff;color:#33413b;padding:0 10px}td button:hover,.toolbar button:hover{border-color:var(--brand);color:var(--brand);background:#f2faf7}.primary-soft{background:#eef8f4!important;color:var(--brand)!important;border-color:#b7ded5!important}
.tag{height:24px;display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:0 9px;border:1px solid transparent;font-size:12px}.tag.ok{color:#0f766e;background:#edf8f4;border-color:#b7ded5}.tag.off{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.tag.edition{color:#4d5f68;background:#eef4f5;border-color:#cddde0}.empty{text-align:center;color:#8a9690;height:110px}
.modal-root{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-start;justify-content:center;padding:42px 18px;background:rgba(24,32,28,.48);overflow:auto}.modal{width:min(760px,96vw);background:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 70px rgba(15,23,42,.25)}.modal header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.modal header b{font-size:16px}.modal header button{width:32px;height:32px;border:0;background:transparent;font-size:24px;color:#66736d}.modal-body{padding:18px}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:#fff}.modal footer button:not(.primary){height:34px;border:1px solid #d5ded8;background:#fff;color:#33413b;padding:0 14px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.form-grid label{display:grid;gap:7px;color:#58665f}.form-grid input,.form-grid select{height:38px;border:1px solid #cfd8d2;background:#fff;padding:0 10px}.toast{position:fixed;right:24px;bottom:24px;z-index:40;min-width:220px;background:#18201c;color:#fff;padding:12px 16px;box-shadow:0 16px 38px rgba(0,0,0,.20)}
@media(max-width:980px){body{overflow:auto}.login-page{display:block;height:auto;min-height:100%;padding:40px 18px}.login-product,.login-card{width:100%;max-width:none}.login-card{margin-top:24px}.shell{display:block;height:auto;min-height:100%}.sidebar{display:block}.sidebar nav{grid-template-columns:repeat(2,minmax(120px,1fr))}.side-foot{display:none}.workspace{display:block}.topbar{align-items:flex-start;flex-direction:column;height:auto;padding:14px 16px}.userbar{width:100%;justify-content:space-between}main{overflow:visible;padding:14px}.metrics,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.table-wrap{max-height:70vh}}