@layer theme{:root,:host{--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.block{display:block}.lowercase{text-transform:lowercase}}:root{font-family:var(--font-sans);color:#26302b;font-synthesis:none;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01" on;background:#f7f8f5;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #91bd59}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}code,kbd{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}button{background:0 0}input,select{color:#26302b;background:#fff;border:1px solid #dce1d7;border-radius:8px;outline:none;width:100%;padding:11px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#83a75c;box-shadow:0 0 0 3px #c5f27730}label{color:#465144;font-size:12px;font-weight:600;display:block}label input,label select{margin-top:7px}form label{margin-bottom:17px}input::placeholder{color:#9ba299}select{min-height:42px}.app-shell{min-height:100vh;display:flex}.sidebar{color:#a8b7aa;z-index:30;background:#17231e;flex-direction:column;width:246px;padding:30px 19px 0;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{padding:0 7px}.brand{letter-spacing:-1px;color:#f2f5ed;align-items:center;gap:10px;font-size:25px;font-weight:650;display:flex}.brand-mark{color:#17231e;background:#c5f277;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.brand-mark svg{width:30px;height:30px}.brand-dot{color:#c5f277}.workspace-label,.nav-label{letter-spacing:1.6px;color:#7e9385;font-size:9px;font-weight:650}.workspace-label{margin:41px 10px 12px}.workspace{background:#ffffff07;border:1px solid #ffffff0c;border-radius:9px;align-items:center;gap:10px;padding:12px 10px;display:flex}.workspace-avatar{color:#d3ddca;background:#354039;border:1px solid #4a584c;border-radius:8px;place-items:center;width:33px;height:33px;font-size:11px;display:grid}.workspace strong{color:#e3eadf;font-size:11px;font-weight:550;display:block}.workspace span{color:#8fa291;margin-top:3px;font-size:10px;display:block}.workspace>svg{color:#98b38b;margin-left:auto}.nav-label{margin:32px 10px 12px}.nav-item{color:#a5b6aa;text-align:left;border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:12px;font-size:12px;display:flex}.nav-item.active{color:#1e3221;background:#c5f277;font-weight:650}.nav-item:not(.active):hover{color:#fff;background:#ffffff08}.nav-count{background:#ffffff0c;border-radius:5px;place-items:center;min-width:21px;height:20px;margin-left:auto;font-size:10px;display:grid}.active .nav-count{background:#17231e13}.sidebar-bottom{margin-top:auto;padding-top:45px}.sidebar-callout{background:radial-gradient(at 100% 0,#3c513e55,#0000);border:1px solid #ffffff12;border-radius:10px;margin:0 2px 20px;padding:17px 15px}.callout-icon{color:#c5f277;margin-bottom:14px;display:block}.sidebar-callout strong{color:#e6ecde;font-size:14px;font-weight:500;line-height:1.55}.sidebar-callout p{color:#93a895;margin:8px 0 17px;font-size:11px;line-height:1.7}.sidebar-callout button{color:#c8dcaa;align-items:center;gap:8px;font-size:11px;font-weight:550;display:flex}.sidebar-footer{color:#8da48f;white-space:nowrap;border-top:1px solid #ffffff0c;align-items:center;gap:7px;padding:20px 5px;font-size:9px;display:flex}.sidebar-footer>span:last-child{color:#6c8272;margin-left:auto}.status-dot{background:#72a74d;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.sidebar-footer .status-dot{background:#b2d58c}main{flex:1;min-width:0;margin-left:246px}.topbar{background:#fafbf8;border-bottom:1px solid #e7eae2;justify-content:space-between;align-items:center;height:80px;padding:0 42px;display:flex}.breadcrumb{color:#8d978b;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb>strong{color:#3e493c;font-weight:550}.breadcrumb svg{color:#a0a99b}.topbar-right{align-items:center;gap:20px;display:flex}.relay-status{color:#5a6d50;align-items:center;gap:7px;font-size:10px;display:flex}.relay-status.warning{color:#ab7435}.relay-status.warning .status-dot{background:#d2964d}.topbar-divider{background:#e3e8dc;width:1px;height:22px}.avatar{color:#5e704d;background:#e5eadc;border:2px solid #fff;border-radius:50%;width:32px;height:32px;font-size:10px;font-weight:600;box-shadow:0 0 0 1px #dce4d4}.content{max-width:1530px;margin:0 auto;padding:43px 42px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:1.6px;color:#7a8b6d;align-items:center;gap:7px;margin-bottom:15px;font-size:9px;font-weight:650;display:flex}.eyebrow>span{background:#a4bc8b;border-radius:1px;width:5px;height:5px;transform:rotate(45deg)}h1{letter-spacing:-1.6px;color:#24362a;font-size:clamp(29px,2.7vw,40px);font-weight:550;line-height:1.2}h1>span{color:#8ba86a}.page-heading p{color:#899180;margin-top:12px;font-size:12px;line-height:1.7}.button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:11px 16px;font-size:11px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{color:#203022;background:#c5f277;border:1px solid #b4df6b;box-shadow:0 1px 1px #3c552319}.primary:hover{background:#b9e86d}.secondary{color:#4d5e45;background:#fff;border:1px solid #dce3d6}.secondary:hover{background:#f4f7ed}.destructive{color:#fff;background:#b24437}.full{width:100%}.page-heading>.button{margin-top:20px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:31px;display:grid}.metric{background:#fff;border:1px solid #e1e7d9;border-radius:10px;min-height:147px;padding:20px 20px 17px}.metric.accent{background:#eef4e2;border-color:#dce7c9}.metric-label{color:#6f7b65;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.metric-label>span{color:#92a17f}.metric-value{letter-spacing:-1px;color:#283a26;align-items:center;gap:14px;margin:13px 0 12px;font-size:32px;font-weight:500;line-height:1;display:flex}.metric-value.compact{letter-spacing:-.7px;margin-top:17px;margin-bottom:13px;font-size:27px}.metric-live{letter-spacing:.5px;color:#6d8f4b;background:#e1edce;border-radius:4px;align-items:center;gap:5px;padding:5px 6px;font-size:8px;display:flex}.metric-live .status-dot{width:4px;height:4px}.metric-footer{color:#8a947e;gap:17px;font-size:9px;line-height:1.5;display:flex}.panel{background:#fff;border:1px solid #e0e5d9;border-radius:11px;overflow:hidden}.panel-title{justify-content:space-between;align-items:center;gap:15px;padding:24px 24px 22px;display:flex}.panel-title h2{letter-spacing:-.2px;color:#374632;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.panel-title p{color:#929a87;margin-top:6px;font-size:10px}.count-pill{color:#7a8869;background:#f0f3e9;border-radius:5px;place-items:center;min-width:21px;height:19px;font-size:9px;font-weight:500;display:grid}.live-label{color:#97a389;letter-spacing:.9px;white-space:nowrap;align-items:center;gap:6px;font-size:8px;font-weight:600;display:flex}.live-label .status-dot{background:#9cb87c;width:4px;height:4px}.table-toolbar{justify-content:space-between;align-items:center;gap:14px;padding:0 24px 21px;display:flex}.segment-control{background:#f4f6f0;border:1px solid #e9ede2;border-radius:7px;gap:3px;padding:3px;display:flex}.segment-control button{color:#89927d;white-space:nowrap;border-radius:4px;padding:7px 12px;font-size:10px;font-weight:550}.segment-control .selected{color:#435638;background:#fff;border:1px solid #e3e8d8;padding:6px 11px;box-shadow:0 1px 4px #526b2b12}.search{color:#9ba48e;border:1px solid #e0e6d7;border-radius:7px;align-items:center;gap:8px;width:220px;padding:7px 9px;display:flex}.search input{box-shadow:none;background:0 0;border:0;min-width:0;margin:0;padding:1px 0;font-size:10px;font-weight:400}.search kbd{text-align:center;color:#a9b29c;background:#f5f7f0;border:1px solid #e5eada;border-radius:3px;min-width:14px;height:15px;font-size:9px;font-weight:400;line-height:14px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:1px;color:#96a088;background:#fbfcf8;border-top:1px solid #edf0e7;border-bottom:1px solid #edf0e7;padding:13px 16px;font-size:8px;font-weight:550}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}td{border-bottom:1px solid #edf0e7;padding:22px 16px;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}.tunnel-name{align-items:center;gap:11px;display:flex}.tunnel-icon{color:#7f916b;background:#eef2e9;border:1px solid #e5eadc;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.tunnel-icon.udp{color:#a18abd;background:#f3eff8;border-color:#eae4f2}.tunnel-icon.http{color:#83a3c5;background:#edf3fb;border-color:#e1ebf7}.tunnel-name strong{color:#42533b;font-size:11px;font-weight:600;display:block}.target{color:#9ca58e;margin-top:5px;font-family:monospace;font-size:9px;display:block}.protocol-badge{letter-spacing:.4px;color:#7b9162;background:#f6f9f0;border:1px solid #dfe8d1;border-radius:4px;padding:4px 7px;font-size:8px;font-weight:600}.protocol-badge.udp{color:#9b85b8;background:#f8f5fc;border-color:#e9e1f1}.protocol-badge.http{color:#7e9abb;background:#f4f8fd;border-color:#e1eaf6}.endpoint{align-items:center;gap:6px;display:flex}.endpoint code{color:#6a785d;font-size:10px}.icon-button{color:#9aa68d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:inline-flex}.icon-button:hover{color:#536641;background:#eef3e6}.tunnel-status{color:#8d9883;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:inline-flex}.tunnel-status .status-dot{background:#b7c0ac;width:5px;height:5px}.tunnel-status.listening{color:#7a985b}.tunnel-status.listening .status-dot{background:#94b56d;box-shadow:0 0 0 3px #f0f6e6}.tunnel-status.connecting{color:#b69a59}.tunnel-status.connecting .status-dot{background:#d5b772}.tunnel-status.revoked{color:#ba7d71}.row-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.toggle{background:#dce1d5;border-radius:10px;flex-shrink:0;align-items:center;width:29px;height:17px;padding:2px;display:flex}.toggle>span{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;box-shadow:0 1px 2px #0001}.toggle.on{background:#aacb7b}.toggle.on>span{transform:translate(12px)}.delete:hover{color:#b15946;background:#fff1eb}.table-footer{color:#9ca58f;border-top:1px solid #edf0e7;justify-content:space-between;gap:12px;padding:15px 24px;font-size:9px;display:flex}.table-footer>span:last-child{align-items:center;gap:5px;display:flex}.bottom-note{color:#a0aa94;justify-content:space-between;gap:15px;margin-top:23px;font-size:10px;display:flex}.bottom-note>span:first-child{color:#819270;align-items:center;gap:8px;display:flex}.small-spark{color:#95ac7d;font-size:17px}.page-footer{color:#a9b19d;letter-spacing:.8px;border-top:1px solid #e5eadd;justify-content:space-between;align-items:center;gap:15px;margin-top:70px;padding:23px 0 25px;font-size:8px;display:flex}.page-footer>span:first-child>span{color:#c3cbb8;padding:0 6px}.page-footer>span:last-child{letter-spacing:0;align-items:center;gap:6px;display:flex}.page-footer .status-dot{background:#a4bc8c;width:4px;height:4px}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:48px 24px 50px;display:flex}.empty-icon{color:#8fa676;background:#f0f5e9;border:1px solid #e4ecd9;border-radius:18px;place-items:center;width:60px;height:60px;margin-bottom:18px;display:grid}.empty-state h3{letter-spacing:-.3px;color:#4b6041;font-size:16px;font-weight:550}.empty-state p{color:#95a086;max-width:320px;margin:8px 0 21px;font-size:11px;line-height:1.8}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.agent-card{padding:24px 22px}.agent-card-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.agent-machine{color:#8da473;background:#f0f5e9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.agent-card h2{letter-spacing:-.3px;color:#41543a;font-size:18px;font-weight:550}.agent-hostname{color:#95a086;margin-top:7px;font-size:10px}.agent-card dl{margin:26px 0 22px}.agent-card dl>div{justify-content:space-between;gap:10px;margin:13px 0;font-size:10px;display:flex}.agent-card dt{color:#97a18b}.agent-card dd{color:#607451;margin:0}.agent-card-footer{border-top:1px solid #ebefe3;justify-content:space-between;align-items:center;padding-top:17px;display:flex}.agent-card-footer code{color:#a8b299;font-size:10px}.text-button{align-items:center;gap:5px;font-size:10px;display:flex}.danger{color:#b77c6b}.agent-card.revoked{opacity:.6}.agent-add{background:#f3f6ed;border:1px dashed #ccd8bd;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:35px 20px;display:flex}.agent-add>span{color:#91a779;border:1px solid #dce6cd;border-radius:50%;place-items:center;width:47px;height:47px;margin-bottom:17px;display:grid}.agent-add strong{color:#6d855b;font-size:14px;font-weight:550}.agent-add p{color:#a0ad92;margin-top:8px;font-size:10px}.activity-list{padding:0 24px 10px}.activity-row{border-top:1px solid #edf0e6;align-items:center;gap:14px;padding:21px 0;display:flex}.event-icon{color:#8da574;background:#f2f6ec;border-radius:10px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.activity-row strong{color:#54694a;font-size:11px;font-weight:550}.activity-row p{color:#96a087;overflow-wrap:anywhere;margin-top:5px;font-size:10px}.activity-row time{color:#a4ad98;white-space:nowrap;margin-left:auto;font-size:9px}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-panel{padding:25px}.settings-panel h2{color:#506747;align-items:center;gap:9px;margin-bottom:20px;font-size:14px;font-weight:550;display:flex}.settings-panel>p{color:#8c9980;margin-bottom:18px;font-size:11px;line-height:1.9}.settings-panel form label{font-size:11px}.settings-list>div{border-bottom:1px solid #edf0e7;justify-content:space-between;align-items:flex-start;gap:15px;padding:12px 0;font-size:10px;display:flex}.settings-list dt{color:#8c9980;flex-shrink:0}.settings-list dd{color:#627855;text-align:right;overflow-wrap:anywhere;margin:0}.settings-list{margin:0 0 20px}.download-row{color:#829a6b;border:1px solid #e2e9d8;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px;display:flex}.download-row:hover{background:#f6f9f1}.download-row strong{color:#5c744e;font-size:11px;font-weight:550;display:block}.download-row span{color:#9baa8e;margin-top:5px;font-size:10px;display:block}.download-links{color:#8c9d7b;flex-wrap:wrap;gap:15px;margin-top:17px;font-size:9px;display:flex}.download-links a{align-items:center;gap:4px;display:flex}.muted{color:#9aa58e}.small-text{font-size:10px!important}.toast{z-index:100;color:#e3edce;background:#263a27;border:1px solid #465c3a;border-radius:9px;align-items:center;gap:10px;padding:14px 20px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #182e1b20}.toast svg{color:#c5f277}.error-banner{color:#af6f50;background:#fff2eb;border:1px solid #efd7c7;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:12px 15px;font-size:11px;display:flex}.error-banner button{color:inherit}dialog{color:#435439;background:#fff;border:1px solid #dce5d0;border-radius:15px;width:calc(100% - 32px);max-width:530px;max-height:calc(100vh - 50px);margin:auto;padding:0;overflow:auto;box-shadow:0 20px 100px #10281135}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15231b80}.dialog-content{padding:32px}.dialog-close{position:absolute;top:14px;right:14px}.dialog-content>h2{letter-spacing:-.6px;padding-right:15px;font-size:23px;font-weight:550;line-height:1.3}.dialog-subtitle{color:#8d9a7e;margin:9px 0 25px;font-size:11px;line-height:1.9}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.protocol-picker{grid-template-columns:repeat(3,1fr);gap:9px;margin:8px 0 22px;display:grid}.protocol-picker>button{color:#93a57f;text-align:left;background:#fff;border:1px solid #e2e9d8;border-radius:8px;flex-direction:column;align-items:flex-start;gap:7px;padding:13px 12px;display:flex}.protocol-picker>button.selected{background:#f3f8eb;border-color:#a6bf84;box-shadow:0 0 0 1px #a6bf8430}.protocol-picker strong{color:#61794e;font-size:11px;font-weight:600}.protocol-picker span{color:#9aa98c;font-size:8px}.form-row{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.optional{color:#a2ad94;margin-left:5px;font-size:10px;font-weight:400}.field-help{color:#96a286;margin:7px 0 14px;font-size:10px;font-weight:400;line-height:1.8;display:block}.endpoint-preview{background:#f5f8ef;border:1px dashed #d8e3ca;border-radius:8px;margin:18px 0;padding:14px 16px}.endpoint-preview>span{letter-spacing:1px;color:#9aaa88;margin-bottom:7px;font-size:8px;display:block}.endpoint-preview code{color:#78915e;overflow-wrap:anywhere;font-size:11px}.form-error{color:#b2684a;background:#fff3ea;border:1px solid #f1dfcd;border-radius:7px;margin:14px 0;padding:11px 13px;font-size:11px;line-height:1.6}.notice{color:#a98b4d;background:#faf6e9;border:1px solid #ede3c7;border-radius:8px;align-items:flex-start;gap:10px;margin:20px 0;padding:13px;font-size:10px;line-height:1.7;display:flex}.notice svg{flex-shrink:0;margin-top:2px}.code-block{background:#1e2b23;border:1px solid #344334;border-radius:8px;align-items:flex-start;gap:10px;margin:14px 0 20px;padding:15px;display:flex}.code-block code{color:#c6d6b2;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0;font-size:10px;line-height:1.9}.code-block .icon-button{color:#97ae85;margin:-2px -4px 0 0}.code-block .icon-button:hover{background:#ffffff10}.guide-step{gap:12px;margin:19px 0;display:flex}.step-number{color:#8fa577;background:#f4f8ee;border:1px solid #dfe8d2;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.guide-step strong{color:#6a8059;font-size:12px;font-weight:550}.guide-step p{color:#99a58c;margin-top:4px;font-size:10px;line-height:1.8}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-intro{color:#e8efdf;background:#17231e;flex-direction:column;padding:45px 60px;display:flex;position:relative;overflow:hidden}.login-intro:after{content:"";pointer-events:none;border:1px solid #c5f2770d;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-350px;right:-250px;box-shadow:0 0 0 50px #c5f27704,0 0 0 100px #c5f27703,0 0 0 150px #c5f27702}.login-copy{margin:auto 0;padding:60px 0}.login-copy .eyebrow{color:#97b77e;letter-spacing:2px;margin-bottom:25px;font-size:10px}.login-copy h1{letter-spacing:-3px;color:#eff3e6;font-size:clamp(50px,6vw,85px);font-weight:500;line-height:1.12}.login-copy h1>span{color:#c5f277}.login-copy p{color:#9db095;margin:25px 0;font-size:14px;line-height:1.9}.login-protocols{gap:10px;margin-top:33px;display:flex}.login-protocols>span{letter-spacing:1px;color:#b0c49a;border:1px solid #7a97654d;border-radius:5px;padding:7px 11px;font-size:10px}.login-footer{letter-spacing:1.5px;color:#7f9b75;align-items:center;gap:8px;font-size:8px;display:flex}.login-footer .status-dot{background:#a7c883}.login-form-side{background:#f7f8f4;justify-content:center;align-items:center;padding:50px;display:flex}.login-form{width:100%;max-width:360px}.login-key{color:#8ea970;background:#edf4e2;border:1px solid #dce8cd;border-radius:16px;place-items:center;width:59px;height:59px;margin-bottom:27px;display:grid}.login-form h2{letter-spacing:-.8px;color:#354930;font-size:27px;font-weight:550;line-height:1.3}.login-form>p{color:#94a086;margin:13px 0 32px;font-size:12px}.login-form>label{font-size:11px}.login-form input{padding:13px}.login-form>.button{min-height:44px;margin-top:10px}.login-secure{color:#9daa90;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:9px;display:flex}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loading-screen .brand{color:#30472d}.loading-screen>span{color:#95a583;font-size:12px}.mobile-toggle,.mobile-close,.mobile-break{display:none}@media(min-width:1600px){.content{padding-top:55px}.metrics-grid{margin-bottom:40px}.metric{min-height:165px}.metric-value{margin-top:18px;font-size:38px}.page-heading{margin-bottom:40px}td{padding-top:25px;padding-bottom:25px}}@media(max-width:1200px){.sidebar{width:215px;padding-left:14px;padding-right:14px}main{margin-left:215px}.topbar{padding:0 26px}.content{padding:32px 26px 0}.metrics-grid{gap:10px}.metric{padding:17px 14px}.metric-label{font-size:10px}.metric-label svg{width:16px}.metric-value{font-size:28px}.metric-footer{font-size:8px}.metric-live{display:none}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-intro{padding:35px 40px}.settings-grid{gap:14px}.settings-panel{padding:20px}}@media(max-width:900px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.sidebar .brand{font-size:22px}.brand-mark{width:31px;height:31px}.workspace{gap:7px;padding:10px 7px}.workspace>svg{display:none}.sidebar-callout{padding:15px 12px}.sidebar-footer{gap:5px;font-size:8px}.sidebar-footer>span:last-child{font-size:8px}main{margin-left:190px}.topbar{height:69px;padding:0 22px}.content{padding:28px 22px 0}.page-heading{align-items:flex-start}.page-heading>.button{margin-top:28px}.page-heading p{max-width:290px;font-size:11px}h1{font-size:29px}.eyebrow{letter-spacing:1.2px;font-size:8px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:132px;padding:17px}.metric-value{margin:13px 0 10px;font-size:29px}.metric-footer{font-size:9px}.metric-live{display:flex}.table-toolbar{flex-direction:column;align-items:stretch;padding:0 18px 18px}.segment-control{align-self:flex-start}.search{width:100%}.panel-title{padding:20px 18px}.table-footer{padding:14px 18px;font-size:8px}.bottom-note>span:last-child{display:none}.settings-grid{grid-template-columns:1fr}.login-form-side{padding:35px}.login-form h2{font-size:23px}.login-copy h1{font-size:58px}.login-intro{padding:35px}.relay-status{font-size:9px}.topbar-right{gap:13px}}@media(max-width:650px){.sidebar{width:246px;padding:27px 19px 0;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar .brand{font-size:25px}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.sidebar-scrim{z-index:25;background:#10231b80;position:fixed;inset:0}.mobile-close,.mobile-toggle{display:inline-flex}.mobile-close{color:#b1c29f}.mobile-toggle{margin-left:-6px;margin-right:1px}main{margin-left:0}.content{padding:28px 18px 0}.topbar{height:63px;padding:0 18px}.breadcrumb{gap:8px;font-size:10px}.topbar-right{gap:10px}.relay-status{font-size:8px}.topbar-divider{display:none}.avatar{width:28px;height:28px;font-size:9px}.eyebrow{letter-spacing:1px;margin-bottom:13px;font-size:7px}h1{letter-spacing:-1.2px;font-size:29px}.mobile-break{display:block}.page-heading{gap:10px;margin-bottom:25px}.page-heading p{max-width:240px;margin-top:10px;font-size:10px}.page-heading>.button{gap:5px;min-height:36px;margin-top:37px;padding:9px 11px;font-size:10px}.page-heading>.button svg{width:14px}.metrics-grid{gap:10px;margin-bottom:25px}.metric{min-height:128px;padding:16px 14px}.metric-label{font-size:9px}.metric-value{font-size:29px}.metric-value.compact{font-size:25px}.metric-footer{gap:12px;font-size:8px}.metric-live{padding:4px;font-size:7px}.panel-title p{font-size:9px}.live-label{letter-spacing:.5px;font-size:7px}.panel-title h2{font-size:13px}.segment-control{justify-content:space-between;width:100%}.segment-control button{flex:1;padding:7px 11px;font-size:9px}.segment-control .selected{padding:6px 10px}.table-footer>span:last-child{text-align:right;max-width:180px;line-height:1.5}.table-footer>span:last-child svg{flex-shrink:0}.bottom-note{margin-top:19px;font-size:9px}.page-footer{letter-spacing:.2px;margin-top:45px;font-size:7px}.agent-grid{grid-template-columns:1fr}.agent-add{min-height:220px}.activity-row{gap:10px}.activity-list{padding:0 16px 8px}.activity-row time{font-size:8px}.activity-row p{max-width:180px;font-size:9px}.activity-row strong{font-size:10px}.dialog-content{padding:29px 22px 25px}.dialog-content>h2{font-size:22px}.protocol-picker>button{padding:12px 9px}.protocol-picker span{font-size:7px}.form-row{grid-template-columns:1.2fr 1fr}.login-page{flex-direction:column;display:flex}.login-intro{padding:25px 26px}.login-copy{padding:33px 0 8px}.login-copy h1{letter-spacing:-1.8px;font-size:45px}.login-copy h1 br{display:none}.login-copy h1 br:after{content:" "}.login-copy h1>span{display:block}.login-copy .eyebrow{margin-bottom:13px;font-size:8px}.login-copy p{margin:15px 0;font-size:11px}.login-copy p br,.login-protocols,.login-footer{display:none}.login-form-side{flex:1;padding:30px 26px 40px}.login-form{max-width:100%}.login-key{display:none}.login-form h2{font-size:23px}.login-form>p{margin:10px 0 24px}.toast{width:max-content;max-width:calc(100% - 28px);font-size:11px;bottom:18px}.settings-panel{padding:20px}.workspace>svg{display:block}.sidebar-footer,.sidebar-footer>span:last-child{font-size:9px}}