:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#27364a;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{width:100%;max-width:1720px;margin:auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow{margin:0;color:#64748b;font-size:13px}.topbar h1{margin:3px 0 0;font-size:29px;color:#172033}.status{display:flex;gap:10px;align-items:center}button{border:0;border-radius:8px;background:#1689d8;color:#fff;padding:11px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.badge,.state{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}.badge.info{background:#e4f3ff;color:#0878c9}.badge.demo{background:#fff4ce;color:#8c6500}.filters{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin-bottom:16px}.filters label{font-size:12px;color:#64748b}.filters select{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;color:#27364a}.kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:16px}.kpis article,.panel{background:#fff;border:1px solid #e1e7ef;border-radius:12px;box-shadow:0 2px 8px rgba(31,52,82,.04)}.kpis article{padding:17px 18px;border-top:3px solid #1689d8}.kpis article.danger{border-top-color:#e5484d}.kpis article.warning{border-top-color:#f59e0b}.kpis span{display:block;color:#607087;font-size:13px}.kpis strong{display:block;margin-top:7px;font-size:29px;color:#14213d}.danger strong{color:#d5343b}.warning strong{color:#d98200}.panel{margin-bottom:16px;padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{font-size:17px;margin:0;color:#172033}.panel-title p,.footnote{font-size:12px;color:#718096;margin:4px 0 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f7f9fc;color:#536176;padding:11px;border-bottom:1px solid #dfe6ef;white-space:nowrap}td{padding:12px 11px;border-bottom:1px solid #edf0f4;vertical-align:middle}tbody tr:hover{background:#f8fbff}.num{text-align:right}.state.pending{background:#fee8e8;color:#c52931}.state.attempted{background:#fff1d6;color:#a76100}.state.returned{background:#dcf7e7;color:#147a42}.link{background:transparent;color:#0878c9;padding:4px;font-size:13px}.empty{text-align:center;color:#718096;padding:30px}.footnote{text-align:center;margin-bottom:2px}dialog{width:min(980px,calc(100% - 32px));border:0;border-radius:14px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(15,28,48,.55)}.close{position:absolute;right:14px;top:10px;background:transparent;color:#506176;font-size:27px;padding:4px 8px}.detail{padding:27px}.detail h2{margin:0 0 6px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:18px}.card{border:1px solid #e1e7ef;border-radius:10px;padding:17px}.event{border-left:3px solid #e5484d;padding:2px 0 18px 17px}.event.returned{border-color:#23a566}.event h3{margin:0 0 8px;font-size:15px}.kv{display:grid;grid-template-columns:170px 1fr;gap:9px;font-size:13px}.kv span:nth-child(odd){color:#718096}.detail-status{font-size:14px;margin-top:8px}#toast{position:fixed;right:20px;bottom:20px;background:#172033;color:#fff;padding:12px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:650px){.shell{padding:14px}.topbar{align-items:flex-start}.kpis{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.panel{padding:12px}.status{flex-direction:column;align-items:flex-end}}