:root{--bg:#f4f6f9;--card:#fff;--ink:#172033;--muted:#6b7280;--brand:#0f766e;--line:#dbe1ea;--danger:#b91c1c;--ok:#15803d}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--ink)}.top{background:linear-gradient(135deg,#064e3b,#0f766e);color:white;padding:18px 24px}.top span{display:block;font-size:13px;opacity:.85}.nav{display:flex;gap:6px;flex-wrap:wrap;background:#fff;border-bottom:1px solid var(--line);padding:10px 18px;position:sticky;top:0;z-index:5}.nav a{padding:8px 10px;text-decoration:none;color:#0f3f3a;border-radius:10px}.nav a:hover{background:#e6fffa}.wrap{max-width:1250px;margin:22px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 25px rgba(15,23,42,.06);padding:18px;margin-bottom:16px}.card h2,.card h3{margin-top:0}.kpi{font-size:30px;font-weight:800}.muted{color:var(--muted)}label{display:block;font-weight:700;margin:10px 0 5px}input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}input[type=color]{height:44px;padding:3px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.btn,button{display:inline-block;background:var(--brand);color:white;border:none;border-radius:10px;padding:10px 14px;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#334155}.btn.warn{background:#b45309}.btn.danger{background:#b91c1c}.msg{padding:12px 14px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:12px}.err{padding:12px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:12px;color:#7f1d1d}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fafc}.swatch{display:inline-block;width:18px;height:18px;border-radius:5px;border:1px solid #999;vertical-align:middle;margin-right:6px}.badge{display:inline-block;border-radius:999px;padding:4px 8px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.ok{color:var(--ok);font-weight:800}.bad{color:var(--danger);font-weight:800}.chartbox{height:360px}.foot{text-align:center;color:var(--muted);padding:30px}.small{font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#f1f5f9;border-radius:999px;padding:5px 10px;display:inline-block;margin:2px}
.userbox{font-size:.9rem;text-align:right}.userbox a{color:#fff;text-decoration:underline}.login-body{min-height:100vh;display:grid;place-items:center;background:#eef2f7}.login-box{width:min(440px,92vw);background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 40px rgba(0,0,0,.12)}.login-box h1{margin-top:0}.small{font-size:.9rem}.muted{color:#64748b;margin-top:16px}.alert{padding:12px 14px;border-radius:12px;margin:12px 0}.alert.ok{background:#e7f8ed;border:1px solid #7bd99a}.alert.bad{background:#fdecec;border:1px solid #f29a9a}.btn.primary{background:#0f3d6e;color:#fff}.btn.danger{background:#b91c1c;color:#fff}.grid.four{grid-template-columns:repeat(4,minmax(160px,1fr))}.table-wrap{overflow-x:auto}td input,td select{min-width:120px}code{background:#f1f5f9;padding:2px 6px;border-radius:6px}
@media(max-width:900px){.grid.four{grid-template-columns:1fr}.top{gap:10px}.userbox{text-align:left}}
button.danger{background:#b91c1c;color:#fff}