@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#25342d;background:var(--canvas);font-synthesis:none;--primary: #5bee9a;--surface: #fff;--canvas: #f7f9f7;--surface-soft: #fafcf9;--ink: #20372a;--muted: #839087;--line: #e8ede9;--radius: 14px}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #2fb768;outline-offset:3px}input:focus,select:focus{outline:2px solid #5bee9a;outline-offset:1px}input,select{border:1px solid #dfe6e1;border-radius:8px;padding:11px 12px;background:var(--surface);color:#34483b;min-width:0}input::placeholder{color:#9ba79e}label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:31px;letter-spacing:-1.2px;font-weight:800}h2{font-size:16px;letter-spacing:-.45px;font-weight:750}h3{font-size:14px}small{font-size:11px}svg{flex-shrink:0}code{font-size:11px;overflow-wrap:anywhere}.app{display:flex;min-height:100vh}.sidebar{width:246px;background:var(--surface);border-right:1px solid var(--line);padding:30px 20px 0;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:800;letter-spacing:-1.2px;color:#173524}.brand img{width:35px;height:37px;object-fit:contain}.brand-dot{color:#36cc77}.workspace{display:flex;align-items:center;gap:10px;margin:35px 0 30px;padding:12px 9px;border:1px solid var(--line);border-radius:10px}.workspace>svg{margin-left:auto;color:#84958a}.workspace strong{display:block;font-size:12px;font-weight:600}.workspace small{display:block;color:var(--muted);margin-top:3px}.workspace-icon{display:grid;place-items:center;background:#edf5ef;border-radius:8px;width:33px;height:35px;color:#5d8068}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#a1ada4;padding-left:12px;margin-bottom:13px}nav{display:flex;flex-direction:column;gap:7px}nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:9px;color:#7b877f;font-size:13px;font-weight:500}nav a:hover{background:#f4f8f4}nav a.active{background:#e6fbed;color:#1f6337;font-weight:650}nav a.active svg{color:#23864c}.nav-tag{font-size:9px;padding:3px 6px;background:#f1f5f2;margin-left:auto;border-radius:4px;color:#8c9a90}.sidebar-bottom{margin-top:auto;padding-top:40px}.capacity{padding:18px 15px;background:linear-gradient(135deg,#f1f9f1,#f7faf6);border:1px solid #e5f0e5;border-radius:12px;margin-bottom:23px}.capacity>div{display:flex;gap:7px;align-items:center}.capacity svg{color:#2caf62}.capacity strong{font-size:11px}.capacity p{font-size:11px;color:#829184;line-height:1.8;margin:9px 0 12px}.text-link{display:inline-flex;gap:7px;align-items:center;color:#328752;font-size:11px;font-weight:650}.profile{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:10px;align-items:center}.avatar{width:35px;height:35px;border-radius:50%;background:#eaf2e9;color:#42684b;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.avatar.small{width:30px;height:30px;background:#f0e9db;color:#8d7655}.profile strong{font-size:11px;display:block}.profile small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.profile button{margin-left:auto;color:#91a095;padding:5px}.main{margin-left:246px;min-width:0;flex:1}.topbar{height:76px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.topbar>div,.topbar-right{display:flex;align-items:center;gap:22px}.breadcrumb{font-size:11px;color:#93a097}.breadcrumb span{margin:0 13px;color:#cad2cc}.breadcrumb{color:#78877c}.connection{display:flex;gap:7px;align-items:center;font-size:10px;color:#8a958d}.connection i{width:6px;height:6px;background:#d6b65c;border-radius:50%}.connection.online i,.live-dot{background:#39cb76}.header-divider{width:1px;height:20px;background:var(--line)}.topbar a{color:#8e9d92}.mobile-toggle{display:none}main{max-width:1720px;margin:auto;padding:35px 38px 40px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#7b9382;font-weight:700;display:inline-flex;align-items:center;gap:8px}.page-heading h1{margin:8px 0}.page-heading p{color:#89958c;font-size:12px;line-height:1.7}.heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 16px;background:var(--surface);border:1px solid #e0e7e1;border-radius:8px;font-size:11px;font-weight:650;white-space:nowrap;line-height:1.3}.btn:hover{background:#f0f6f1}.btn.primary{background:var(--primary);border-color:var(--primary);color:#17472b;box-shadow:0 3px 7px #43c67c12}.btn.primary:hover{background:#43e68b}.btn.stop{background:#fff2f0;color:#b65750;border-color:#f2d8d4}.btn.subtle{padding:7px 10px;font-size:10px;border-color:var(--line);background:transparent}.btn.wide{width:100%}.overview-banner{display:flex;align-items:center;gap:14px;border:1px solid #d9ecdc;background:linear-gradient(100deg,#edf8ed,#f3faf1 65%,#eff6e9);border-radius:12px;padding:18px 21px;margin-bottom:26px}.banner-icon{width:42px;height:42px;background:#e0f4df;border:1px solid #cce8cc;border-radius:11px;display:grid;place-items:center;color:#49965b}.overview-banner strong{font-size:12px;font-weight:600}.overview-banner p{font-size:11px;color:#839a87;margin-top:5px}.banner-tag{margin-left:auto;display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:10px;color:#69846c;background:#ffffff90;padding:7px 10px;border:1px solid #dfecdc;border-radius:6px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.section-label>span{font-size:9px;font-weight:600;color:#91a095;letter-spacing:1px}.segmented{display:flex;background:#eef2ee;padding:3px;border-radius:7px;gap:2px}.segmented button{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:11px;color:#859189;border-radius:5px}.segmented button.selected{background:var(--surface);box-shadow:0 1px 4px #142c1810;color:#34573f}.segmented.small button{padding:5px 10px;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px 17px}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#859288}.metric-icon{background:#edfaef;color:#49ab67;width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.metric-icon.purple{background:#f2eefe;color:#9b89d5}.metric-icon.orange{background:#fff3e8;color:#daa36d}.metric-icon.blue{background:#edf4fe;color:#7b9fc9}.metric-value{font-family:Manrope,sans-serif;font-size:30px;font-weight:750;letter-spacing:-1px;margin:10px 0 9px;color:#304537}.metric-value small{font-size:15px;font-weight:500;color:#9aa69c;margin-left:6px}.metric-note{font-size:10px;color:#9aa69e}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden}.panel-heading{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading>svg{color:#95a69a}.panel-heading h2{display:flex;align-items:center;gap:9px}.panel-heading p{font-size:10px;color:#98a399;margin-top:6px;line-height:1.6}.panel-heading select{padding:8px 9px;font-size:10px;background:#fbfcfb;max-width:195px}.tiny-tag{font-family:DM Sans,sans-serif;font-size:8px;font-weight:500;letter-spacing:.7px;background:#f0f6f1;color:#88a18e;padding:4px 6px;border-radius:4px;display:inline-block;margin-left:4px;vertical-align:middle}.dashboard-charts{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-bottom:26px}.chart-tabs{border-bottom:1px solid #f0f3ef;display:flex;gap:22px;padding:0 23px;margin-bottom:10px}.chart-tabs button{padding:0 0 11px;font-size:10px;color:#93a097;border-bottom:2px solid transparent}.chart-tabs button.active{border-color:#54d88a;color:#397349;font-weight:650}.chart-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f3ef;padding:13px 23px;font-size:9px;color:#9aa89f;gap:12px}.chart-foot>span:first-child{display:flex;align-items:center;gap:7px}.engine-panel .panel-heading{padding-bottom:14px}.engine-panel .panel-heading h2{font-size:14px}.engine-card{margin:0 17px 12px;padding:15px;background:#f7fbf6;border:1px solid #eaf1e8;border-radius:10px}.engine-title{display:flex;align-items:center;gap:9px}.engine-icon{height:34px;width:34px;display:grid;place-items:center;color:#4cac62;background:#e9f5e4;border-radius:8px}.engine-title h3{font-size:13px}.engine-title span:not(.engine-check){display:block;font-size:7px;color:#99ab97;letter-spacing:1.3px;margin-top:4px}.engine-check{margin-left:auto;color:#73b47b}.engine-card p{font-size:10px;line-height:1.8;color:#8d9f8c;margin:11px 0}.engine-stat{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #e9f0e5;font-size:10px;color:#8ea08a}.engine-stat strong{font-size:13px;color:#607c55}.engine-card.selenium{background:#faf9fe;border-color:#eeecf6}.selenium .engine-icon{background:#efebfb;color:#9b88d4}.selenium .engine-stat{border-color:#edeaf6}.selenium .engine-stat strong{color:#8c7db1}.selenium .engine-check{color:#a18ed0}.engine-caption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#9bab9c;padding:2px 10px 15px}.count{background:#f0f4ef;font-size:9px;padding:3px 6px;border-radius:5px;font-family:DM Sans,sans-serif;font-weight:500;color:#98a496}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:var(--surface-soft)}th{padding:12px 20px;font-size:8px;letter-spacing:1.1px;color:#94a198;font-weight:500;border-top:1px solid #f0f3ed;border-bottom:1px solid #f0f3ed}th button{display:flex;gap:5px;align-items:center;padding:0;font-size:inherit;letter-spacing:inherit}td{padding:16px 20px;border-bottom:1px solid #f0f3ed;font-size:11px;color:#66786b}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfefb}.run-name{display:flex;align-items:center;gap:11px;text-align:left;padding:0}.run-name strong{display:block;color:#4a6150;font-size:11px;font-weight:600}.run-name small{display:block;color:#a5afa7;font-size:9px;margin-top:5px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.table-icon{width:31px;height:33px;border:1px solid #e8eee6;border-radius:8px;display:grid;place-items:center;background:#fafcf8;color:#9eaf9a}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:9px;white-space:nowrap;background:#f3f5f2;color:#96a08e}.badge i{height:4px;width:4px;border-radius:50%;background:currentColor}.badge.completed{background:#edf8ec;color:#72a373}.badge.running{background:#e5faf0;color:#289464}.badge.failed{background:#fff0ee;color:#c98079}.badge.stopped{background:#fff7e9;color:#b49b69}.number-cell{display:flex;gap:6px;align-items:center}.number-cell svg{color:#b3bdb1}.icon-btn{display:grid;place-items:center;padding:6px;color:#99a79a;border-radius:5px}.icon-btn:hover{background:#edf6eb;color:#4a8453}.mode{font-size:9px;color:#9186ad;background:#f4f0fa;padding:4px 7px;border-radius:4px}.mode.real{color:#48865b;background:#eaf6ee}.muted{color:#9ba79d}.rotate{transform:rotate(180deg)}footer{margin:0 38px;padding:18px 0 23px;border-top:1px solid var(--line);color:#8e9f90;font-size:10px;display:flex;gap:18px;align-items:center}footer>span{font-size:9px;color:#a4afa5}.footer-right{margin-left:auto;font-size:7px;letter-spacing:1.4px}.report-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.report-overview>div{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:14px}.report-overview svg{color:#64b57a}.report-overview strong{font-size:25px;letter-spacing:-1px}.report-overview span{font-size:11px;color:#8c9c8d}.filterbar{display:flex;gap:12px;align-items:center;padding:20px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:0 12px;flex:1;max-width:460px;color:#a2b09f}.search input{border:0;width:100%;font-size:11px}.filterbar select{font-size:11px;padding:10px}.table-footer{padding:15px 20px;border-top:1px solid var(--line);font-size:10px;color:#8c9e8f;display:flex;justify-content:space-between}.table-footer span{font-size:9px;color:#a6b2a6}.empty{padding:55px 20px;text-align:center;color:#a0b09e}.empty svg{color:#9dccaa}.empty h3{margin:13px 0 8px;color:#60745f}.empty p{font-size:12px;line-height:1.6}.loading{display:flex;min-height:50vh;justify-content:center;align-items:center;flex-direction:column;gap:20px;color:#839880}.error{margin:12px 0;padding:13px;border-radius:8px;background:#fff0ee;color:#b36b62;display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#1b3b29;color:#dff7e6;padding:16px 20px;border-radius:10px;box-shadow:0 8px 35px #18332330;z-index:100;font-size:12px;max-width:90vw}.toast.danger{background:#8d4b43}.toast button{display:flex;margin-left:15px}.modal-backdrop{position:fixed;inset:0;background:#102b225c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:28px}.modal{background:var(--surface);border-radius:18px;width:510px;max-height:92vh;overflow-y:auto;box-shadow:0 30px 100px #0b271f40}.modal.wide-modal{width:850px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 28px;border-bottom:1px solid var(--line);gap:15px}.modal-heading h2{font-size:22px;margin:7px 0 8px}.modal-heading p{font-size:11px;color:#8e9f91;line-height:1.6}.modal-body{padding:24px 28px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid var(--line);background:#fbfdf9}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:23px}.mode-picker button{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #e6ece4;border-radius:9px;padding:14px;color:#95a38e}.mode-picker button.selected{background:#edfbef;border-color:#80eaa3;color:#3e8853}.mode-picker strong{display:block;font-size:11px}.mode-picker small{display:block;font-size:9px;line-height:1.7;margin-top:4px;color:#93a18c}.mode-picker button>svg:last-child:not(:first-child){margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-section{margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}.form-section h3{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:17px}.form-section h3 svg{color:#7fa581}.form-hint{font-size:10px;line-height:1.8;color:#9aa994;margin-top:13px}.inline-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.inline-heading h3{margin:0}.inline-heading h3 span{font-size:10px;font-weight:400}.step-row{display:flex;gap:8px;align-items:center;margin-top:10px}.step-row>span{font-size:10px;color:#97a88f;width:14px}.step-row input{flex:1;width:20%;font-size:11px}.step-row select{font-size:11px;width:140px}.permission-box{padding:17px;background:#f7fbf3;border:1px solid #e6eedd;border-radius:9px;margin-top:22px}.permission-box>strong{display:flex;align-items:center;gap:8px;font-size:11px}.permission-box p{font-size:10px;margin:9px 0 13px;color:#7b9375;overflow-wrap:anywhere}.checkbox{display:flex;flex-direction:row;align-items:center;font-size:11px;font-weight:400}.checkbox input{accent-color:#34ba66}.demo-inline{margin-top:22px;display:flex;align-items:center;gap:9px;padding:13px 16px;background:#f2f0fa;border:1px solid #eae5f6;border-radius:8px;color:#8a7ca8;font-size:11px;line-height:1.6}.report-demo{margin:0 0 24px}.form-stack{display:flex;flex-direction:column;gap:18px}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#8b9e88;margin-bottom:18px}.report-charts,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 28px;margin:0;padding:0 23px 25px}.config-grid dt{font-size:10px;color:#9aab95;margin-bottom:7px}.config-grid dd{margin:0;font-size:12px;color:#52704d}.saved-steps{margin:0 24px 25px;padding-left:18px;font-size:12px}.saved-steps li{padding:8px}.saved-steps code{margin:0 12px}.progress-panel{padding:18px 20px;border:1px solid #dcedd9;background:#f2faef;border-radius:10px;margin-bottom:23px}.progress-panel>div{display:flex;justify-content:space-between;font-size:11px;color:#7e9d74}.progress-panel span .live-dot{margin-right:7px}.progress-panel strong{font-size:10px}progress{width:100%;height:6px;appearance:none;border:0;display:block;margin-top:13px}progress::-webkit-progress-bar{background:#dcecd6;border-radius:5px}progress::-webkit-progress-value{background:#5bee9a;border-radius:5px}.user-cell{display:flex;gap:10px;align-items:center}.user-cell strong{display:block;font-size:12px}.user-cell small{display:block;margin-top:5px;color:#a2af9c}.row-actions{display:flex;align-items:center;gap:8px}td select{font-size:11px;padding:7px 9px}.settings-body{padding:0 23px 24px}.brand-preview{display:flex;gap:18px;align-items:center;margin:4px 0 23px;background:#f7fbf4;padding:18px;border-radius:10px}.brand-preview img{width:64px;height:64px;object-fit:contain}.brand-preview h2{font-size:22px}.brand-preview p{font-size:11px;margin-top:6px;color:#8f9f85}.setting-line{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--line);font-size:11px;gap:15px}.setting-line>span{color:#92a08a}.setting-line strong{font-size:10px;display:flex;gap:8px;align-items:center;font-weight:500;text-align:right;overflow-wrap:anywhere}.color-swatch{width:15px;height:15px;border-radius:4px;background:var(--primary)}.host-tags{display:flex;flex-wrap:wrap;gap:8px}.host-tags span{display:flex;gap:7px;align-items:center;padding:8px 11px;border-radius:6px;background:#f0f8ea;color:#79a364;font-size:11px}.help-text p{font-size:11px;line-height:1.9;color:#8f9f86;margin-bottom:12px}.help-text strong{color:#68865e}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.login-story{background:#102c20;color:#dcece0;padding:40px 55px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 100%,#2c6a3f60,transparent 60%),linear-gradient(135deg,transparent 65%,#58d88a0b 65%);pointer-events:none}.login-story .brand{color:#f0f8ec}.login-story>.brand,.login-story>small{position:relative}.login-story .brand img{background:#dff9e4;border-radius:8px;padding:3px}.story-content{position:relative;margin:auto 0;padding:60px 0}.story-content .eyebrow{color:#89be94;font-size:9px}.story-content h1{font-size:clamp(42px,4.6vw,70px);line-height:1.18;font-weight:650;letter-spacing:-3px;margin:25px 0}.story-content h1 em{color:var(--primary);font-style:normal}.story-content>p{color:#85a88d;font-size:14px;line-height:1.9}.story-tags{display:flex;gap:23px;color:#a1c9a8;font-size:11px;margin-top:30px}.story-tags span{display:flex;gap:7px;align-items:center}.login-story>small{font-size:8px;letter-spacing:1.7px;color:#688a6c}.story-graph{height:95px;display:flex;align-items:end;gap:8px;margin-top:32px;max-width:380px;border-bottom:1px solid #42694b}.story-graph div{height:20%;flex:1;background:linear-gradient(#5bee9a88,#5bee9a05);border-top:2px solid #5bee9a;border-radius:3px 3px 0 0}.story-graph div:nth-child(2n){height:35%}.story-graph div:nth-child(3n){height:53%}.story-graph div:nth-child(4n){height:66%}.story-graph div:nth-child(n+8){height:74%}.story-graph div:last-child{height:98%}.login-form{display:flex;align-items:center;justify-content:center;padding:50px 35px}.login-card{width:360px}.pill{font-size:8px;letter-spacing:1.7px;color:#6ba579;background:#eef8ed;padding:7px 10px;border-radius:5px}.login-card h2{font-size:28px;letter-spacing:-1px;margin:24px 0 10px}.login-card>p{color:#9baa93;font-size:12px;line-height:1.8;margin-bottom:30px}.login-card form{display:flex;flex-direction:column;gap:20px}.login-card label{font-size:11px;color:#6d8564}.login-card input{padding:13px;font-size:12px}.login-card .btn{padding:14px;margin-top:5px}.demo-note{display:flex;gap:12px;padding:16px;background:#f8fbf5;border:1px solid #e8efdf;border-radius:9px;color:#85a374;margin-top:25px}.demo-note strong{font-size:11px;color:#708c60}.demo-note p{font-size:10px;line-height:1.8;margin-top:6px}.login-card>small{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:25px;color:#a3b198;font-size:9px}@media(min-width:1550px){main{padding-top:42px}.dashboard-charts{grid-template-columns:minmax(0,1fr) 330px}.metric{padding:21px 24px}.metric-value{font-size:35px}.panel-heading{padding:23px 26px}}@media(max-width:1250px){.sidebar{width:220px;padding-left:15px;padding-right:15px}.main{margin-left:220px}main{padding:28px 24px}.topbar{padding:0 24px}.dashboard-charts{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.page-heading p{max-width:370px}.metrics{gap:12px}.metric{padding:15px}.metric-value{font-size:26px}.metric-note{font-size:9px}.main-chart .panel-heading{flex-wrap:wrap}.panel-heading select{max-width:100%}.metric-top{font-size:10px}th,td{padding-left:15px;padding-right:15px}.heading-actions{justify-content:flex-end}.report-overview>div{padding:20px 15px;gap:10px}.report-overview span{font-size:10px}.config-grid{grid-template-columns:repeat(3,1fr)}footer{margin:0 24px}}@media(max-width:1000px){.dashboard-charts{grid-template-columns:1fr}.engine-panel{display:grid;grid-template-columns:1fr 1fr}.engine-panel>.panel-heading,.engine-caption{grid-column:1/-1}.engine-panel .engine-card{margin:0 15px 15px}.engine-panel .engine-card:nth-child(3){margin-left:0}.page-heading{flex-wrap:wrap}.heading-actions{justify-content:flex-start}.metrics{grid-template-columns:1fr 1fr}.report-charts,.settings-grid{grid-template-columns:1fr}.report-overview>div{flex-wrap:wrap}.report-overview span{width:100%}.banner-tag{display:none}.breadcrumb{font-size:10px}.topbar-right{gap:13px}.footer-right{display:none}.login-story{padding:35px}.story-content h1{font-size:48px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:240px;box-shadow:10px 0 50px #12332220}.sidebar.open{transform:translate(0)}.main{margin-left:0}.mobile-toggle{display:flex;padding:0}.topbar{height:62px;padding:0 18px}.topbar>div{gap:13px}.connection{font-size:9px}.topbar-right .header-divider,.topbar-right>a{display:none}main{padding:25px 17px}.page-heading h1{font-size:26px}.page-heading{margin-bottom:22px}.eyebrow{font-size:8px}.overview-banner{padding:14px;gap:10px}.overview-banner strong{font-size:11px}.overview-banner p{font-size:9px}.banner-icon{width:34px;height:34px}.metrics{gap:10px}.metric{padding:13px}.metric-top{font-size:10px}.metric-value{font-size:25px}.metric-note{font-size:8px;line-height:1.7}.metric-icon{width:27px;height:27px}.section-label{align-items:flex-start}.section-label>span{font-size:8px;line-height:1.8;max-width:50%}.panel-heading{padding:18px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px}.chart-tabs{gap:18px;padding:0 18px}.chart-foot{padding:12px 16px;font-size:8px}.chart-foot>span:last-child{display:none}.report-overview{gap:8px}.report-overview>div{padding:15px 10px;gap:7px}.report-overview strong{font-size:21px}.report-overview span{font-size:9px;line-height:1.6}.report-overview svg{width:18px}.filterbar{padding:14px;flex-wrap:wrap;gap:8px}.search{width:100%;flex:auto;max-width:none}.filterbar select{flex:1;font-size:10px}.table-footer span{display:none}.modal-backdrop{padding:12px}.modal{max-height:95vh;border-radius:13px}.modal-heading,.modal-body{padding:20px}.modal-heading h2{font-size:19px}.modal-footer{padding:16px 20px}.mode-picker{grid-template-columns:1fr;gap:9px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid{gap:13px}.form-grid label{font-size:10px}.step-row{flex-wrap:wrap}.step-row input{width:30%;flex:auto}.step-row select{width:110px}.config-grid{grid-template-columns:1fr 1fr;gap:20px;padding:0 18px 22px}.config-grid dd{font-size:11px}.segmented button{padding:6px 8px;font-size:10px}.report-charts{gap:17px}.setting-line{font-size:10px}.setting-line strong{font-size:9px}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form{min-height:100vh;padding:35px 25px}.login-card{max-width:360px;width:100%}footer{margin:0 17px;gap:12px;font-size:9px}footer>span{font-size:8px}.progress-panel>div{gap:10px}.progress-panel strong{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.chart-loading{height:285px;display:grid;place-items:center;color:#8c9d90;font-size:12px}.modal{display:flex;flex-direction:column}.modal>form{display:flex;flex-direction:column;overflow:hidden;min-height:0}.modal-body{overflow-y:auto}.modal-heading,.modal-footer{flex-shrink:0}html,body,#root{min-height:100%;width:100%}body{background:var(--canvas)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--surface);padding:9px 11px;border-radius:8px;color:var(--ink);font-size:11px;font-weight:600;white-space:nowrap}.theme-toggle:hover{border-color:#5bee9a}.logout-button{padding:9px 11px;color:var(--ink)}.login-theme{position:absolute;top:22px;right:26px;z-index:3}.login-page{position:relative;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}.login-story,.login-form{height:100%;min-height:0}.login-form{overflow-y:auto;align-items:safe center;padding-top:68px;padding-bottom:30px}.login-card{flex-shrink:0;margin-block:auto}:root[data-theme=dark]{color-scheme:dark;color:#dceadf;background:#0e1a13;--canvas: #0e1a13;--surface: #17271e;--surface-soft: #1b2e23;--ink: #dceadf;--muted: #9ab09f;--line: #2b4033}[data-theme=dark] .brand,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#e2f2e6}[data-theme=dark] .brand-dot{color:#5bee9a}[data-theme=dark] input,[data-theme=dark] select{background:#102018;color:#dceadf;border-color:#35503e}[data-theme=dark] input::placeholder{color:#8da392}[data-theme=dark] .btn{background:#1d3326;border-color:#35503e;color:#cfe6d4}[data-theme=dark] .btn:hover,[data-theme=dark] .icon-btn:hover,[data-theme=dark] nav a:hover{background:#294733}[data-theme=dark] .btn.primary{background:#5bee9a;border-color:#5bee9a;color:#103620}[data-theme=dark] .btn.primary:hover{background:#7cf4b0}[data-theme=dark] .btn.stop{background:#422923;border-color:#6e3d35;color:#ffb2a8}[data-theme=dark] nav a{color:#acc1b0}[data-theme=dark] nav a.active{background:#244b33;color:#8df9b6}[data-theme=dark] nav a.active svg{color:#5bee9a}[data-theme=dark] .workspace-icon,[data-theme=dark] .nav-tag,[data-theme=dark] .avatar,[data-theme=dark] .table-icon,[data-theme=dark] .count,[data-theme=dark] .tiny-tag{background:#253e2c;border-color:#38513e;color:#adc8b3}[data-theme=dark] .capacity{background:linear-gradient(135deg,#1c3625,#182e20);border-color:#304c36}[data-theme=dark] .overview-banner{background:linear-gradient(110deg,#1e3b28,#183020);border-color:#325c3d}[data-theme=dark] .banner-icon{background:#294f33;border-color:#3b6848;color:#8beaac}[data-theme=dark] .banner-tag{background:#264530;border-color:#375a41;color:#b0cfb7}[data-theme=dark] .metric-value,[data-theme=dark] .run-name strong,[data-theme=dark] .config-grid dd,[data-theme=dark] .setting-line strong,[data-theme=dark] .empty h3{color:#d5eadb}[data-theme=dark] .metric-top,[data-theme=dark] td,[data-theme=dark] .checkbox,[data-theme=dark] label{color:#b1c4b6}[data-theme=dark] .metric-note,[data-theme=dark] .run-name small,[data-theme=dark] .panel-heading p,[data-theme=dark] .form-hint,[data-theme=dark] .page-heading p,[data-theme=dark] .overview-banner p,[data-theme=dark] .help-text p{color:#9db5a3}[data-theme=dark] .metric-icon{background:#26482f;color:#83eaa0}[data-theme=dark] .metric-icon.purple{background:#342d4c;color:#c7b4ff}[data-theme=dark] .metric-icon.orange{background:#493725;color:#ffd49b}[data-theme=dark] .metric-icon.blue{background:#243c4a;color:#a7d2ff}[data-theme=dark] .segmented{background:#102017}[data-theme=dark] .segmented button{color:#96af9e}[data-theme=dark] .segmented button.selected{background:#2a4633;color:#d5f5dd}[data-theme=dark] .engine-card{background:#1c3524;border-color:#304e37}[data-theme=dark] .engine-icon{background:#2a4c32;color:#91e8a8}[data-theme=dark] .engine-card.selenium{background:#2a273d;border-color:#3e3653}[data-theme=dark] .selenium .engine-icon{background:#403452;color:#c5aff6}[data-theme=dark] .engine-card p,[data-theme=dark] .engine-title span:not(.engine-check),[data-theme=dark] .engine-stat{color:#a9bba8}[data-theme=dark] .engine-stat strong{color:#c1e4be}[data-theme=dark] .selenium .engine-stat strong{color:#d9c7fa}[data-theme=dark] .engine-stat,[data-theme=dark] .selenium .engine-stat{border-color:#3c4a3e}[data-theme=dark] th,[data-theme=dark] td,[data-theme=dark] .chart-tabs,[data-theme=dark] .chart-foot{border-color:var(--line)}[data-theme=dark] tbody tr:hover{background:#1d3425}[data-theme=dark] .chart-tabs button.active,[data-theme=dark] .text-link{color:#81eaa5}[data-theme=dark] .badge.completed{background:#234a30;color:#a3e9b2}[data-theme=dark] .badge.running{background:#1d4b39;color:#88efc3}[data-theme=dark] .badge.stopped{background:#483d28;color:#e8ca8d}[data-theme=dark] .badge.failed,[data-theme=dark] .error{background:#482c29;color:#ffc0b5}[data-theme=dark] .mode,[data-theme=dark] .demo-inline{background:#332c46;color:#d0bced;border-color:#4d3c65}[data-theme=dark] .mode.real{background:#254832;color:#a6e5b7}[data-theme=dark] .modal-footer{background:#132219}[data-theme=dark] .mode-picker button{border-color:#344d3b;color:#b6d2be}[data-theme=dark] .mode-picker button.selected{background:#244a32;border-color:#5bee9a;color:#9cf3b9}[data-theme=dark] .mode-picker small{color:#a2b59d}[data-theme=dark] .permission-box,[data-theme=dark] .progress-panel,[data-theme=dark] .brand-preview,[data-theme=dark] .demo-note{background:#203a28;border-color:#35543b}[data-theme=dark] .host-tags span,[data-theme=dark] .pill{background:#24482f;color:#a3e5b2}[data-theme=dark] .demo-note,[data-theme=dark] .demo-note strong,[data-theme=dark] .login-card label,[data-theme=dark] .help-text strong{color:#b2d5b7}[data-theme=dark] .login-story{background:#09180f}[data-theme=dark] .login-story h1 em{color:#5bee9a}[data-theme=dark] .login-story .brand img{background:#dff9e4}[data-theme=dark] .apexcharts-menu{background:#17271e;border-color:#35503e}@media(max-width:760px){.topbar .breadcrumb,.topbar .connection{display:none}.topbar-right{gap:8px!important}.login-theme{top:16px;right:18px}.login-form{min-height:0;height:100%;padding:66px 25px 25px}.login-page{grid-template-rows:minmax(0,1fr)}.theme-toggle,.logout-button{padding:9px;font-size:10px}}@media(max-height:800px)and (min-width:761px){.login-story{padding:26px 40px}.story-content{padding:18px 0}.story-content h1{font-size:clamp(36px,7vh,58px);margin:18px 0;line-height:1.12}.story-content>p{font-size:12px}.story-graph{height:64px;margin-top:18px}.story-tags,.login-card h2{margin-top:18px}.login-card>p{margin-bottom:20px}.login-card form{gap:15px}.demo-note{margin-top:18px;padding:12px}}@media(max-height:600px)and (min-width:761px){.story-graph{display:none}.story-content h1{font-size:36px}}.country-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.country-chips .chip{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.country-chips .chip.selected{background:#e6fbed;border-color:var(--primary);color:#137a46}.geo-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}.geo-table th,.geo-table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}.geo-table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.geo-table td:not(:first-child),.geo-table th:not(:first-child){text-align:right}[data-theme=dark] .country-chips .chip.selected{background:#5bee9a29;color:var(--primary)}