@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Manrope,sans-serif;color:#f2f1ec;background:#0a0b0b;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0a0b0b;--surface: #111313;--surface-raised: #161919;--line: #2a2e2d;--line-soft: #202322;--muted: #8e9491;--text: #f2f1ec;--accent: #c7ff3d;--accent-dark: #90bd20;--danger: #ff665e;--warning: #f4c95d}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 73% -10%,rgb(199 255 61 / 7%),transparent 30rem),linear-gradient(rgb(255 255 255 / 2%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 2%) 1px,transparent 1px),var(--bg);background-size:auto,48px 48px,48px 48px,auto}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(1500px,100%);min-height:100vh;margin:0 auto;border-inline:1px solid var(--line-soft);background:#0a0b0be5}.topbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 38px;border-bottom:1px solid var(--line);background:#0a0b0be0;backdrop-filter:blur(18px)}.brand{display:inline-flex;gap:13px;align-items:center;color:var(--text);text-decoration:none}.brand strong,.brand small{display:block}.brand strong{font-size:14px;line-height:1;letter-spacing:.08em}.brand small{margin-top:5px;color:var(--muted);font:500 9px/1 DM Mono,monospace;letter-spacing:.18em}.brand-mark{display:grid;grid-template-columns:repeat(3,5px);align-items:end;gap:3px;width:27px;height:27px;padding:5px;border:1px solid var(--accent)}.brand-mark span{display:block;background:var(--accent)}.brand-mark span:nth-child(1){height:7px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.topbar-actions{display:flex;gap:10px;align-items:center}.connection-indicator{display:flex;gap:9px;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--line);color:var(--muted);font:500 11px/1 DM Mono,monospace;text-transform:uppercase}.indicator-dot{width:7px;height:7px;border-radius:50%;background:#555b58;box-shadow:0 0 0 4px #555b581f}.connection-indicator.is-connected{color:var(--text)}.connection-indicator.is-connected .indicator-dot{background:var(--accent);box-shadow:0 0 0 4px #c7ff3d1f}.icon-button{width:38px;height:38px;border:1px solid var(--line);color:var(--text);background:transparent;font-size:20px}.icon-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.icon-button.is-spinning{animation:spin .8s linear infinite}main{padding:0 38px 56px}.hero{display:flex;align-items:end;justify-content:space-between;min-height:260px;padding:52px 0 42px;border-bottom:1px solid var(--line)}.eyebrow,.section-label{margin:0 0 16px;color:var(--accent);font:500 10px/1 DM Mono,monospace;letter-spacing:.17em}.hero h1{max-width:850px;margin:0;font-size:clamp(42px,6vw,82px);line-height:.96;letter-spacing:-.055em}.hero h1 span{color:var(--muted);font-weight:500}.hero-meta{padding:0 0 6px 28px;border-left:1px solid var(--line);text-align:right}.hero-meta span,.hero-meta strong{display:block}.hero-meta span{margin-bottom:8px;color:var(--muted);font:500 9px/1 DM Mono,monospace;letter-spacing:.12em}.hero-meta strong{font:500 12px/1.4 DM Mono,monospace}.connection-card{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(500px,1.25fr);gap:40px;align-items:end;padding:30px;border:1px solid var(--line);border-top:0;background:var(--surface)}.connection-card h2,.panel h2{margin:0;font-size:23px;letter-spacing:-.03em}.connection-card p:not(.section-label){max-width:460px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.connection-form{display:grid;grid-template-columns:1.1fr 1fr auto;gap:10px;align-items:end}label>span{display:block;margin-bottom:8px;color:var(--muted);font:500 10px/1 DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}input,select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:0;outline:none;color:var(--text);background:#0d0f0f;transition:border-color .15s ease,box-shadow .15s ease}input{padding:0 14px}select{padding:0 38px 0 14px}input::placeholder{color:#595f5c}input:focus,select:focus{border-color:var(--accent-dark);box-shadow:0 0 0 3px #c7ff3d14}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:0 18px;border:1px solid var(--accent);font:700 11px/1 DM Mono,monospace;letter-spacing:.09em}.primary-button{color:#11160a;background:var(--accent)}.primary-button:hover:not(:disabled){background:#dcff83}.secondary-button{justify-content:center;color:var(--text);background:transparent}.danger-button{border-color:#5c2c2a;color:#ff8c86}.danger-button:hover:not(:disabled){border-color:var(--danger);background:#ff665e14}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metric-card{position:relative;min-height:190px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);overflow:hidden}.metric-card--accent:after{position:absolute;right:-24px;bottom:-50px;width:150px;height:150px;border:1px solid rgb(199 255 61 / 18%);border-radius:50%;content:""}.metric-topline{display:flex;justify-content:space-between;color:var(--muted);font:500 10px/1 DM Mono,monospace;letter-spacing:.1em}.metric-index{color:#535956}.metric-card>strong{display:block;margin-top:36px;font-size:54px;line-height:1;letter-spacing:-.06em}.metric-card--accent>strong,.status-word.is-active{color:var(--accent)}.metric-card>p{margin:12px 0 0;color:var(--muted);font-size:12px}.metric-card>.status-word{margin-top:45px;font:700 24px/1 DM Mono,monospace;letter-spacing:.03em}.workspace-grid{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(650px,1.28fr);gap:28px;margin-top:28px}.panel{border:1px solid var(--line);background:var(--surface)}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:98px;padding:24px;border-bottom:1px solid var(--line)}.panel-heading .section-label{margin-bottom:10px}.toggle-control{display:inline-flex;gap:10px;align-items:center;cursor:pointer}.toggle-control input{position:absolute;width:1px;height:1px;opacity:0}.toggle-control>span:last-child{min-width:36px;margin:0;color:var(--text);font-size:10px}.toggle-track{position:relative;display:block;width:42px;height:23px;margin:0;border:1px solid #444947;background:#222625;pointer-events:none}.toggle-track span{position:absolute;top:4px;left:4px;width:13px;height:13px;background:#69706d;pointer-events:none;transition:.15s ease}.toggle-control input:checked+.toggle-track{border-color:var(--accent-dark)}.toggle-control input:checked+.toggle-track span{left:23px;background:var(--accent)}.config-form{padding:24px}.config-form>label,.split-fields{display:block;margin-bottom:22px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.number-field{position:relative}.number-field input{padding-right:48px}.number-field>span{position:absolute;top:19px;right:14px;color:var(--muted);font:500 9px/1 DM Mono,monospace}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}.auto-refresh{display:flex;gap:8px;align-items:center;cursor:pointer}.auto-refresh input{width:14px;min-height:14px;accent-color:var(--accent)}.auto-refresh span{margin:0;text-transform:none}.agent-toolbar{display:grid;grid-template-columns:1fr 190px;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.search-field{position:relative}.search-field>span{position:absolute;z-index:1;top:16px;left:14px;margin:0;color:var(--muted);font-size:18px}.search-field input{padding-left:42px}.table-wrap{width:100%;min-height:330px;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:15px 18px;border-bottom:1px solid var(--line-soft);text-align:left}th{color:#777d7a;background:#0f1111;font:500 9px/1 DM Mono,monospace;letter-spacing:.1em}td{color:#c9cecb;font:400 11px/1.4 DM Mono,monospace}tbody tr:hover{background:#ffffff04}.agent-name{color:var(--text);font-weight:500}.status-badge,.browser-state{display:inline-flex;gap:7px;align-items:center}.status-badge:before,.browser-state:before{width:6px;height:6px;border-radius:50%;background:#5a605d;content:""}.status-badge--online:before,.browser-state.is-alive:before{background:var(--accent)}.status-badge--error{color:#ff958f}.status-badge--error:before{background:var(--danger)}.status-badge--stopped{color:var(--muted)}.empty-row td{height:250px;color:var(--muted);text-align:center}.table-footer{display:flex;justify-content:space-between;padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font:500 9px/1 DM Mono,monospace;letter-spacing:.04em}.toast{position:fixed;z-index:50;right:24px;bottom:24px;max-width:min(430px,calc(100vw - 48px));padding:16px 18px;border:1px solid var(--line);color:var(--text);background:#151817;box-shadow:0 18px 60px #0006;font-size:13px;line-height:1.5;opacity:0;transform:translateY(16px);pointer-events:none;transition:.18s ease}.toast.is-visible{opacity:1;transform:translateY(0)}.toast--success{border-color:var(--accent-dark)}.toast--error{border-color:#803633}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.connection-card,.workspace-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar,main{padding-inline:18px}.hero{display:block;min-height:auto;padding-block:48px 32px}.hero h1{font-size:43px}.hero-meta{margin-top:30px;padding-left:16px;text-align:left}.connection-card{padding:22px}.connection-form,.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:155px}.metric-card>strong{margin-top:25px}.panel-heading{align-items:flex-start}.agent-toolbar,.split-fields,.form-actions{grid-template-columns:1fr}.auto-refresh{align-items:flex-start;max-width:110px}.table-footer{gap:12px;align-items:flex-start;flex-direction:column}}