:root{--blue:#014a9e;--bg:#f4f7fa;--border:#d9e2ea;--text:#263238;--muted:#65727c}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}
header{background:#fff;border-bottom:1px solid var(--border);padding:13px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}
header strong{color:var(--blue);font-size:20px}nav{background:#fff;border-bottom:1px solid var(--border);padding:0 20px}nav a{display:inline-block;padding:12px;text-decoration:none;color:var(--text);font-weight:700}nav a:hover{color:var(--blue)}
main{max-width:1250px;margin:22px auto;padding:0 18px}.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid #e7edf2;vertical-align:top}th{font-size:12px;color:var(--muted)}
input,select,textarea{width:100%;padding:9px;border:1px solid #c8d4de;border-radius:6px;margin:4px 0 11px}textarea{min-height:90px}.btn,button{display:inline-block;background:#fff;border:1px solid #b8c8d6;color:var(--text);padding:9px 12px;border-radius:6px;text-decoration:none;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.danger{background:#a61b1b;color:#fff;border-color:#a61b1b}.muted{color:var(--muted)}.flash{padding:10px;background:#eaf5ff;border:1px solid #b7daf7;border-radius:7px;margin-bottom:15px}.kpi strong{font-size:27px;color:var(--blue)}code,.token{word-break:break-all;font-family:monospace;background:#f3f6f8;padding:8px;border-radius:5px;display:block}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#eef4f8}
@media(max-width:800px){.grid,.grid3{grid-template-columns:1fr}.toolbar,header{align-items:flex-start;flex-direction:column}}