:root{--bg:#eef1f4;--panel:#fff;--panel-quiet:#f8fafc;--ink:#15181c;--ink-soft:#49515b;--muted:#6e7783;--line:#d8dee6;--line-strong:#b9c2ce;--red:#c5161d;--red-soft:#fff0f0;--amber:#b76d00;--amber-soft:#fff7e6;--green:#16784a;--green-soft:#ebf8f0;--teal:#0a6970;--teal-soft:#e6f5f6;--slate:#202730;--shadow:0 18px 55px #17202c1f}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);letter-spacing:0;background:linear-gradient(#ffffffb8,#eef1f4f0),repeating-linear-gradient(90deg,#2027300a 0 1px,#0000 1px 84px);margin:0;font-family:Aptos,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}code{border:1px solid var(--line);background:var(--panel-quiet);color:var(--ink-soft);border-radius:5px;padding:2px 6px;font-size:.9em}.app-shell{min-height:100svh}.brand-lockup{align-items:center;gap:14px;min-width:0;display:flex}.brand-lockup span,.eyebrow,.muted-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.brand-lockup strong{color:var(--ink);margin-top:2px;font-size:1rem;display:block}.brand-logo{border:1px solid var(--line);background:#fff;border-radius:6px;flex:none;width:122px;height:auto;padding:8px 10px;display:block}.maintenance-screen{background:linear-gradient(135deg,#15181cf5,#15181cdb),linear-gradient(115deg,#c5161d38,#0a697026);place-items:center;min-height:100svh;padding:24px;display:grid}.maintenance-panel{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;width:min(100%,560px);padding:40px;box-shadow:0 28px 90px #00000047}.maintenance-logo{width:166px;margin-bottom:38px}.maintenance-panel .eyebrow{color:#ffc4c6}.maintenance-panel h1{margin:8px 0 0;font-size:3rem;line-height:1}.maintenance-panel>p:not(.eyebrow){color:#ffffffc7;max-width:460px;margin:20px 0 0;font-size:1.02rem;line-height:1.5}.maintenance-form{gap:16px;margin-top:32px;display:grid}.maintenance-form label{color:#fff;gap:8px;font-weight:800;display:grid}.maintenance-input{min-height:48px;color:var(--ink);background:#fffffff2;border:1px solid #ffffff42;border-radius:6px;align-items:center;gap:10px;padding:0 14px;display:flex}.maintenance-input input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.form-error{color:#ffbdc0;margin:0;font-weight:800}.dashboard-shell{width:min(100%,1780px);min-height:100svh;margin:0 auto;padding:22px}.topbar,.hero-band,.automation-panel,.control-strip,.table-panel,.detail-panel,.dashboard-footer{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb}.topbar{border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ghost-button,.primary-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:800;display:inline-flex}.ghost-button{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft)}.primary-button{border:1px solid var(--red);background:var(--red);color:#fff}.primary-button.wide{width:100%}.hero-band{grid-template-columns:minmax(0,1.1fr) minmax(560px,.9fr);gap:22px;margin-top:14px;padding:24px;display:grid}.hero-copy{align-self:center;max-width:760px}.hero-copy h1{margin:8px 0 0;font-size:2.65rem;line-height:1.02}.hero-copy p:last-child{max-width:650px;color:var(--ink-soft);margin:16px 0 0;font-size:1.05rem;line-height:1.5}.automation-panel{grid-template-columns:minmax(280px,.85fr) minmax(310px,.52fr) minmax(230px,.38fr) minmax(330px,.6fr);align-items:stretch;gap:16px;margin-top:14px;padding:18px;display:grid}.automation-copy h2{margin:6px 0 0;font-size:1.28rem}.automation-copy p:last-child{color:var(--ink-soft);margin:10px 0 0;line-height:1.45}.automation-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.automation-stat{border:1px solid var(--line);background:var(--panel-quiet);border-radius:8px;gap:4px;min-width:0;padding:11px;display:grid}.automation-stat strong{font-size:1.45rem;line-height:1}.automation-stat span{color:var(--muted);font-size:.76rem;font-weight:900}.automation-stat.ready{background:var(--teal-soft);border-color:#a6d7da}.automation-stat.verify,.automation-stat.pending{background:var(--amber-soft);border-color:#eed39f}.automation-stat.blocked{background:var(--red-soft);border-color:#f1b6b8}.queue-actions{align-content:start;gap:8px;display:grid}.queue-actions button{border:1px solid var(--line-strong);background:var(--slate);color:#fff;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}.queue-actions button+button{border-color:var(--red);background:var(--red)}.carrier-preview{gap:7px;display:grid}.carrier-preview article{border:1px solid var(--line);background:var(--panel-quiet);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.carrier-preview strong,.carrier-preview small{display:block}.carrier-preview small{color:var(--muted);margin-top:2px;font-size:.76rem}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.metric-card{border:1px solid var(--line);background:var(--panel-quiet);border-radius:8px;min-width:0;padding:16px}.metric-card span{color:var(--ink);font-size:2rem;font-weight:900;line-height:1;display:block}.metric-card strong,.metric-card small{overflow-wrap:anywhere;min-width:0;display:block}.metric-card strong{margin-top:10px;line-height:1.12}.metric-card small{color:var(--muted);margin-top:5px;font-size:.78rem;line-height:1.35}.metric-card.dark{background:var(--slate);color:#fff}.metric-card.dark span,.metric-card.dark small{color:#fff}.metric-card.danger{background:var(--red-soft);border-color:#f1b6b8}.metric-card.warning{background:var(--amber-soft);border-color:#eed39f}.metric-card.accent{background:var(--teal-soft);border-color:#a6d7da}.metric-card.muted{background:#f2f4f7}.control-strip{grid-template-columns:minmax(260px,1fr) minmax(420px,auto) auto auto auto;align-items:center;gap:10px;margin-top:14px;padding:12px;display:grid}.search-field,.select-field{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:42px;color:var(--muted);border-radius:6px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field input,.select-field select{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.filter-tabs{border:1px solid var(--line);background:var(--panel);border-radius:6px;align-items:center;gap:4px;min-width:0;padding:4px;display:flex;overflow-x:auto}.filter-tabs button{min-height:34px;color:var(--ink-soft);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;padding:0 10px;font-size:.78rem;font-weight:900}.filter-tabs button.active{border-color:var(--line-strong);background:var(--slate);color:#fff}.toggle-pill{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--ink-soft);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:0 12px;font-weight:800;display:inline-flex}.toggle-pill input{width:16px;height:16px;accent-color:var(--red)}.result-count{color:var(--muted);white-space:nowrap;justify-self:end;font-weight:800}.workspace{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:14px;margin-top:14px;display:grid}.table-panel,.detail-panel{border-radius:8px;min-width:0}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.panel-title h2{margin:4px 0 0;font-size:1.16rem}.panel-title>span{color:var(--muted);font-size:.84rem;font-weight:800}.panel-title.compact{align-items:flex-start}.table-scroll{max-height:72svh;overflow:auto}.tracking-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:930px;font-size:.84rem}.tracking-table th:first-child,.tracking-table td:first-child{width:126px}.tracking-table th:nth-child(2),.tracking-table td:nth-child(2){width:92px}.tracking-table th:nth-child(3),.tracking-table td:nth-child(3){width:86px}.tracking-table th:nth-child(4),.tracking-table td:nth-child(4){width:160px}.tracking-table th:nth-child(5),.tracking-table td:nth-child(5){width:94px}.tracking-table th:nth-child(6),.tracking-table td:nth-child(6){width:128px}.tracking-table th:nth-child(7),.tracking-table td:nth-child(7){width:132px}.tracking-table th:nth-child(8),.tracking-table td:nth-child(8){width:124px}.tracking-table th{z-index:1;border-bottom:1px solid var(--line-strong);color:var(--muted);text-align:left;text-transform:uppercase;background:#f3f6f9;padding:10px;font-size:.73rem;position:sticky;top:0}.tracking-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px}.tracking-table tr{cursor:pointer}.tracking-table tbody tr:hover{background:#fbfcfd}.tracking-table tbody tr.selected{box-shadow:inset 4px 0 0 var(--red);background:#fff5f5}.tracking-table strong,.tracking-table small{display:block}.tracking-table strong{color:var(--ink)}.tracking-table small{color:var(--muted);margin-top:3px;font-size:.76rem;line-height:1.3}.tracking-table .eta-change{color:var(--amber);font-weight:900}.alert-pill,.tracking-pill,.change-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 9px;font-size:.76rem;font-weight:900;display:inline-flex}.tracking-pill{border:1px solid #0000}.alert-pill.danger,.status-dot.danger{color:var(--red);background:var(--red-soft)}.alert-pill.today,.status-dot.today{color:var(--teal);background:var(--teal-soft)}.alert-pill.warning,.status-dot.warning{color:var(--amber);background:var(--amber-soft)}.alert-pill.success,.status-dot.success{color:var(--green);background:var(--green-soft)}.alert-pill.muted,.status-dot.muted,.tracking-pill.muted{color:var(--muted);background:#edf0f4}.tracking-pill.ready{color:var(--teal);background:var(--teal-soft);border-color:#a6d7da}.tracking-pill.verify,.tracking-pill.pending{color:var(--amber);background:var(--amber-soft);border-color:#eed39f}.tracking-pill.blocked{color:var(--red);background:var(--red-soft);border-color:#f1b6b8}.change-pill{color:var(--green);background:var(--green-soft)}.change-pill.changed{color:var(--amber);background:var(--amber-soft)}.detail-panel{max-height:calc(100svh - 28px);position:sticky;top:14px;overflow:auto}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid}.info-tile{border:1px solid var(--line);background:var(--panel-quiet);border-radius:8px;gap:10px;min-width:0;padding:12px;display:flex}.info-tile>span{width:32px;height:32px;color:var(--red);background:#fff;border-radius:6px;flex:none;place-items:center;display:grid}.info-tile div{min-width:0}.info-tile small,.info-tile strong,.info-tile em{overflow-wrap:anywhere;min-width:0;display:block}.info-tile small{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.info-tile strong{margin-top:3px}.info-tile em{color:var(--muted);margin-top:2px;font-size:.78rem;font-style:normal}.detail-block{border-top:1px solid var(--line);padding:16px}.detail-block h3{margin:0 0 12px;font-size:.95rem}.detail-block dl{gap:10px;margin:0;display:grid}.detail-block dl div{grid-template-columns:96px minmax(0,1fr);gap:12px;display:grid}.detail-block dt{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.detail-block dd{overflow-wrap:anywhere;min-width:0;margin:0}.connector-console{border:1px solid var(--line-strong);background:#f6f8fa;border-radius:8px;gap:10px;margin:0 16px 16px;padding:14px;display:grid}.connector-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.connector-header h3{margin:3px 0 0;font-size:.98rem}.connector-summary,.connector-result{background:#ffffffc2;border:1px solid #a6d7da;border-radius:8px;justify-items:start;gap:4px;padding:10px;display:grid}.connector-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.connector-summary strong,.connector-result strong,.connector-summary small,.connector-result small,.connector-result em{overflow-wrap:anywhere;min-width:0;display:block}.connector-summary strong,.connector-result strong{font-size:.86rem}.connector-summary small,.connector-result small,.connector-result em{color:var(--ink-soft);font-size:.78rem;line-height:1.35}.connector-result em{color:var(--muted);font-style:normal;font-weight:900}.connector-result.ready{background:#fff;border-color:#a6d7da}.connector-result.verify,.connector-result.pending{background:var(--amber-soft);border-color:#eed39f}.connector-result.blocked{background:var(--red-soft);border-color:#f1b6b8}.connector-result.muted{border-color:var(--line);background:var(--panel-quiet)}.connector-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.connector-actions button{min-width:0;min-height:38px;color:var(--ink-soft);white-space:nowrap;background:#fff;border:1px solid #a6d7da;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:.78rem;font-weight:900;display:inline-flex}.connector-actions button:disabled{cursor:not-allowed;opacity:.48}.history-text{color:var(--ink-soft);overflow-wrap:anywhere;margin:0;line-height:1.45}.event-list{gap:8px;display:grid}.source-details{border-top:1px solid var(--line);padding:16px}.source-details summary{cursor:pointer;color:var(--ink);font-size:.95rem;font-weight:900}.source-details[open] summary{margin-bottom:12px}.event-item{border:1px solid var(--line);background:var(--panel-quiet);border-radius:8px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.status-dot{border-radius:999px;width:10px;height:10px}.event-item strong,.event-item small{overflow-wrap:anywhere;min-width:0;display:block}.event-item small{color:var(--muted);margin-top:3px}.event-item em{color:var(--muted);font-size:.76rem;font-style:normal;font-weight:800}.client-share-panel{background:var(--teal-soft);border:1px solid #a6d7da;border-radius:8px;gap:10px;margin:0 16px 16px;padding:14px;display:grid}.client-share-panel div,.client-share-panel button{align-items:center;gap:8px;display:flex}.client-share-panel p{color:var(--ink-soft);overflow-wrap:anywhere;margin:0;font-size:.82rem}.client-share-panel button{border:1px solid var(--teal);background:var(--teal);color:#fff;border-radius:6px;justify-content:center;min-height:36px;font-weight:900}.dashboard-footer{color:var(--muted);border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:13px 16px;font-size:.88rem;display:flex}.dashboard-footer a{color:var(--teal);align-items:center;gap:6px;font-weight:900;display:inline-flex}.footer-links{flex-wrap:wrap;gap:12px;display:flex}.loading-screen{min-height:100svh;color:var(--ink-soft);text-align:center;place-content:center;gap:12px;display:grid}.loading-screen strong{color:var(--red)}.loading-screen.error p{margin:0}.spin{margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1220px){.hero-band,.automation-panel{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}.workspace{grid-template-columns:1fr}.detail-panel{max-height:none;position:static}}@media (max-width:820px){.dashboard-shell{padding:12px}.topbar,.dashboard-footer{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start;width:100%}.ghost-button,.primary-button{flex:150px}.hero-band{padding:18px}.hero-copy h1{font-size:2rem}.control-strip{grid-template-columns:1fr}.filter-tabs{width:100%}.automation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.carrier-preview article{flex-direction:column;align-items:flex-start}.result-count{justify-self:start}.detail-grid,.connector-results,.connector-actions,.operator-actions{grid-template-columns:1fr}.maintenance-panel{padding:28px}.maintenance-panel h1{font-size:2.35rem}}
