@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#253449;font-synthesis:none;--navy:#17324d;--text:#253449;--muted:#7b8797;--line:#e6ebf1;--panel:#fff;--bg:#f5f7fa;--blue:#2169d3;--blue-soft:#eaf2ff;--green:#138d69;--green-soft:#e5f6f0;--amber:#af7215;--amber-soft:#fff5df;--red:#b54b4b;--red-soft:#fff0ef;background:#f5f7fa;font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:1080px;color:var(--text);margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:238px;min-height:100vh;padding:27px 16px 18px;display:flex}.brand-block{align-items:center;gap:11px;padding:0 10px 26px;display:flex}.brand-mark{color:#fff;background:#2169d3;border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;font-weight:700;display:grid;box-shadow:0 5px 12px #2169d32e}.brand-name{color:var(--navy);letter-spacing:.02em;font-size:15px;font-weight:700}.brand-caption{color:#9aa4b1;margin-top:3px;font-size:11px}.workspace-switcher{background:#f7f9fc;border:1px solid #edf0f4;border-radius:9px;margin:0 5px 27px;padding:11px 12px 12px}.workspace-label{color:#9aa4b1;letter-spacing:.04em;font-size:10px}.workspace-value{color:#38506a;align-items:center;gap:7px;margin-top:7px;font-size:12px;font-weight:600;display:flex}.status-dot{background:#2baf7f;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #dcf5eb}.chevron{color:#aeb7c2;margin-left:auto;font-size:15px}.nav-section-title{color:#a3adb9;letter-spacing:.08em;text-transform:uppercase;padding:0 12px 9px;font-size:10px;font-weight:700}.nav-section-title.second{margin-top:27px}.main-nav{flex:1}.nav-item{color:#697789;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:13px;transition:all .18s;display:flex}.nav-item:hover{color:#315a88;background:#f5f8fc}.nav-item.active{color:#1f61bc;background:#eaf2ff;font-weight:600}.nav-icon{color:#8d9aac;text-align:center;width:18px;font-size:17px;line-height:1}.nav-item.active .nav-icon{color:#2169d3}.sidebar-footer{margin-top:24px}.support-card{color:#4d6177;border:1px solid #edf0f4;border-radius:9px;align-items:center;gap:9px;padding:11px 9px;display:flex}.support-icon{color:#2169d3;border:1px solid #cdddf4;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.support-card strong,.support-card span{font-size:11px;display:block}.support-card span{color:#9aa4b1;margin-top:3px;font-size:10px}.support-card .arrow{color:#9aa4b1;margin-left:auto;font-size:16px}.user-row{align-items:center;gap:9px;padding:22px 5px 0;display:flex}.avatar,.top-avatar{color:#24599d;background:#dceaff;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{width:30px;height:30px;font-size:12px}.user-copy strong,.user-copy span{display:block}.user-copy strong{color:#43556a;font-size:12px}.user-copy span{color:#a1aab6;margin-top:3px;font-size:10px}.more-button{color:#a3adb9;background:0 0;border:0;margin-left:auto;font-size:17px}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 38px;display:flex}.breadcrumb{color:#a0aab6;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb b{color:#d1d6dc;font-weight:400}.breadcrumb strong{color:#52647a;font-weight:600}.topbar-actions{align-items:center;gap:21px;display:flex}.topbar-date{color:#8b96a4;font-size:11px}.calendar-icon{color:#8290a1;border:1px solid #b7c1cd;place-items:center;width:16px;height:16px;margin-right:3px;font-size:11px;display:inline-grid}.icon-button{color:#7e8b9c;background:0 0;border:0;width:28px;height:28px;padding:0;font-size:21px;position:relative}.notification-dot{background:#df6363;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:2px}.top-avatar{width:31px;height:31px;font-size:12px}.page-body{max-width:1440px;margin:0 auto;padding:34px 38px 56px}.page-intro{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.eyebrow{color:#8b98a8;letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:700}.page-intro h1,.placeholder-page h1{color:var(--navy);letter-spacing:-.03em;margin:0;font-size:26px;line-height:1.2}.intro-copy{color:#8a96a5;margin:9px 0 0;font-size:13px}.intro-actions{gap:10px;display:flex}.button{border:1px solid #0000;border-radius:6px;min-height:35px;padding:0 15px;font-size:12px;font-weight:600}.button.primary{color:#fff;background:#2169d3;border-color:#2169d3;box-shadow:0 4px 9px #2169d329}.button.primary:hover{background:#1b59b5}.button.secondary{color:#52657a;background:#fff;border-color:#dbe2ea}.button.secondary:hover{background:#f7f9fc}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:8px;padding:17px 18px 16px}.metric-top,.metric-foot{justify-content:space-between;align-items:center;display:flex}.metric-top{color:#8290a1;font-size:11px}.metric-icon{border-radius:6px;place-items:center;width:25px;height:25px;font-size:13px;font-weight:700;display:grid}.metric-icon.blue{color:#2169d3;background:#eaf2ff}.metric-icon.green{color:#138d69;background:#e5f6f0}.metric-icon.amber{color:#af7215;background:#fff5df}.metric-icon.slate{color:#65768a;background:#eef2f6}.metric-value{color:#253b54;letter-spacing:-.03em;margin:15px 0 12px;font-size:23px;font-weight:700}.metric-foot{color:#a2acb8;justify-content:flex-start;gap:8px;font-size:10px}.metric-delta{font-weight:700}.metric-delta.blue,.metric-delta.green{color:#168866}.metric-delta.amber{color:#af7215}.metric-delta.slate{color:#65768a}.content-grid{gap:18px;display:grid}.two-col{grid-template-columns:minmax(0,1.6fr) minmax(370px,.9fr)}.panel{border:1px solid var(--line);background:#fff;border-radius:8px}.panel-header{justify-content:space-between;align-items:flex-start;padding:19px 20px 15px;display:flex}.panel-header h2{color:#31475e;letter-spacing:-.01em;margin:0;font-size:15px}.panel-header p{color:#99a4b0;margin:5px 0 0;font-size:11px}.text-button{color:#3974bf;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.text-button span{margin-left:3px}.text-button.small{color:#8b97a5;white-space:nowrap;font-size:10px}.table-toolbar{justify-content:space-between;gap:10px;padding:0 20px 13px;display:flex}.search-box{color:#9ba6b2;border:1px solid #e5eaf0;border-radius:5px;align-items:center;gap:7px;width:235px;height:31px;padding:0 10px;display:flex}.search-box input{color:#516479;background:0 0;border:0;outline:none;width:100%;font-size:11px}.search-box input::placeholder{color:#aab4bf}.filter-button{color:#708094;background:#fff;border:1px solid #e4e9ef;border-radius:5px;height:31px;padding:0 10px;font-size:11px}.filter-button span{color:#a1acb7;margin-left:7px}.table-wrap{overflow:hidden}.table-wrap table{border-collapse:collapse;table-layout:fixed;width:100%}.table-wrap th{color:#9aa5b1;text-align:left;border-top:1px solid #f0f2f5;border-bottom:1px solid #eef1f4;padding:10px 20px;font-size:10px;font-weight:600}.table-wrap td{color:#748296;vertical-align:middle;border-bottom:1px solid #f1f3f6;padding:12px 20px;font-size:11px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr{cursor:pointer;transition:background .16s}.table-wrap tbody tr:hover{background:#fafbfd}.table-wrap th:first-child{width:27%}.table-wrap th:nth-child(2){width:24%}.table-wrap th:nth-child(3){width:16%}.table-wrap th:nth-child(4){width:18%}.table-wrap th:nth-child(5){width:15%}.table-wrap td strong,.table-wrap td span{display:block}.table-wrap td strong{color:#40556c;font-size:11px;font-weight:600}.table-wrap td span{color:#a2acb7;margin-top:4px;font-size:10px}.table-wrap .order-number{color:#3974bf;letter-spacing:.01em;font-size:10.5px}.route-text{color:#a2acb7}.time-cell{color:#a0aab6!important}.status-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:600;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-badge.success,.status-badge.blue{color:#138d69;background:#e5f6f0}.status-badge.pending,.status-badge.amber{color:#af7215;background:#fff5df}.status-badge.processing{color:#2169d3;background:#eaf2ff}.status-badge.failed,.status-badge.red{color:#b54b4b;background:#fff0ef}.status-badge.gray{color:#7c8997;background:#eef2f5}.channel-list{padding:0 20px 12px}.channel-row{border-top:1px solid #f0f2f5;align-items:center;gap:11px;padding:13px 0;display:flex}.channel-logo{color:#2169d3;background:#eaf2ff;border-radius:6px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.channel-main{flex:1;min-width:0}.channel-title,.channel-meta{align-items:center;gap:8px;display:flex}.channel-title strong{color:#4b5f74;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.channel-meta{color:#9da8b4;margin-top:5px;font-size:10px}.channel-meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-track{background:#eef1f5;border-radius:3px;width:100%;height:3px;margin-top:9px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;display:block}.progress-fill.blue{background:#4385de}.progress-fill.amber{background:#e2aa44}.progress-fill.gray{background:#b9c3cd}.channel-stat{text-align:right;width:47px}.channel-stat strong,.channel-stat span{display:block}.channel-stat strong{color:#51657b;font-size:11px}.channel-stat span{color:#a3adb8;margin-top:4px;font-size:10px}.bottom-grid{grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px;display:grid}.route-summary,.task-panel{min-height:252px}.route-card{border-top:1px solid #f0f2f5;align-items:center;gap:13px;margin:0 20px;padding:12px 0;display:flex}.route-code{color:#2169d3;background:#eaf2ff;border-radius:6px;place-items:center;width:42px;height:38px;font-size:13px;font-weight:700;display:grid}.route-code.green-code{color:#138d69;background:#e5f6f0}.route-desc{min-width:153px}.route-desc strong,.route-desc span{display:block}.route-desc strong{color:#4e6277;font-size:11px}.route-desc span{color:#a1acb8;margin-top:4px;font-size:10px}.route-path{flex-wrap:wrap;flex:1;gap:5px;display:flex}.route-path span{color:#6c7b8b;background:#fafbfd;border:1px solid #e4e9ef;border-radius:4px;padding:5px 7px;font-size:10px}.route-health{color:#7b8998;white-space:nowrap;font-size:10px}.green-dot{background:#2baf7f;margin-right:6px;box-shadow:0 0 0 3px #e1f5ee}.route-source{justify-content:flex-end;padding:0 20px 8px;display:flex}.amber-dot{background:#d99531;margin-right:6px;box-shadow:0 0 0 3px #fff2d9}.channel-modal{width:min(640px,100vw - 40px)}.audit-panel{overflow:hidden}.audit-table{min-width:900px}.audit-table td span{margin-top:4px}.event-transition{color:#536b82;font-size:11px}.summary-word{font-size:19px!important}.form-grid{grid-template-columns:1fr 1fr;gap:13px 15px;display:grid}.form-grid label{margin:0}@media (width<=620px){.form-grid{grid-template-columns:1fr}}.task-list{padding:0 20px 12px}.task-row{border-top:1px solid #f0f2f5;align-items:center;gap:10px;padding:14px 0;display:flex}.task-marker{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.task-marker.amber{background:#d69b2b}.task-marker.red{background:#d16060}.task-marker.blue{background:#4d86d7}.task-row>div{flex:1;min-width:0}.task-row strong,.task-row span{display:block}.task-row strong{color:#53667a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.task-row div span{color:#9ca7b3;margin-top:4px;font-size:10px}.toast{z-index:10;color:#35526e;background:#fff;border:1px solid #dce7f4;border-radius:6px;align-items:center;gap:9px;padding:12px 15px;font-size:12px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 25px #1c37561f}.toast-check{color:#fff;background:#29a87c;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.placeholder-page{text-align:center;border:1px solid var(--line);background:#fff;border-radius:8px;max-width:620px;margin:90px auto;padding:55px}.placeholder-icon{color:#2169d3;background:#eaf2ff;border-radius:10px;place-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:25px;display:grid}.placeholder-page .eyebrow{margin-bottom:8px}.placeholder-page p:not(.eyebrow){color:#8895a5;max-width:420px;margin:12px auto 23px;font-size:13px;line-height:1.7}.channel-center-page .page-intro{margin-bottom:21px}.data-source{color:#6f8092;background:#fff;border:1px solid #e1e7ee;border-radius:6px;align-items:center;gap:6px;height:35px;padding:0 11px;font-size:10px;display:inline-flex}.data-source i{background:#37a981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #e2f5ee}.channel-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.summary-strip{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr auto;align-items:end;padding:15px 17px;display:grid}.summary-strip span{color:#8592a1;font-size:11px}.summary-strip strong{color:#29425c;grid-row:span 2;margin-left:12px;font-size:25px;line-height:1}.summary-strip small{color:#a4aeba;margin-top:7px;font-size:10px}.green-text{color:#198a68!important}.amber-text{color:#af7215!important}.channel-center-panel{overflow:hidden}.channel-center-header{align-items:center;padding-bottom:17px}.filter-tabs{background:#f8fafc;border:1px solid #e4e9ef;border-radius:6px;padding:3px;display:inline-flex}.filter-tabs button{color:#8592a1;background:0 0;border:0;border-radius:4px;min-width:51px;height:27px;padding:0 9px;font-size:10px}.filter-tabs button.active{color:#2d66ac;background:#fff;font-weight:600;box-shadow:0 1px 4px #233e5a1a}.channel-table-wrap{overflow-x:auto}.channel-table{border-collapse:collapse;width:100%;min-width:800px}.channel-table th{color:#9aa5b1;text-align:left;border-top:1px solid #f0f2f5;border-bottom:1px solid #eef1f4;padding:11px 20px;font-size:10px;font-weight:600}.channel-table td{color:#687b8f;vertical-align:middle;border-bottom:1px solid #f1f3f6;padding:14px 20px;font-size:11px}.channel-table tr:last-child td{border-bottom:0}.account-cell{align-items:center;gap:10px;display:flex}.account-cell>div{min-width:0}.account-cell strong,.account-cell span,.channel-table td>span{display:block}.account-cell strong{color:#425a72;font-size:11px}.account-cell span{color:#a1acb7;margin-top:4px;font-size:10px}.channel-table td:nth-child(2){color:#5a6e83;font-weight:500}.channel-table td:nth-child(3){white-space:nowrap}.mapping-chip{color:#3d73b7;background:#f4f8ff;border:1px solid #dce8fa;border-radius:4px;padding:5px 7px;font-size:10px;display:inline-block}.mapping-chip.upstream{color:#63778c;background:#fafbfd;border-color:#e3e8ee}.mapping-arrow{color:#a7b1bc;margin:0 5px;display:inline-block!important}.muted-cell{color:#a1acb7;margin-top:4px;font-size:10px}.switch-button{background:#d5dde6;border:0;border-radius:12px;width:34px;height:19px;padding:0;transition:all .18s;position:relative}.switch-button span{background:#fff;border-radius:50%;width:13px;height:13px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1e32462e}.switch-button.on{background:#53b998}.switch-button.on span{left:18px}.mapping-note{background:#f7fbff;border:1px solid #e0e9f4;border-radius:7px;gap:11px;margin-top:18px;padding:14px 17px;display:flex}.note-icon{color:#3e79c5;border:1px solid #bcd4f2;border-radius:50%;flex:0 0 19px;place-items:center;width:19px;height:19px;font-size:11px;font-weight:700;display:grid}.mapping-note strong{color:#4f6982;font-size:11px}.mapping-note p{color:#8799aa;margin:4px 0 0;font-size:10px;line-height:1.7}.order-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.order-summary-grid .summary-strip:nth-child(2) strong{font-size:19px}.order-management-panel{overflow:hidden}.order-management-header{align-items:center;padding-bottom:17px}.order-search{color:#9ba6b2;border:1px solid #e2e8ef;border-radius:5px;align-items:center;gap:7px;width:245px;height:32px;padding:0 10px;display:flex}.order-search input{color:#516479;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.order-search input::placeholder{color:#abb5c0}.status-tabs{border-top:1px solid #f1f3f6;border-bottom:1px solid #edf0f4;gap:21px;padding:0 20px;display:flex}.status-tabs button{color:#8390a0;background:0 0;border:0;min-height:41px;padding:0;font-size:10px;position:relative}.status-tabs button.active{color:#2868b8;font-weight:600}.status-tabs button.active:after{content:"";background:#3979ca;height:2px;position:absolute;bottom:-1px;left:0;right:0}.status-tabs em{color:#7e8c9b;background:#eff3f7;border-radius:8px;place-items:center;min-width:17px;height:17px;margin-left:5px;padding:0 4px;font-size:9px;font-style:normal;display:inline-grid}.status-tabs button.active em{color:#2868b8;background:#eaf2ff}.order-table tbody tr{cursor:pointer}.order-table tbody tr:hover{background:#fafbfd}.order-table td strong,.order-table td span{display:block}.order-table td strong{color:#445a71;font-size:11px}.order-table td>span:not(.status-badge):not(.mapping-chip){color:#9ca7b3;margin-top:4px;font-size:10px}.order-table .order-number{color:#3674c1;letter-spacing:.01em}.empty-state{color:#9aa6b3;text-align:center;padding:48px 20px;font-size:11px}.drawer-backdrop,.modal-backdrop{z-index:20;background:#1e304529;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:450px;height:100%;padding:31px;overflow-y:auto;box-shadow:-12px 0 30px #2a415b14}.drawer-header,.modal-header{justify-content:space-between;align-items:flex-start;display:flex}.drawer-header h2,.modal-header h2{color:#2e4660;letter-spacing:-.02em;margin:0;font-size:18px}.close-button{color:#8f9baa;background:#f5f7fa;border:0;border-radius:5px;width:28px;height:28px;font-size:22px;line-height:1}.drawer-status{border-bottom:1px solid #edf0f3;align-items:center;gap:10px;margin-top:20px;padding-bottom:18px;display:flex}.drawer-status>span:last-child{color:#9aa5b0;font-size:10px}.detail-list{border-bottom:1px solid #edf0f3;padding:8px 0}.detail-row{justify-content:space-between;align-items:center;gap:20px;padding:11px 0;display:flex}.detail-row span{color:#95a1ae;font-size:11px}.detail-row strong{color:#52657a;text-align:right;font-size:11px;font-weight:600}.timeline{padding-top:20px}.timeline-title{color:#53677d;margin-bottom:17px;font-size:12px;font-weight:700}.timeline-item{gap:12px;min-height:57px;padding-left:1px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:#e4e9ef;width:1px;height:51px;position:absolute;top:14px;left:5px}.timeline-dot{z-index:1;background:#fff;border:2px solid #cbd5df;border-radius:50%;flex:0 0 11px;width:11px;height:11px;margin-top:1px;position:relative}.timeline-item.active .timeline-dot{background:#4b8ade;border-color:#4b8ade;box-shadow:0 0 0 3px #eaf2ff}.timeline-item strong,.timeline-item span{display:block}.timeline-item strong{color:#586b7e;font-size:11px}.timeline-item span{color:#9ba6b1;margin-top:5px;font-size:10px}.modal-backdrop{justify-content:center;align-items:center}.modal{background:#fff;border:1px solid #e5eaf0;border-radius:9px;width:430px;padding:28px 30px;box-shadow:0 18px 50px #243f5b29}.modal form{margin-top:24px}.modal label{color:#647589;margin-bottom:16px;font-size:11px;font-weight:600;display:block}.modal input{color:#506378;border:1px solid #dfe6ee;border-radius:5px;outline:none;width:100%;height:38px;margin-top:7px;padding:0 11px;font-size:12px;display:block}.modal input:focus{border-color:#7ea6dd;box-shadow:0 0 0 3px #edf4ff}.modal input::placeholder{color:#b1bac5}.form-note{color:#7a8998;background:#f7f9fc;border-radius:5px;padding:11px 12px;font-size:10px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:9px;margin-top:23px;display:flex}@media (width<=1180px){body{min-width:960px}.sidebar{width:220px}.page-body{padding-left:27px;padding-right:27px}.two-col{grid-template-columns:minmax(0,1.35fr) minmax(330px,.9fr)}.route-card{gap:8px}.route-desc{min-width:132px}.channel-center-header{align-items:flex-start;gap:15px}.channel-summary-grid{gap:9px}}.brand-mark{background:0 0;border-radius:11px;width:42px;height:42px;overflow:hidden;box-shadow:0 7px 15px #2169d333}.brand-mark img{width:100%;height:100%;display:block}.chevron{color:#aeb7c2;font-size:inherit;margin-left:auto}.nav-icon{width:18px;height:18px;font-size:inherit;place-items:center;display:grid}.nav-icon svg{display:block}.more-button{font-size:inherit;place-items:center;padding:3px;display:grid}.topbar-date{align-items:center;display:inline-flex}.calendar-icon{color:#8290a1;border:0;width:auto;height:auto;margin-right:5px;display:block}.icon-button{width:30px;height:30px;font-size:inherit;border-radius:6px;place-items:center;display:grid}.icon-button:hover{color:#356daf;background:#f4f7fb}.notification-dot{top:4px;right:4px}.intro-actions{align-items:center}.button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.text-button{align-items:center;gap:3px;display:inline-flex}.filter-button{align-items:center;gap:7px;display:inline-flex}.filter-button svg{color:#98a5b4}.search-box>svg,.order-search>svg{flex:none}.close-button{font-size:inherit;place-items:center;padding:0;display:grid}.note-icon{border:0}.task-icon{display:none}.task-marker-placeholder{display:none!important}.account-cell .channel-logo{flex:0 0 32px;width:32px;height:32px;margin:0;display:grid}.account-cell .account-meta{color:#a1acb7;margin-top:4px;font-size:10px;display:block}.upstream-query-form{align-items:center;gap:8px;padding:0 20px 14px;display:flex}.upstream-query-form input{color:#516479;background:#fff;border:1px solid #e2e8ef;border-radius:5px;outline:0;width:170px;height:32px;padding:0 10px;font-size:11px}.upstream-query-form input:focus{border-color:#7ea6dd;box-shadow:0 0 0 3px #edf4ff}.upstream-query-form .button{min-height:32px}.upstream-query-form select{color:#516479;background:#fff;border:1px solid #e2e8ef;border-radius:5px;outline:0;width:250px;height:32px;padding:0 9px;font-size:11px}.direct-query-form{border-top:1px solid #f1f3f6;padding-top:14px}.direct-query-result{color:#526b82;background:#f7fbff;border:1px solid #dce9f7;border-radius:5px;align-items:center;gap:12px;margin:0 20px 14px;padding:10px 12px;font-size:10px;display:flex}.direct-query-result strong{color:#2169d3;font-size:11px}.auth-loading{color:#748296;background:#f5f7fa;place-items:center;min-height:100vh;font-size:13px;display:grid}.auth-page{background:#f5f7fa;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:#fff;border:1px solid #e3e9f0;border-radius:10px;width:min(420px,100%);padding:38px 40px 32px;box-shadow:0 16px 42px #2a415b14}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{color:var(--navy);font-size:18px}.auth-brand span{color:#9aa4b1;margin-top:4px;font-size:11px}.auth-heading{margin-top:42px}.auth-heading h1{color:var(--navy);margin:0;font-size:25px}.auth-heading p:last-child{color:#8a96a5;margin:10px 0 0;font-size:12px}.auth-form{margin-top:27px}.auth-form label{color:#627488;margin-bottom:16px;font-size:11px;font-weight:600;display:block}.auth-form input{color:#40556c;background:#fff;border:1px solid #dfe6ee;border-radius:5px;outline:0;width:100%;height:41px;margin-top:7px;padding:0 12px;font-size:13px;display:block}.auth-form input:focus{border-color:#7ea6dd;box-shadow:0 0 0 3px #edf4ff}.auth-error{color:#b54b4b;background:#fff0ef;border-radius:5px;margin:4px 0 14px;padding:9px 10px;font-size:11px}.auth-submit{width:100%;height:41px;margin-top:5px}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-note{color:#a0aab6;text-align:center;margin:23px 0 0;font-size:10px}