.ux-card{padding:20px 22px;display:grid;gap:14px;align-content:start}.ux-ch{display:flex;justify-content:space-between;align-items:center}
.ux-trip{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.ux-trip div,.ux-legend div{display:grid;gap:1px}.ux-trip span,.ux-legend span{color:var(--ux-mute);font-size:10.5px}.ux-trip b{font-size:12.5px}
.ux-checks{display:grid;gap:7px;border-top:1px solid var(--ux-line);padding-top:12px}.ux-checks div{display:flex;gap:8px;align-items:center;font-weight:600}.ux-checks .ok .ic{color:#1D6B43}.ux-checks .no{color:#A3420F}
.ux-total{display:flex;justify-content:space-between;border-top:1px solid var(--ux-line);padding-top:12px}.ux-total b{font-size:15px}.ux-acts{display:flex;gap:8px}.ux-btn.ghost{background:transparent;color:var(--ux-acc);box-shadow:inset 0 0 0 1.5px var(--ux-acc)}
.ux-cols{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;height:150px;align-items:end}.ux-cols div{height:100%;display:grid;grid-template-rows:1fr auto;gap:6px;align-items:end;text-align:center}.ux-cols i{display:block;border-radius:6px 6px 2px 2px;background:var(--ux-acc-2)}.ux-cols i.on{background:var(--ux-acc)}.ux-cols span{font-size:10px;color:var(--ux-mute)}
.ux-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--ux-line);padding-top:12px}.ux-legend b{font-size:14px}
.ux{--ux-bg:#fff;--ux-side:#F6F5FA;--ux-line:#E6E3EE;--ux-ink:#201C29;--ux-mute:#6E6A7C;--ux-acc:#4D348A;--ux-acc-2:#EEE9F8;--ux-dot:#DD6D3F;background:var(--ux-bg);border-radius:12px;overflow:hidden;color:var(--ux-ink);font-size:12px;line-height:1.4;box-shadow:0 30px 70px -20px rgba(20,10,45,.45),0 0 0 1px rgba(20,10,45,.06)}
.ux .ic{width:14px;height:14px;stroke-width:2}
.ux-bar{height:34px;display:flex;align-items:center;gap:14px;padding:0 14px;background:#F1EFF6;border-bottom:1px solid var(--ux-line)}
.ux-dots{display:flex;gap:6px}.ux-dots i{width:9px;height:9px;border-radius:50%;background:#D6D1E2}
.ux-url{flex:1;max-width:280px;margin:0 auto 0 60px;height:20px;border-radius:6px;background:#fff;color:var(--ux-mute);font-size:11px;display:grid;place-items:center}.ux-ill{font-size:10px;font-weight:700;color:var(--ux-mute);border:1px solid var(--ux-line);background:#fff;border-radius:999px;padding:2px 8px;white-space:nowrap}
.ux-app{display:grid;grid-template-columns:172px 1fr;min-height:360px}
.ux-side{background:var(--ux-side);border-right:1px solid var(--ux-line);padding:14px 10px;display:grid;gap:2px;align-content:start}
.ux-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12.5px;margin:0 0 12px 6px}.ux-brand b{width:22px;height:22px;border-radius:6px;background:var(--ux-acc);color:#fff;display:grid;place-items:center;font-size:13px}
.ux-nav{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;color:var(--ux-mute);font-weight:600}.ux-nav.on{background:var(--ux-acc-2);color:var(--ux-acc)}
.ux-main{padding:16px 18px;display:grid;gap:14px;align-content:start}
.ux-top{display:flex;justify-content:space-between;align-items:center}.ux-h{display:block;font-size:15px}.ux-s{color:var(--ux-mute);font-size:11px}
.ux-btn{background:var(--ux-acc);color:#fff;font-weight:700;border-radius:7px;padding:7px 12px;font-size:11.5px;white-space:nowrap}.ux-btn.sm{padding:6px 10px}
.ux-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ux-kpi{border:1px solid var(--ux-line);border-radius:9px;padding:9px 11px;display:grid;gap:2px}.ux-kpi span{color:var(--ux-mute);font-size:10.5px}.ux-kpi b{font-size:16px}
.ux-grid{display:grid;grid-template-columns:1fr 170px;gap:12px}
.ux-t{width:100%;border-collapse:collapse;font-size:11px}.ux-t th{text-align:left;color:var(--ux-mute);font-weight:600;padding:6px 6px;border-bottom:1px solid var(--ux-line)}.ux-t td{padding:8px 6px;border-bottom:1px solid var(--ux-line);white-space:nowrap}
.ux-av{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ux-acc-2);color:var(--ux-acc);font-size:9px;font-weight:700;margin-right:7px;vertical-align:middle}
.ux-warn{color:#B4461C;font-weight:600}
.ux-pill{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.ux-pill.wait{background:#FCEBDD;color:#A3420F}.ux-pill.ok{background:#E3F3EA;color:#1D6B43}.ux-pill.done{background:var(--ux-acc-2);color:var(--ux-acc)}
.ux-chart{border:1px solid var(--ux-line);border-radius:9px;padding:10px 11px;display:grid;gap:8px;align-content:start}.ux-h2{font-size:11.5px}
.ux-bar2{display:grid;gap:3px;font-size:10px;color:var(--ux-mute)}.ux-bar2 i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--ux-acc) var(--v),var(--ux-acc-2) var(--v))}
.ux-search{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;align-items:center;border:1px solid var(--ux-line);border-radius:10px;padding:10px}.ux-search div{display:grid;gap:1px}.ux-search span{color:var(--ux-mute);font-size:10px}.ux-search b{font-size:12px}
.ux-res{display:grid;gap:8px}.ux-row{display:grid;grid-template-columns:26px 60px 1fr 60px 92px auto;gap:12px;align-items:center;border:1px solid var(--ux-line);border-radius:10px;padding:11px 12px}.ux-row.sel{border-color:var(--ux-acc);box-shadow:0 0 0 2px var(--ux-acc-2)}
.ux-row div{display:grid}.ux-row span{color:var(--ux-mute);font-size:10px}.ux-row b{font-size:13px}.ux-carrier{width:26px;height:26px;border-radius:50%;background:var(--ux-acc-2)}
.ux-line{text-align:center}.ux-line i{display:block;height:1.5px;background:var(--ux-line);margin:3px 0;position:relative}.ux-price b{font-size:13px}
.ux{font-family:Jakarta,sans-serif;border-radius:16px;direction:ltr;text-align:left}
.ux .ux-btn{color:#fff}.ux .ux-btn.ghost{color:var(--ux-acc)}