@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:#18212f;background:#f6f7f9;font-synthesis:none;--ink: #18212f;--muted: #6b7280;--soft: #eef1f5;--line: #e6e9ee;--blue: #2563eb;--blue-soft: #eaf1ff;--red: #c2414d;--red-soft: #fff0f1;--amber: #a16207;--amber-soft: #fff7df;--green: #147d54;--green-soft: #e8f7ef}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f7f9}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;min-height:100vh;background:#fff;padding:24px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 25px}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#172033;font-weight:700}.brand strong,.brand span,.user-summary strong,.user-summary span{display:block}.brand strong{font-size:14px;letter-spacing:-.02em}.brand span,.user-summary span{color:var(--muted);font-size:11px;margin-top:3px}.environment{margin:0 8px 22px;padding:10px 11px;background:#f7f8fa;border-radius:9px;display:flex;align-items:center;gap:7px;color:#4b5563;font-size:12px}.environment-dot{width:7px;height:7px;border-radius:50%;background:#39a86b}.environment .status{margin-left:auto}.main-nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:#677183;font-size:13px;transition:background .16s,color .16s,transform .16s}.nav-item:hover{color:var(--ink);background:#f5f7fa;transform:translate(2px)}.nav-item.is-active{color:#1f55bd;background:var(--blue-soft);font-weight:600}.nav-icon{width:18px;text-align:center;font-size:16px}.sidebar-footer{margin-top:auto;padding:16px 8px 0}.user-summary{display:flex;align-items:center;gap:9px;padding:10px 2px 12px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#1f55bd;background:var(--blue-soft);font-size:12px;font-weight:700}.logout-button{border:0;background:transparent;color:var(--muted);padding:5px 0;font-size:12px}.logout-button:hover{color:var(--red)}.main-content{flex:1;min-width:0;padding:42px clamp(22px,5vw,76px)}.page{max-width:1320px;margin:0 auto;animation:page-in .22s ease-out}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:29px}.eyebrow{color:#8490a2;font-size:10px;font-weight:700;letter-spacing:.13em;margin:0 0 8px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:7px;font-size:clamp(25px,3vw,31px);letter-spacing:-.045em;line-height:1.15}h2{margin-bottom:0;font-size:16px;letter-spacing:-.025em}h3{margin-bottom:12px;font-size:13px}.page-lead{color:var(--muted);font-size:13px;line-height:1.65;margin-bottom:0}.button{border:0;border-radius:8px;min-height:36px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;transition:background .16s,color .16s,transform .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:var(--blue)}.button-primary:hover:not(:disabled){background:#1d4ed8}.button-quiet{color:#536072;background:var(--soft)}.button-quiet:hover:not(:disabled){background:#e1e6ee}.button-danger{color:#fff;background:var(--red)}.button-danger-quiet{color:var(--red);background:var(--red-soft)}.notice{border-radius:9px;margin:-10px 0 20px;padding:11px 13px;font-size:12px;line-height:1.5}.notice-success{color:var(--green);background:var(--green-soft)}.notice-error{color:#a82f3a;background:var(--red-soft)}.notice-warning{color:var(--amber);background:var(--amber-soft)}.notice-info{color:#315a9d;background:var(--blue-soft)}.page-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);text-align:center}.page-state strong{color:var(--ink);font-size:14px}.page-state span{max-width:360px;font-size:12px;line-height:1.6}.page-state .button{margin-top:6px}.page-state-error strong{color:var(--red)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line);margin-bottom:29px}.metric{min-height:108px;padding:20px 18px;background:#fff}.metric span,.metric strong{display:block}.metric span{color:var(--muted);font-size:12px;margin-bottom:13px}.metric strong{font-size:23px;letter-spacing:-.04em}.overview-lower{display:grid;grid-template-columns:1fr 1fr;gap:36px}.data-section,.readiness,.detail-panel,.provider-list,.settings-form{background:#fff}.section-heading{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:13px;margin-bottom:1px}.section-meta{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:10px}.summary-list{display:grid;gap:0}.summary-list>div,.readiness-row{min-height:47px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.summary-list strong{font-size:14px}.readiness{padding:0 18px 13px}.readiness-grid{display:grid}.readiness-row small{color:var(--muted);min-width:84px;text-align:right;font-size:10px}.status{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:99px;background:var(--soft);color:#637083;font-size:10px;white-space:nowrap}.status-ok,.status-verified,.status-succeeded,.status-paid,.status-delivered{color:var(--green);background:var(--green-soft)}.status-maintenance,.status-unverified,.status-unknown,.status-pending,.status-processing,.status-pending_payment,.status-stale,.status-fulfillment{color:var(--amber);background:var(--amber-soft)}.status-failed,.status-exception,.status-cancelled{color:var(--red);background:var(--red-soft)}.filter-bar{display:flex;gap:8px;margin-bottom:18px}input,select{width:100%;min-height:38px;border:0;border-radius:7px;background:#f2f4f7;color:var(--ink);padding:0 11px;outline:0;font-size:12px}input:focus,select:focus{box-shadow:0 0 0 2px #c9dafe;background:#fff}.filter-bar input{max-width:320px}.filter-bar select{width:155px}.split-view{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:28px;align-items:start}.data-section{min-width:0}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;min-width:720px;width:100%;text-align:left;font-size:12px}.data-table th{color:#8b95a4;font-size:10px;font-weight:600;padding:0 12px 11px;white-space:nowrap}.data-table td{border-top:1px solid var(--line);padding:13px 12px;vertical-align:middle;color:#596579}.data-table tr:not(.table-empty){cursor:pointer;transition:background .15s}.data-table tbody tr:not(.table-empty):hover,.data-table tr.is-selected{background:#f8faff}.data-table strong,.data-table small{display:block}.data-table strong{color:var(--ink);font-size:12px;font-weight:600}.data-table small{color:#9aa3b1;font-size:10px;margin-top:4px}.table-empty{padding:42px 12px!important;color:var(--muted)!important;text-align:center}.detail-panel{min-height:300px;padding:22px;position:sticky;top:22px}.detail-empty{min-height:270px;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.detail-heading h2{font-size:19px}.metric-list{display:grid;gap:0;margin:0 0 20px}.metric-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid var(--line)}.metric-list dt{color:var(--muted);font-size:11px}.metric-list dd{margin:0;text-align:right;font-size:12px;font-weight:600;word-break:break-word}.detail-block{padding:14px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6}.detail-block h3{color:var(--ink)}.action-row{display:flex;gap:8px;margin-bottom:18px}.action-form,.settings-form{display:grid;gap:13px}.action-form label,.settings-form label{display:grid;gap:7px;color:#596579;font-size:11px}.action-form h3,.form-section h3{margin-bottom:3px}.form-section{display:grid;gap:11px;padding-top:14px;border-top:1px solid var(--line)}.muted,.form-hint,.last-validated{color:var(--muted);font-size:11px;line-height:1.6}.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);gap:28px;align-items:start}.subsection{margin-top:27px}.package-list{display:grid;gap:1px;background:var(--line)}.package-row,.provider-row{border:0;background:#fff;min-height:58px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px}.package-row:hover,.package-row.is-selected,.provider-row:hover,.provider-row.is-selected{background:#f8faff}.package-row span,.provider-row span{display:grid;gap:4px}.package-row strong,.provider-row strong{color:var(--ink);font-size:12px}.package-row small,.provider-row small{color:var(--muted);font-size:10px}.tracking-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:20px}.exception-callout{display:grid;gap:5px;color:var(--red);background:var(--red-soft);border-radius:8px;padding:12px;margin-bottom:20px;font-size:11px}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:17px 1fr;gap:9px;min-height:59px;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:15px;bottom:0;width:1px;background:#d9e0ea}.timeline-dot{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);z-index:1}.timeline-item strong,.timeline-item small{display:block}.timeline-item strong{font-size:12px}.timeline-item small{color:var(--muted);font-size:10px;margin-top:5px}.filter-tabs{display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--line)}.filter-tabs button{border:0;background:transparent;color:var(--muted);padding:0 12px 11px;font-size:12px}.filter-tabs button.is-active{color:var(--blue);box-shadow:inset 0 -2px var(--blue);font-weight:600}.filter-tabs b{margin-left:4px;font-size:10px}.severity{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:10px}.severity-warning{color:var(--amber);background:var(--amber-soft)}.severity-danger{color:var(--red);background:var(--red-soft)}.settings-layout{display:grid;grid-template-columns:280px minmax(0,560px);gap:28px;align-items:start}.provider-list{padding:0 15px 14px}.provider-row{width:100%;border-top:1px solid var(--line)}.settings-form{padding:24px}.environment-label{color:#526176;background:var(--soft);border-radius:99px;padding:8px 11px;font-size:11px}.switch-row{display:flex!important;align-items:center;grid-template-columns:auto 1fr;gap:10px!important;padding:7px 0}.switch-row input{width:16px;min-height:16px;accent-color:var(--blue)}.switch-row span{display:grid;gap:4px}.switch-row strong{color:var(--ink);font-size:12px}.switch-row small{color:var(--muted);font-size:10px}.form-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.app-loading,.app-gate{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.app-loading{gap:10px;font-size:12px}.loading-spinner{width:22px;height:22px;border:2px solid #dce5f7;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gate-panel{width:min(420px,calc(100% - 40px));background:#fff;padding:30px;text-align:center}.gate-panel .notice{margin:17px 0;text-align:left}.gate-panel .button{margin-top:11px}.mobile-header{display:none}@media (max-width: 1080px){.metric-grid{grid-template-columns:repeat(3,1fr)}.split-view,.tracking-layout{grid-template-columns:1fr}.detail-panel{position:static}.settings-layout{grid-template-columns:1fr}.provider-list{padding-bottom:0}}@media (max-width: 720px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;transform:translate(-100%);transition:transform .2s;box-shadow:10px 0 28px #1420341f}body.nav-open .sidebar{transform:translate(0)}.mobile-header{height:58px;padding:0 16px;background:#fff;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5}.mobile-header strong{flex:1;font-size:13px}.mobile-menu{border:0;background:transparent;font-size:20px;color:var(--ink)}.main-content{padding:25px 16px 40px}.page-header{margin-bottom:22px}h1{font-size:26px}.page-lead{font-size:12px}.metric-grid{grid-template-columns:repeat(2,1fr);margin-left:-16px;margin-right:-16px}.metric{min-height:94px;padding:15px 14px}.metric strong{font-size:19px}.overview-lower{grid-template-columns:1fr;gap:22px}.filter-bar{flex-wrap:wrap}.filter-bar input{max-width:none;flex-basis:100%}.filter-bar select{flex:1}.filter-bar .button{flex:0 0 auto}.detail-panel{padding:18px}}