:root{--bg:#eef3f9;--surface:#fff;--text:#0f172a;--muted:#596983;--primary:#003dbf;--secondary:#61ba47;--border:#d8e2f0}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
.wrap{max-width:1280px;margin:0 auto;padding:18px}
.hero{background:linear-gradient(145deg,#003dbf,#042b77);color:#fff;border-radius:20px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hero small{letter-spacing:.16em;opacity:.8}.hero h1{margin:6px 0 4px;font-size:42px}.hero p{margin:0;opacity:.9}
.hero-actions{display:flex;gap:8px}.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.4);color:#fff;text-decoration:none}.btn.primary{background:rgba(255,255,255,.15)}
.grid{display:grid;gap:12px;margin-top:12px}.top{grid-template-columns:1.4fr 1fr}.cols2{grid-template-columns:1fr 1fr}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.pulse{background:linear-gradient(135deg,#003dbf,#053083);color:#fff}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.row h2,.row h3{margin:0}
.pill{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);border-radius:999px;padding:6px 10px;font-size:12px}
.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.metric{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);border-radius:12px;padding:8px 10px}
.muted{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);border-radius:999px;padding:5px 9px;font-size:12px}
.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.q{border:1px solid var(--border);border-radius:12px;padding:10px}.line{height:6px;width:50px;border-radius:999px;margin-bottom:8px}.q strong{display:block}.q span{font-size:12px;color:var(--muted)}
.item{border:1px solid var(--border);border-radius:12px;padding:10px;margin-bottom:8px}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#e8eefb;color:#1d4ed8;font-size:12px;font-weight:700}
.time{font-size:28px}.badge{font-size:12px;border-radius:999px;padding:4px 8px;font-weight:700}.ok{background:#dcfce7;color:#0b8c3f}.wait{background:#e8eefb;color:#1d4ed8}
@media(max-width:1100px){.top,.cols2{grid-template-columns:1fr}.quick{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.hero{flex-direction:column;align-items:flex-start}.hero h1{font-size:32px}}