:root{color-scheme:light;--bg:#f5f7fa;--surface:#ffffff;--surface-soft:#eef3f8;--ink:#17202a;--muted:#5e6b78;--line:#d8e0e8;--accent:#087f8c;--accent-dark:#06636d;--warning:#a15c00;--danger:#a23333;--ok:#26734d;--shadow:0 10px 24px rgba(23,32,42,0.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--accent);background:var(--accent);color:#ffffff;min-height:38px;padding:8px 12px;border-radius:6px;cursor:pointer}button:hover{background:var(--accent-dark)}button.secondary{background:#ffffff;color:var(--accent)}button.danger{background:var(--danger);border-color:var(--danger)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--line);border-radius:6px;background:#ffffff;color:var(--ink);padding:8px 10px}textarea{min-height:86px;resize:vertical}a{color:var(--accent)}.shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px;background:#ffffff;border-bottom:1px solid var(--line)}.brand h1{margin:0;font-size:22px}.brand p{margin:4px 0 0}.brand p,.identity{color:var(--muted);font-size:13px}.identity{text-align:right}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 78px)}.nav{padding:18px;background:#fbfcfd;border-right:1px solid var(--line)}.nav button{display:block;width:100%;margin-bottom:8px;border-color:transparent;background:transparent;color:var(--ink);text-align:left}.nav button.active{background:var(--surface-soft);border-color:var(--line);color:var(--accent-dark)}.main{padding:24px}.section{max-width:1480px}.section h2{margin:0 0 16px;font-size:24px}.section h3{margin:18px 0 10px;font-size:17px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.grid{display:grid;grid-gap:12px;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.field{display:grid;grid-gap:5px;gap:5px}.field label{color:var(--muted);font-size:12px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.metric{border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:12px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:6px;font-size:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#ffffff}table{width:100%;border-collapse:collapse;min-width:900px}td,th{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:13px}th{background:var(--surface-soft);color:#344452;position:-webkit-sticky;position:sticky;top:0;z-index:1}.status{display:inline-block;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.status.ok{background:#e8f5ef;color:var(--ok)}.status.warn{background:#fff3df;color:var(--warning)}.status.danger{background:#fbe8e8;color:var(--danger)}.notice{border-left:4px solid var(--accent);background:#eef9fa;padding:12px;color:#24454a;margin-bottom:16px}.error-list{color:var(--danger)}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media (max-width:920px){.layout{grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid var(--line)}.grid.four,.grid.three,.grid.two,.metrics{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.identity{text-align:left}}