:root{--bg: #f7f4ec;--bg-accent: #e9f5f4;--text: #17252a;--muted: #4f5b62;--card: rgba(255, 255, 255, .85);--stroke: rgba(23, 37, 42, .1);--accent: #f0a500;--accent-2: #2b7a78;--danger: #d94f4f;--good: #2f8f5b}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 20%,var(--bg-accent),transparent 55%),radial-gradient(circle at 90% 10%,#f9e5d8,transparent 45%),var(--bg);min-height:100vh}.page{min-height:100vh}.wrap{padding:32px;max-width:1200px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}h1{margin:0;font-size:28px;letter-spacing:-.5px}.subtitle{color:var(--muted);font-size:14px}.key-panel{display:flex;align-items:center;gap:12px;background:var(--card);padding:12px 16px;border-radius:14px;border:1px solid var(--stroke);box-shadow:0 10px 30px #17252a14}.key-panel input{border:1px solid var(--stroke);border-radius:10px;padding:8px 12px;font-size:14px;background:#fff;min-width:220px}.key-panel button{border:none;background:var(--accent);color:#1b1b1b;padding:8px 14px;border-radius:10px;font-weight:600;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.card{background:var(--card);border:1px solid var(--stroke);border-radius:18px;padding:16px;box-shadow:0 12px 24px #17252a14}.card h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card .value{font-size:24px;font-weight:600}.card .hint{font-size:12px;color:var(--muted);margin-top:6px}.section{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section h2{margin:0;font-size:18px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;background:#2b7a7826;color:var(--accent-2)}.error{color:var(--danger);font-size:13px;margin-bottom:16px}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:18px;overflow:hidden;border:1px solid var(--stroke);box-shadow:0 12px 24px #17252a14}th,td{padding:12px 14px;text-align:left;font-size:13px;border-bottom:1px solid var(--stroke)}th{background:#17252a0d;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}tr:last-child td{border-bottom:none}.status{display:inline-flex;align-items:center;gap:6px;font-weight:600}.status.good{color:var(--good)}.status.bad{color:var(--danger)}.status.warn{color:#b57b00}.small,.empty{font-size:12px;color:var(--muted)}@media (max-width: 720px){header{flex-direction:column;align-items:flex-start}.key-panel{width:100%;flex-wrap:wrap}.key-panel input{flex:1 1 220px}}