:root{--ink:#181818;--paper:#f4f5f7;--card:#fff;--hair:#e5e8ed;--lead:#6b7482;--mute:#9aa3b0;--amber:#dd9a2b;--railbg:#1f2733;--done:#2e9e5b;--delay:#d64545;--risk:#e08a00;--sans:"Inter",system-ui,sans-serif;--disp:"Archivo",sans-serif;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box}body,html{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:14px}.top{color:#fff;z-index:50;background:#0d1014;align-items:center;gap:14px;height:56px;padding:0 18px;display:flex;position:fixed;inset:0 0 auto}.top .brand{font-family:var(--disp);letter-spacing:.05em;font-weight:800}.top .brand small{letter-spacing:.22em;color:#8b95a4;font-size:8.5px;font-weight:600;display:block}.ctx{cursor:pointer;font-size:12px}.ctx,.rail{color:#c9cfd8}.rail{background:var(--railbg);z-index:40;flex-direction:column;width:224px;display:flex;position:fixed;top:56px;bottom:0;left:0}.rail-nav{scrollbar-width:thin;scrollbar-color:#3a4556 transparent;flex:1;padding:8px 0;overflow-y:auto}.rail-h{letter-spacing:.18em;text-transform:uppercase;color:#7a8494;padding:12px 16px 4px;font-size:9.5px;font-weight:750}.nav{color:#c9cfd8;width:calc(100% - 10px);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin:1px 5px;padding:8px 12px;font-size:13px;text-decoration:none;display:flex}.nav:hover{color:#fff;background:#28313f}.nav.on{color:#fff;box-shadow:inset 3px 0 0 var(--amber);background:#141b24}.nav .nn{font-family:var(--mono);color:#5e6878;width:18px;font-size:10px}.rail-foot{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#8b95a4;border-top:1px solid #2b3444;padding:10px 16px;font-size:9px}.rail-foot b{letter-spacing:.06em;color:#e8ecf1;margin-top:2px;font-size:11px;display:block}main{min-height:calc(100vh - 56px);margin:56px 0 0 224px;padding:26px 30px 60px}main.full{margin:0;padding:0}.h1{font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;margin:0 0 4px;font-size:22px}.sub{color:var(--lead);margin:0 0 18px;font-size:13px}.card{margin-bottom:14px;padding:18px}.card,.kpi{background:var(--card);border:1px solid var(--hair);border-radius:12px}.kpi{min-width:130px;margin:0 10px 10px 0;padding:12px 16px;display:inline-block}.kpi b{font-family:var(--disp);font-size:24px;display:block}.kpi span{color:var(--lead);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.btn{border:1px solid var(--hair);font:inherit;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;display:inline-flex}.btn:hover{border-color:var(--lead)}.btn-p{background:var(--amber);border-color:var(--amber);color:#181818;font-weight:700}.btn-s{padding:4px 9px;font-size:12px}.f{border:1px solid var(--hair);font:inherit;background:#fff;border-radius:8px;padding:8px 10px;font-size:13px}.fld{margin-bottom:10px}.fld label{color:var(--lead);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:11px;display:block}.tag{color:#4a5568;background:#eef1f5;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.tag.ok{color:#1b5e3b;background:#e6f4ec}.tag.bad{color:#9e2b2b;background:#fbeaea}.tag.warn{color:#8a5f12;background:#fdf3e3}table.t{border-collapse:collapse;border:1px solid var(--hair);background:#fff;border-radius:10px;width:100%;overflow:hidden}.t th{color:#fff;text-align:left;letter-spacing:.05em;text-transform:uppercase;background:#1f2733;font-size:11px}.t td,.t th{padding:8px 10px}.t td{border-top:1px solid var(--hair);vertical-align:top}.alert,.t td{font-size:13px}.alert{border:1px solid var(--hair);border-radius:10px;margin-bottom:12px;padding:10px 14px}.alert.ok{color:#1b5e3b;background:#e6f4ec;border-color:#bfe3cc}.note{border:1px solid var(--hair);color:var(--lead);background:#fafbfc;border-radius:10px;padding:10px 14px;font-size:12px}.grid-cos{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;max-width:1000px;display:grid}.co-card{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:26px 14px;display:flex}.co-card img{-o-object-fit:contain;object-fit:contain;max-width:150px;height:64px}.co-ini{color:#fff;width:64px;height:64px;font-family:var(--disp);background:#1f2733;border-radius:12px;justify-content:center;align-items:center;font-size:26px;display:flex}.pf{max-width:560px;margin:0 auto;padding:22px 18px 60px}.pf-h{text-align:center;margin-bottom:16px}.pf-h h1{font-family:var(--disp);margin:8px 0 2px;font-size:19px}.pf-q{border:1px solid var(--hair);background:#fff;border-radius:12px;margin-bottom:12px;padding:14px}.ask{margin-bottom:8px;font-weight:700;display:block}.pf-done{text-align:center;padding:60px 20px}.ok-badge{color:#1b5e3b;background:#e6f4ec;border-radius:50%;width:64px;height:64px;margin:0 auto 14px;font-size:30px}.ok-badge,.tv{justify-content:center;align-items:center;display:flex}.tv{color:#fff;text-align:center;background:#0d1014;flex-direction:column;gap:22px;min-height:100vh;padding:30px}.tv h1{font-family:var(--disp);margin:0;font-size:clamp(26px,4.5vw,54px)}.tv .def{color:#c9cfd8;max-width:900px;font-size:clamp(15px,1.8vw,22px);line-height:1.55}.tv .qrbox{background:#fff;border-radius:18px;padding:18px}.login-wrap{background:#0d1014;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:14px;width:min(400px,94vw);padding:30px 28px;box-shadow:0 20px 60px #0006}@media (width<=900px){.rail{display:none}main{margin-left:0}}.brand-logo{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:6px;max-width:150px;height:30px;padding:2px 8px}.burger{color:#c9cfd8;cursor:pointer;background:0 0;border:1px solid #3a4556;border-radius:8px;padding:4px 10px;font-size:17px}.burger,.scrim{display:none}@media (width<=900px){.burger{display:inline-flex}.rail{transition:transform .2s;display:flex;transform:translate(-100%);box-shadow:0 0 40px #00000080}.rail.on{transform:none}.scrim{z-index:35;background:#0d101473;display:block;position:fixed;inset:0}main{margin-left:0}}