:root{--bg:#f6f7f9;--panel:#ffffff;--text:#17202a;--muted:#667085;--border:#d9dee7;--accent:#0f766e;--accent-dark:#115e59;--danger:#b42318;--warning:#b54708;--ok:#027a48}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#111827;color:white;padding:24px 18px}.brand{font-size:18px;font-weight:700;margin-bottom:28px}.nav{display:grid;grid-gap:8px;gap:8px}.logout-button,.nav a{border:0;border-radius:6px;color:#e5e7eb;display:block;padding:10px 12px;text-align:left;width:100%;background:transparent;cursor:pointer}.logout-button:hover,.nav a:hover{background:rgba(255,255,255,.08)}.main{padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{margin:0;font-size:24px}.muted{color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px}.stat{font-size:30px;font-weight:700;margin-top:8px}.form-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;grid-gap:6px;gap:6px}.field.full{grid-column:1/-1}label{color:#344054;font-size:13px;font-weight:700}input,select,textarea{border:1px solid var(--border);border-radius:6px;padding:10px 11px;width:100%}textarea{min-height:90px;resize:vertical}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.button{background:var(--accent);border:0;border-radius:6px;color:white;cursor:pointer;display:inline-flex;font-weight:700;padding:10px 14px}.button.secondary{background:#344054}.button.danger{background:var(--danger)}.button.warning{background:var(--warning)}.button:hover{background:var(--accent-dark)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);padding:11px 10px;text-align:left;vertical-align:top}th{color:#475467;font-size:13px}.badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 8px}.badge.ok{background:#ecfdf3;color:var(--ok)}.badge.warn{background:#fffaeb;color:var(--warning)}.badge.danger{background:#fef3f2;color:var(--danger)}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{background:white;border:1px solid var(--border);border-radius:8px;max-width:420px;padding:28px;width:100%}.code-block{background:#101828;border-radius:8px;color:#f9fafb;overflow-x:auto;padding:16px;white-space:pre}.success-box{background:#ecfdf3;border:1px solid #abefc6;border-radius:8px;color:#05603a;padding:14px}@media (max-width:900px){.app-shell,.form-grid,.grid.cols-2,.grid.cols-4{grid-template-columns:1fr}.sidebar{position:static}}