:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fa;color:#17202a}
*{box-sizing:border-box}body{margin:0;background:#f5f7fa}main{max-width:1180px;margin:0 auto;padding:24px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dfe4ea;padding-bottom:16px;margin-bottom:20px}
nav{display:flex;gap:8px;flex-wrap:wrap}button{border:1px solid #b8c2cc;background:#fff;border-radius:4px;padding:8px 12px;cursor:pointer}button.primary{background:#1769aa;color:#fff;border-color:#1769aa}
input,select{border:1px solid #b8c2cc;border-radius:4px;padding:8px;font:inherit}form{display:grid;gap:10px;max-width:360px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.panel{background:#fff;border:1px solid #dfe4ea;border-radius:6px;padding:16px}.metric{font-size:24px;font-weight:650}.muted{color:#5e6b78;font-size:13px}.error{color:#a4262c}.ok{color:#137333}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:8px;border-bottom:1px solid #edf0f2;text-align:left;white-space:nowrap}.tag{display:inline-block;padding:2px 6px;border-radius:3px;background:#edf4fb;color:#145a8d;font-size:12px}.hidden{display:none}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}