:root{--bg:#f6f7f9;--panel:#fff;--panel-muted:#f0f3f6;--line:#dde3ea;--text:#18202a;--muted:#65717f;--brand:#0f766e;--brand-dark:#115e59;--danger:#b42318;--warning:#a15c07}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#f5f7fa;background:#13202b;padding:24px 18px}.sidebar h1{margin:0 0 28px;font-size:20px}.nav{gap:8px;display:grid}.nav a{color:#dbe3ec;border-radius:6px;padding:10px 12px}.nav a:hover{background:#ffffff14}.main{padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.topbar h2{margin:0;font-size:26px}.grid{gap:16px;display:grid}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.stat strong{margin-top:8px;font-size:28px;display:block}.muted{color:var(--muted)}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:6px;padding:9px 14px;display:inline-flex}.btn.secondary{background:var(--panel-muted);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}.table th{color:var(--muted);background:#f9fafb;font-weight:600}.table tr:last-child td{border-bottom:0}.form{gap:16px;max-width:900px;display:grid}.field{gap:6px;display:grid}.field label{font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:6px;padding:10px 12px}.field textarea{resize:vertical;min-height:110px}.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.badge{background:var(--panel-muted);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px;display:inline-flex}.badge.green{color:#0f5f4a;background:#dff6ef}.badge.red{color:var(--danger);background:#ffe6e3}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login .panel{width:min(420px,100%)}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static}.stats,.two{grid-template-columns:1fr}}