@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:#172522;font-synthesis:none;--green:#0b7457;--green-dark:#075d48;--ink:#142521;--muted:#6d7c78;--line:#e3e9e7;--panel:#fff;background:#f4f7f6;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f7f6;min-width:1180px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}code{font-family:SFMono-Regular,Consolas,monospace}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dce9e5;z-index:20;background:#10221d;flex-direction:column;width:244px;padding:24px 14px 15px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:10px 0 30px #081b160f}.brand{align-items:center;gap:11px;padding:0 9px 27px;display:flex}.brand-mark{background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff80}.brand-mark:after{content:"";border:3px solid #16a77b;border-top:0;border-radius:0 0 8px 8px;width:12px;height:6px;position:absolute;bottom:6px}.brand-mark span{color:#11815f;margin-top:-4px;font-size:22px;font-weight:800;line-height:1}.brand strong{color:#fff;letter-spacing:-.2px;font-size:17px;display:block}.brand small{color:#6fa892;letter-spacing:2.2px;margin-top:2px;font-size:9px;font-weight:700;display:block}.workspace-label{color:#67837a;letter-spacing:1.3px;text-transform:uppercase;padding:0 12px 9px;font-size:10px;font-weight:700}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button{color:#9db1ab;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:13px;font-weight:500;transition:all .18s;display:flex}.sidebar nav button:hover{color:#eafff8;background:#ffffff0b}.sidebar nav button.active{color:#fff;background:#1b4b3d;box-shadow:inset 3px 0 #35c696}.sidebar nav button em{color:#9de0c8;background:#2b5e50;border-radius:9px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-spacer{flex:1}.lab-status{background:#142c25;border:1px solid #25453c;border-radius:9px;align-items:center;gap:9px;margin:0 6px 13px;padding:12px 10px;display:flex}.pulse-dot{background:#40d69e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #40d69e1a}.lab-status strong,.lab-status small{display:block}.lab-status strong{color:#dff8ee;font-size:11px}.lab-status small{color:#729188;margin-top:3px;font-size:9px}.lab-status.offline{background:#30201d;border-color:#5f3932}.lab-status.offline .pulse-dot{background:#ef765f;box-shadow:0 0 0 5px #ef765f1a}.user-card{border-top:1px solid #243831;align-items:center;gap:9px;padding:15px 8px 0;display:flex}.avatar{color:#0c7255;background:#d9f4ea;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.user-card strong,.user-card small{display:block}.user-card strong{color:#eff9f6;font-size:11px}.user-card small{color:#6f8a82;margin-top:2px;font-size:9px}.user-card svg{color:#668079;margin-left:auto}.main-area{width:calc(100% - 244px);margin-left:244px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #e5eae8;justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex;position:sticky;top:0}.breadcrumbs{color:#8a9894;align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumbs i{color:#c3cbc8;font-style:normal}.breadcrumbs strong{color:#697874;font-weight:500}.breadcrumbs b{color:#273b35;font-weight:600}.top-actions{align-items:center;gap:11px;display:flex}.scenario-pill{color:#157557;background:#f2fbf8;border:1px solid #cfe6de;border-radius:18px;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:10px;font-weight:600;display:flex}.scenario-pill span{background:#24b981;border-radius:50%;width:6px;height:6px}.scenario-pill.danger{color:#b45309;background:#fff7ed;border-color:#fed7aa}.scenario-pill.danger span{background:#f59e0b}.tenant{border-left:1px solid #e4e9e7;align-items:center;gap:7px;height:31px;padding:0 11px;font-size:10px;display:flex}.tenant span{color:#8b9995}.tenant strong{color:#344842}.icon-btn{color:#60726c;background:#fff;border:1px solid #dfe6e3;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.icon-btn.authenticated{color:#0b7959;background:#edf8f4;border-color:#b8d9ce}.page-wrap{max-width:1440px;margin:0 auto;padding:31px 34px 60px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-heading.compact{align-items:center}.eyebrow{color:#789089;letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:700}.eyebrow span{color:#0e8662;letter-spacing:1.4px;margin-right:8px}.page-heading h1{color:#142923;letter-spacing:-.8px;margin:0;font-size:29px}.page-heading p{color:#74837e;margin:7px 0 0;font-size:12px}.heading-actions{gap:9px;display:flex}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--green);color:#fff;box-shadow:0 4px 12px #0b745726}.btn.primary:hover{background:var(--green-dark)}.btn.secondary{color:#445751;background:#fff;border-color:#dce4e1}.btn.secondary:hover,.btn.ghost:hover{background:#f6faf8}.btn.ghost{color:#35675a;background:#fff;border-color:#dce4e1}.database-gate{text-align:center;background:#fff;border:1px solid #dfe7e4;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:46px;display:flex;box-shadow:0 5px 20px #18342b09}.database-gate.loading{color:#7b8d87}.database-gate.loading h2{color:#2b4039;margin:15px 0 5px;font-size:17px}.database-gate.loading p{margin:0;font-size:11px}.gate-icon{color:#be4b3e;background:#fff0ed;border-radius:15px;place-items:center;width:58px;height:58px;margin-bottom:14px;display:grid}.gate-status{color:#bd5b4d;letter-spacing:1.5px;font-size:9px;font-weight:700}.database-gate h1{color:#20352f;margin:8px 0;font-size:24px}.database-gate>p{color:#72827d;max-width:660px;margin:0;font-size:12px;line-height:1.7}.gate-detail{text-align:left;color:#a44a3f;background:#fff7f5;border:1px solid #f2d7d1;border-radius:9px;align-items:flex-start;gap:10px;width:min(680px,100%);margin:20px 0 13px;padding:12px 14px;display:flex}.gate-detail strong,.gate-detail span{display:block}.gate-detail strong{font-family:monospace;font-size:9px}.gate-detail span{color:#765d58;margin-top:3px;font-size:10px}.gate-steps{grid-template-columns:repeat(3,1fr);gap:9px;width:min(680px,100%);margin-bottom:20px;display:grid}.gate-steps>div{text-align:left;border:1px solid #e2e9e6;border-radius:9px;gap:8px;padding:11px;display:flex}.gate-steps>div>span{color:#0b7657;background:#e8f5f0;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid}.gate-steps p,.gate-steps strong{margin:0;display:block}.gate-steps p{color:#82908c;font-size:8px;line-height:1.45}.gate-steps strong{color:#3a5049;margin-bottom:3px;font-size:9px}.gate-steps code{color:#146d55}.connection-card{background:linear-gradient(110deg,#fbfefd,#f6fbf9);border:1px solid #dce9e4;border-radius:12px;align-items:center;padding:15px 16px;display:flex;box-shadow:0 2px 8px #18342b06}.connection-icon{color:#0a7c5c;background:#dff4ec;border-radius:10px;place-items:center;width:39px;height:39px;margin-right:12px;display:grid}.connection-copy{flex:1}.connection-copy>div{align-items:center;gap:10px;display:flex}.connection-copy h3{margin:0;font-size:13px}.online{color:#18805f;background:#e3f7ef;border-radius:9px;align-items:center;gap:4px;padding:3px 7px;font-size:9px;display:flex}.online i{background:#20a878;border-radius:50%;width:5px;height:5px}.connection-copy p{color:#798984;margin:5px 0 0;font-size:10px}.connection-copy p code{color:#186e55;background:#eaf4f0;border-radius:4px;padding:2px 5px}.connection-copy p b{color:#bdc9c5;margin:0 7px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px;display:grid}.metric-card{background:#fff;border:1px solid #e2e9e6;border-radius:11px;min-height:125px;padding:15px 16px;position:relative;box-shadow:0 2px 8px #18342b06}.metric-icon{border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:15px;right:15px}.metric-icon.blue{color:#3477c9;background:#e8f1ff}.metric-icon.teal{color:#13866a;background:#e3f6f1}.metric-icon.purple{color:#745ab7;background:#f1eefe}.metric-icon.amber{color:#c27a15;background:#fff3df}.metric-value{letter-spacing:-.8px;color:#1b302a;font-size:26px;font-weight:700}.metric-label{color:#71817c;margin-top:2px;font-size:10px}.metric-trend{color:#3a8a6d;border-top:1px solid #eef2f1;align-items:center;gap:4px;margin-top:16px;padding-top:9px;font-size:9px;display:flex}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{background:#fff;border:1px solid #e1e8e5;border-radius:11px;box-shadow:0 2px 9px #17322a06}.health-panel,.activity-panel{min-height:315px;padding:17px}.panel-title{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.panel-title>div{color:#3e5c53;align-items:center;gap:8px;display:flex}.panel-title h3{color:#263a34;margin:0;font-size:12px}.panel-title button{color:#0c8160;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.health-score{align-items:center;gap:32px;padding:20px 4px 15px;display:flex}.ring{background:conic-gradient(#16a578 0 97.4%,#e8f0ed 97.4%);text-align:center;border-radius:50%;place-content:center;width:112px;height:112px;display:grid;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.ring>*{z-index:1}.ring strong{color:#1a372e;font-size:20px}.ring span{color:#87948f;margin-top:2px;font-size:8px}.health-bars{flex-direction:column;flex:1;gap:12px;display:flex}.health-item>div:first-child{color:#63736e;justify-content:space-between;margin-bottom:5px;font-size:9px;display:flex}.health-item strong{color:#2f443e}.bar{background:#edf2f0;border-radius:3px;height:5px;overflow:hidden}.bar i{background:linear-gradient(90deg,#18a277,#39c497);border-radius:3px;height:100%;display:block}.panel-note{color:#9a6a17;background:#fffaf0;border:1px solid #f5e5bf;border-radius:7px;align-items:center;gap:7px;height:36px;padding:0 10px;font-size:9px;display:flex}.panel-note svg:last-child{margin-left:auto}.panel-note strong{color:#81530d}.activity-list{min-height:207px;padding-top:6px}.activity-row{border-bottom:1px solid #f0f3f2;align-items:center;gap:9px;padding:8px 2px;display:flex}.status-icon{border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.status-icon.ok{color:#11825f;background:#e7f7f1}.status-icon.bad{color:#c84949;background:#feeeee}.activity-row>div{flex:1}.activity-row strong,.activity-row small{display:block}.activity-row strong{color:#334741;font-size:10px}.activity-row small{color:#93a09c;margin-top:2px;font-size:8px}.activity-row time{color:#9aa5a2;font-size:8px}.empty-mini{color:#a1aeaa;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;font-size:10px;display:flex}.success-row{color:#75847f;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:8px;font-size:9px;display:grid}.success-row>div{background:#edf2f0;border-radius:3px;height:4px;overflow:hidden}.success-row i{background:#24b786;height:100%;display:block}.success-row strong{color:#238563}.quick-section{margin-top:21px}.section-title{align-items:baseline;gap:9px;margin-bottom:10px;display:flex}.section-title h2{margin:0;font-size:13px}.section-title p{color:#8a9793;margin:0;font-size:9px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.quick-card{text-align:left;color:#455b54;background:#fff;border:1px solid #e0e7e4;border-radius:9px;align-items:center;gap:10px;padding:12px;transition:all .15s;display:flex}.quick-card:hover{border-color:#bcd9cf;transform:translateY(-1px);box-shadow:0 5px 14px #1945370f}.quick-card>span{color:#137b5c;background:#edf7f3;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.quick-card>div{flex:1}.quick-card strong,.quick-card small{display:block}.quick-card strong{color:#2e433d;font-size:10px}.quick-card small{color:#8a9894;margin-top:3px;font-size:8px}.quick-card>svg{color:#a3b0ac}.maintenance-note{color:#5f756d;background:#f6fbf9;border:1px solid #d9e8e2;border-radius:8px;align-items:center;gap:8px;min-height:40px;margin:-11px 0 12px;padding:0 12px;font-size:9px;display:flex}.maintenance-note svg{color:#16805f}.maintenance-note button{color:#0d7959;background:0 0;border:0;margin-left:auto;font-size:9px}.data-panel,.logs-panel{overflow:hidden}.data-toolbar{border-bottom:1px solid #e8edeb;justify-content:space-between;align-items:center;padding:14px 15px;display:flex}.tab-list{gap:5px;display:flex}.tab-list button,.log-tabs button{color:#74837e;background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:10px}.tab-list button.active{color:#0b7557;background:#e8f5f0;font-weight:600}.tab-list em,.log-tabs em{background:#edf1f0;border-radius:8px;margin-left:5px;padding:2px 5px;font-size:8px;font-style:normal}.search-box{color:#92a09b;border:1px solid #dfe6e3;border-radius:7px;align-items:center;gap:7px;width:220px;height:31px;padding:0 9px;display:flex}.search-box input{color:#334640;border:0;outline:0;width:100%;font-size:10px}.table-wrap{min-height:300px;overflow:auto}.table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%}.table-wrap th{color:#7a8884;text-transform:uppercase;letter-spacing:.4px;text-align:left;background:#f7f9f8;border-bottom:1px solid #e4eae8;padding:10px 14px;font-size:9px}.table-wrap td{color:#4a5d57;border-bottom:1px solid #eef2f0;padding:11px 14px;font-size:9px}.table-wrap tr:hover td{background:#fbfdfc}.table-wrap td strong{color:#2d423b}.status-tag{color:#147759;background:#e8f6f1;border-radius:10px;padding:3px 7px;font-size:8px}.table-footer{color:#8a9793;background:#fbfcfc;justify-content:space-between;padding:11px 14px;font-size:9px;display:flex}.table-footer code{color:#42655b}.row-actions{gap:5px;display:flex}.row-actions button{color:#34715f;background:#fff;border:1px solid #dbe5e1;border-radius:5px;align-items:center;gap:4px;height:25px;padding:0 7px;font-size:8px;display:inline-flex}.row-actions button.danger{color:#b24e45;background:snow;border-color:#efd6d2}.import-layout{grid-template-columns:minmax(620px,1fr) 260px;gap:15px;display:grid}.import-main{padding:20px}.import-aside{height:max-content;padding:18px}.step-head{align-items:center;gap:10px;display:flex}.step-head>span{color:#0c7959;background:#e3f4ee;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:700;display:grid}.step-head h3,.step-head p{margin:0}.step-head h3{font-size:12px}.step-head p{color:#85938f;margin-top:3px;font-size:9px}.step-head.spaced{border-top:1px solid #edf1ef;margin-top:24px;padding-top:20px}.dataset-select{flex-wrap:wrap;gap:6px;margin:16px 0 11px;display:flex}.dataset-select button{color:#687873;background:#fff;border:1px solid #dde5e2;border-radius:7px;padding:6px 10px;font-size:9px}.dataset-select button.active{color:#fff;background:#0f795a;border-color:#0f795a}.drop-zone{color:#82938d;background:#f8fcfa;border:1.5px dashed #bfd4cd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:135px;display:flex}.drop-zone svg{color:#27a17c}.drop-zone strong{color:#425851;font-size:11px}.drop-zone span{font-size:9px}.drop-zone.has-file{background:#f0faf6;border-style:solid}.mapping-table{border:1px solid #e1e7e5;border-radius:8px;margin-top:14px;overflow:hidden}.mapping-row{color:#65766f;border-bottom:1px solid #edf1f0;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;min-height:38px;padding:0 11px;font-size:9px;display:grid}.mapping-row:last-child{border-bottom:0}.mapping-row.head{color:#8b9894;background:#f7f9f8;min-height:31px;font-size:8px;font-weight:600}.mapping-row code{color:#355f53}.mapping-row select{color:#3d524b;background:#fff;border:1px solid #dce5e1;border-radius:5px;height:27px;padding:0 6px;font-size:9px}.import-actions{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.import-actions label{color:#65766f;align-items:center;gap:6px;font-size:9px;display:flex}.import-aside h3{align-items:center;gap:7px;margin:0 0 15px;font-size:11px;display:flex}.import-aside ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.import-aside li{color:#5f716b;align-items:center;gap:7px;font-size:9px;display:flex}.import-aside li svg{color:#12805e;background:#e4f6ef;border-radius:50%;width:15px;height:15px;padding:3px}.report{border-radius:8px;flex-direction:column;gap:5px;margin-top:17px;padding:11px;font-size:9px;display:flex}.report.good{color:#21745b;background:#edf9f4}.report.bad{color:#a45e20;background:#fff5ed}.report strong{margin-bottom:3px;font-size:10px}.report small{opacity:.75;border-top:1px solid;padding-top:4px}.customer-batch-import{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 20px;margin-bottom:15px;padding:18px 20px;display:grid}.batch-note{color:#62746e;align-items:center;gap:6px;margin-top:9px;font-size:9px;display:flex}.batch-note svg{color:#168261;flex:none}.batch-actions{gap:8px;display:flex}.batch-file-list{border-top:1px solid #edf1ef;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:12px;display:grid}.batch-file-list>div{background:#f8faf9;border:1px solid #edf1ef;border-radius:7px;grid-template-columns:22px 70px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:grid}.batch-file-list span{color:#75847f;background:#eef3f1;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.batch-file-list span.done{color:#087655;background:#def4eb}.batch-file-list strong{color:#0c7959;font-size:8px}.batch-file-list p{text-overflow:ellipsis;white-space:nowrap;color:#586a64;margin:0;overflow:hidden}.batch-file-list em{color:#87938f;font-style:normal}.batch-warnings{background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;flex-direction:column;grid-column:1/-1;gap:5px;padding:9px 11px;display:flex}.batch-warnings span{color:#9a5b1d;align-items:center;gap:5px;font-size:9px;display:flex}.scenario-summary{background:#fff;border:1px solid #e0e7e4;border-radius:10px;align-items:center;gap:13px;padding:14px 16px;display:flex}.scenario-summary>div{align-items:center;gap:10px;display:flex}.scenario-summary>div>span{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.scenario-summary>div>span.ok{color:#0d815e;background:#e2f5ed}.scenario-summary>div>span.warn{color:#bc7212;background:#fff0db}.scenario-summary small,.scenario-summary strong{display:block}.scenario-summary small{color:#899792;font-size:8px}.scenario-summary strong{margin-top:2px;font-size:12px}.scenario-summary p{color:#788782;flex:1;margin:0 0 0 20px;font-size:10px}.scenario-config{grid-template-columns:1fr 1fr;gap:13px;margin:13px 0;display:grid}.scenario-config label{color:#667771;background:#fff;border:1px solid #e0e7e4;border-radius:9px;grid-template-columns:1fr auto;align-items:center;padding:12px 15px;font-size:9px;display:grid}.scenario-config label strong{color:#2f463f}.scenario-config input{accent-color:#13815f;grid-column:1/3;width:100%;margin-top:10px}.scenario-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.scenario-card{text-align:left;background:#fff;border:1px solid #e0e7e4;border-radius:10px;gap:11px;min-height:118px;padding:14px;transition:all .15s;display:flex;position:relative}.scenario-card:hover{border-color:#b7d6cb;transform:translateY(-1px)}.scenario-card.active{background:#f8fdfb;border:1.5px solid #168361;box-shadow:0 5px 15px #117a5912}.scenario-symbol{border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.scenario-symbol svg{width:17px}.scenario-symbol.green{color:#13815f;background:#e4f6ef}.scenario-symbol.amber{color:#bd7315;background:#fff1dc}.scenario-symbol.red{color:#c9534c;background:#ffebea}.scenario-card strong,.scenario-card small{display:block}.scenario-card strong{color:#2c413a;font-size:11px}.scenario-card small{color:#98a49f;margin-top:3px;font-family:monospace;font-size:7px}.scenario-card p{color:#788883;margin:8px 22px 0 0;font-size:9px;line-height:1.45}.scenario-card>i{color:#8a9994;background:#f0f4f2;border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:13px;right:12px}.scenario-card.active>i{color:#fff;background:#19835f}.log-tabs{border-bottom:1px solid #e6ece9;gap:4px;padding:12px 15px;display:flex}.log-tabs button.active{color:#0a7757;background:#e8f5f0;font-weight:600}.result{letter-spacing:.2px;border-radius:10px;padding:3px 6px;font-size:7px;font-weight:700}.result.success{color:#197458;background:#e5f5ef}.result.failed{color:#b83f3c;background:#feeaea}.result.warning{color:#a86614;background:#fff0d9}.muted-code{color:#8b9994}.test-overview{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px;display:grid}.test-overview>div{background:#fff;border:1px solid #e0e7e4;border-radius:9px;align-items:center;gap:10px;padding:13px 15px;display:flex}.test-overview>div>svg{color:#0c7959;background:#e8f5f0;border-radius:8px;width:31px;height:31px;padding:7px}.test-overview span strong,.test-overview span small{display:block}.test-overview strong{color:#2d413b;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:14px;overflow:hidden}.test-overview small{color:#84928e;margin-top:2px;font-size:8px}.test-panel{overflow:hidden}.test-suite-title{border-bottom:1px solid #e6ece9;justify-content:space-between;align-items:center;height:60px;padding:0 17px;display:flex}.test-suite-title>div{align-items:center;gap:10px;display:flex}.test-suite-title>div>span{color:#b7ebd8;background:#173d32;border-radius:8px;place-items:center;width:32px;height:32px;font-size:9px;font-weight:700;display:grid}.test-suite-title strong,.test-suite-title small{display:block}.test-suite-title strong{font-size:11px}.test-suite-title small{color:#899792;margin-top:3px;font-size:8px}.test-suite-title>code{color:#79908a;background:#f2f6f4;border-radius:5px;padding:5px 8px;font-size:7px}.test-row{border-bottom:1px solid #edf1ef;align-items:center;gap:11px;min-height:56px;padding:9px 17px;display:flex}.test-check{color:#8c9a95;background:#f0f4f2;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:9px;display:grid}.test-check svg{width:13px}.test-check.passed{color:#0b805c;background:#dff5ec}.test-check.failed{color:#c54a45;background:#fde9e8}.test-check.running{color:#3f78bf;background:#e6f0ff}.test-row>div{flex:1}.test-row strong,.test-row small{display:block}.test-row strong{color:#354942;font-size:10px}.test-row small{color:#8d9996;margin-top:3px;font-size:8px}.test-row time{color:#889792;font-size:8px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#091b1673;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:520px;overflow:hidden;box-shadow:0 24px 60px #04191240}.modal-head{border-bottom:1px solid #e7ecea;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-head>div{align-items:center;gap:11px;display:flex}.modal-head>div>span{color:#0b7c59;background:#e3f5ee;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.modal-head h2,.modal-head p{margin:0}.modal-head h2{font-size:14px}.modal-head p{color:#899691;margin-top:3px;font-size:9px}.modal-head>button{color:#6f7e79;background:#f3f6f5;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.modal-body{flex-direction:column;gap:14px;padding:19px 20px;display:flex}.modal-body label{color:#445751;font-size:9px;font-weight:600}.modal-body input,.modal-body select{color:#334740;background:#fff;border:1px solid #dbe4e0;border-radius:7px;outline:0;width:100%;height:36px;margin-top:6px;padding:0 10px;font-size:10px;display:block}.modal-body input:focus,.modal-body select:focus{border-color:#47a88a;box-shadow:0 0 0 3px #229e7714}.modal-body label small{color:#899792;margin-top:5px;font-size:8px;font-weight:400;display:block}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.warning-box{color:#60746d;background:#f6faf8;border:1px solid #dceae5;border-radius:7px;align-items:center;gap:7px;padding:9px 10px;font-size:9px;display:flex}.warning-box svg{color:#138160}.modal-actions{background:#f8faf9;border-top:1px solid #e5ebe9;justify-content:flex-end;gap:8px;padding:13px 20px;display:flex}.record-modal{width:720px}.record-fields{grid-template-columns:1fr 1fr;max-height:56vh;display:grid;overflow:auto}.record-fields label b{color:#c9544a;margin-left:3px}.toast{z-index:80;color:#fff;background:#15372d;border-radius:9px;align-items:center;gap:9px;padding:11px 14px;font-size:10px;animation:.25s toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 35px #08231a38}.toast span{background:#2d7b63;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.toast.error{background:#582725}.toast.error span{background:#8d403c}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=1250px){.page-wrap{padding-left:24px;padding-right:24px}.scenario-grid{grid-template-columns:repeat(2,1fr)}.metric-grid,.quick-grid{gap:9px}.dashboard-grid{grid-template-columns:1fr 1fr}}