:root{--ink:#172028;--muted:#66717b;--paper:#f5f4ef;--card:#fff;--accent:#087f5b;--line:#dddcd5}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:ui-sans-serif,system-ui,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px}button.secondary{color:var(--ink);background:#e7ece9}button.danger{background:#a33}input,textarea,select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:10px}textarea{min-height:360px;font-family:ui-monospace,monospace;line-height:1.55}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#14251f;padding:28px 20px}aside h1{letter-spacing:.12em;margin:0 0 32px}aside a{color:#cfe0d9;padding:10px 0;text-decoration:none;display:block}main{width:100%;max-width:1320px;padding:34px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 5px 22px #00000008}.muted{color:var(--muted)}.badge{color:#08684c;background:#e7f4ef;border-radius:999px;margin-right:7px;padding:4px 9px;font-size:12px;display:inline-block}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.login{max-width:420px;margin:12vh auto}table{border-collapse:collapse;background:#fff;width:100%}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px}a{color:#087f5b}@media (max-width:760px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:18px}}