:root{--bg:#f6f7fb;--panel:#fff;--ink:#15171c;--muted:#6c7280;--line:#e6e8ee;--accent:#111827;--danger:#b42318;--ok:#067647}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}.wrap{max-width:1260px;margin:0 auto;padding:24px}.top{background:#0b0d12;color:#fff}.top .wrap{display:flex;align-items:center;gap:18px;justify-content:space-between;padding-top:14px;padding-bottom:14px}.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a{text-decoration:none;color:#d7dae0}.nav a:hover{color:#fff}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{font-size:30px;font-weight:800}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.btn{display:inline-block;border:0;border-radius:9px;background:var(--accent);color:#fff;padding:10px 14px;text-decoration:none;cursor:pointer}.btn.alt{background:#fff;color:#111;border:1px solid var(--line)}.btn.danger{background:var(--danger)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #ccd1da;border-radius:9px;background:#fff}textarea{min-height:120px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#eef1f5;font-size:12px;font-weight:700}.flash{padding:12px 14px;border-radius:9px;background:#ecfdf3;color:#065f46;margin-bottom:15px}.error{padding:12px 14px;border-radius:9px;background:#fef3f2;color:#912018;margin-bottom:15px}.login{max-width:440px;margin:8vh auto}.small{font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.timeline{border-left:2px solid var(--line);padding-left:18px}.event{margin-bottom:16px}.event b{display:block}.right{text-align:right}@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.top .wrap{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.grid{grid-template-columns:1fr}.wrap{padding:14px}table{font-size:13px}}