@import url('/assets/tokens.css');
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8bb85c;outline-offset:4px}button{border:0}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 20px 0;z-index:20}.brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 14px 30px}.brand-mark{font-size:42px;line-height:1;font-weight:750;letter-spacing:-4px}.brand-mark span{color:#78a644}.brand-tag{font-size:8px;letter-spacing:1.55px;font-weight:700;color:#8d948c;margin-top:10px}.workspace-card{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px;padding:13px 10px;margin-bottom:29px}.workspace-card strong{font-size:11px;display:block;font-weight:650;white-space:nowrap}.workspace-card small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.workspace-logo{width:30px;height:30px;background:#edf0e8;border:1px solid #dde3d5;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:650}.workspace-chevron{margin-left:auto;color:#92988d;font-size:16px}.nav-label{font-size:9px;font-weight:650;letter-spacing:1.2px;color:#92998f;margin:0 13px 13px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:7px;color:#747b72;margin-bottom:6px;font-size:12px;text-align:left;background:transparent;transition:background .15s,color .15s}.nav-item:hover{background:#f7f8f4;color:var(--ink)}.nav-item.active{background:#edf3e5;color:#34472b;font-weight:650}.nav-item .count{margin-left:auto;background:white;border:1px solid #dfe6d6;min-width:21px;text-align:center;border-radius:4px;font-size:9px;padding:1px 4px}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-note{border:1px solid #e9ece5;border-radius:9px;padding:16px 13px;margin-bottom:25px;background:#fafbf8}.sidebar-note strong{display:inline;font-size:11px}.sidebar-note p{font-size:10px;color:var(--muted);line-height:1.6;margin:8px 0 10px}.tiny-dot{width:6px;height:6px;background:#8dae68;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle}.text-button{display:inline-flex;align-items:center;gap:10px;padding:0;background:transparent;font-size:11px;font-weight:600;color:var(--ink)}.text-button span{font-size:15px}.profile{width:100%;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:20px 0;background:#fff;text-align:left}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eee8df;color:#7a6855;font-weight:700;font-size:11px}.profile strong{display:block;font-size:11px}.profile small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.profile-more{margin-left:auto;color:var(--muted)}.app-shell{margin-left:236px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{display:flex;align-items:center;gap:17px;color:#a1a69e;font-size:12px}.home-symbol{font-size:20px;color:#737d6c}.breadcrumb strong{font-weight:500;color:#676f63;font-size:11px}.topbar-right{display:flex;align-items:center;gap:24px}.local-label{font-size:8px;letter-spacing:1.1px;color:#788469;background:#f2f6ed;border:1px solid #e6eddd;padding:6px 8px;border-radius:5px;font-weight:600;display:flex;align-items:center;gap:6px}.local-label i{width:5px;height:5px;border-radius:50%;background:#87aa5a}.role-picker{display:flex;align-items:center;gap:9px;font-size:10px;color:#94998e}.role-picker select{color:var(--ink);font-size:11px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 26px 7px 10px}main{width:100%;max-width:1550px;padding:39px 40px 34px;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#8b9484;margin:0 0 10px}h1{font-size:28px;line-height:1.25;font-weight:560;letter-spacing:-1px;margin:0 0 10px}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.heading-actions{display:flex;gap:10px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:11px 15px;font-size:11px;font-weight:600;border-radius:6px;white-space:nowrap;min-height:37px;transition:transform .15s,background .15s}.button:active{transform:translateY(1px)}.button.primary{background:#252c24;color:#fff;border:1px solid #252c24}.button.primary:hover{background:#3d4937}.button.secondary{background:white;color:#626a5d;border:1px solid #dfe4d9}.button.secondary:hover{background:#f3f6ee}.button.lime{background:var(--lime);color:#27331e;border:1px solid #bbdf8b}.button.full{width:100%}.button.small{padding:8px 11px;min-height:32px;font-size:10px}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;min-height:256px;overflow:hidden;background:#edf2e5;border:1px solid #e2e8d9;border-radius:12px;margin-bottom:22px}.hero-copy{padding:29px 32px;position:relative;z-index:1}.hero .eyebrow{color:#768b61;margin-bottom:17px;font-size:8px;letter-spacing:1.6px}.hero h2{font-size:40px;line-height:1.09;letter-spacing:-1.5px;font-weight:520;margin:0 0 13px}.hero p{font-size:11px;color:#78836e;line-height:1.8;max-width:290px;margin-bottom:19px}.hero-art{position:relative;display:grid;place-items:center;min-width:0}.hardware-art{width:100%;max-width:410px;height:240px;overflow:visible}.floating-label{position:absolute;right:28px;top:30px;border:1px solid #d5ddc9;background:#f7faef;box-shadow:0 4px 15px #33402105;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:8px;font-size:9px;color:#79846f}.floating-label svg{color:#7f9e58;width:14px;height:14px}.hero-bottom-label{position:absolute;bottom:24px;right:30px;color:#8a947e;font-size:8px;letter-spacing:1.3px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:31px}.stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between}.stat-label{color:#8b9385;font-size:10px;margin-bottom:10px;display:block}.stat-value{font-size:25px;letter-spacing:-.7px;font-weight:550;line-height:1}.stat-note{font-size:9px;color:#9ba392;margin-left:7px}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#f6f8f1;color:#92a67a}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;gap:15px}.section-heading h2{font-size:15px;letter-spacing:-.2px;font-weight:600;margin:0}.section-heading h2 span{color:#9ba492;font-size:11px;font-weight:400;margin-left:7px}.section-controls{display:flex;gap:9px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e1e6da;background:white;padding:6px 9px;border-radius:5px;color:#859075;font-size:9px}.chip i{width:5px;height:5px;border-radius:50%;background:#92b661}.search-input{font-size:10px;border:1px solid var(--line);padding:8px 11px;border-radius:6px;background:white;color:#626b5b;width:170px}.machine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.machine-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.machine-image{height:118px;background:#f4f5ef;position:relative;display:grid;place-items:center;border-bottom:1px solid #edf0e7}.machine-image .hardware-art{height:114px;width:190px}.machine-image .badge{position:absolute;left:15px;top:12px;z-index:2}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;font-size:8px;font-weight:550;white-space:nowrap;background:#edf4e5;color:#7c975d;border:1px solid #dfebd2}.badge .tiny-dot{width:4px;height:4px;margin:0}.badge.neutral{background:#f3f4f1;color:#8c9385;border-color:#e5e8df}.badge.amber{background:#fff7e5;color:#a58a48;border-color:#f0e5c8}.machine-body{padding:17px 18px 16px}.machine-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.machine-title h3{font-size:13px;font-weight:650;margin:0;letter-spacing:-.2px}.machine-subtitle{font-size:9px;color:#929a8b;margin:7px 0 15px}.card-specs{margin:0 0 15px;display:grid;gap:9px}.card-specs div{display:flex;justify-content:space-between;font-size:9px}.card-specs dt{color:#9ba291}.card-specs dd{margin:0;color:#65705a}.machine-footer{padding-top:15px;border-top:1px solid #edf0e8;display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-size:20px;letter-spacing:-.7px;font-weight:600}.price small{font-size:9px;color:#9ba38f;letter-spacing:0;font-weight:400;margin-left:3px}.add-machine-card{min-height:329px;border:1px dashed #d7dfcd;border-radius:9px;background:#f3f6ef;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.add-machine-icon{width:43px;height:43px;border:1px solid #dce5cf;border-radius:12px;background:#eaf0e0;display:grid;place-items:center;color:#8ea775;margin-bottom:18px}.add-machine-card h3{font-size:13px;font-weight:600;margin:0 0 10px}.add-machine-card p{font-size:10px;color:#929c86;line-height:1.8;max-width:190px;margin:0 0 20px}.preview-note{display:flex;align-items:center;gap:8px;color:#9aa18f;font-size:9px;margin-top:15px;line-height:1.6}.preview-note svg{width:13px;height:13px}.agent-banner{margin-top:29px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 22px;display:flex;align-items:center;gap:17px}.agent-icon{width:36px;height:36px;background:#f1f5e9;color:#849c65;border-radius:9px;display:grid;place-items:center}.agent-banner h3{font-size:12px;font-weight:600;margin:0 0 6px}.agent-banner p{font-size:10px;color:#9aa28f;margin:0;line-height:1.7}.agent-banner .button{margin-left:auto}.footer{padding:19px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:#a0a892;font-size:8px;line-height:1.6}.footer b{font-weight:400;margin:0 7px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px}.panel-padding{padding:25px}.panel h2{font-size:15px;font-weight:600;margin:0 0 12px}.panel p{font-size:12px;color:var(--muted);line-height:1.8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-weight:500;color:#99a18f;padding:14px 20px;background:#fbfcf8;border-bottom:1px solid var(--line);font-size:9px;white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid #edf0e7;vertical-align:middle}tr:last-child td{border-bottom:0}.table-title{font-size:11px;font-weight:600;display:block;margin-bottom:6px}.table-subtitle{font-size:9px;color:#97a08b}.empty-state{text-align:center;padding:55px 25px;color:#9ba48f}.empty-state svg{width:30px;height:30px;color:#99ad7d;margin-bottom:10px}.empty-state h3{font-size:15px;color:#5d6852;font-weight:550}.empty-state p{font-size:11px;max-width:370px;margin:10px auto 23px;line-height:1.9}.split-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.code-block{font-family:Consolas,monospace;background:#272e24;color:#d5e2c6;border-radius:8px;font-size:11px;line-height:1.9;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;position:relative}.endpoint{padding:12px 15px;border:1px solid #e5e9df;background:#f7f9f3;border-radius:6px;font-family:Consolas,monospace;font-size:11px;margin:18px 0;overflow-wrap:anywhere;color:#72815f}.inline-callout{border:1px solid #e6ebdd;border-radius:7px;padding:13px 16px;color:#8d987d;font-size:10px;line-height:1.9;background:#f7faf1}.steps{list-style:none;padding:0;margin:25px 0 0;counter-reset:steps}.steps li{position:relative;padding:0 0 26px 42px;counter-increment:steps}.steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:25px;height:25px;display:grid;place-items:center;font-size:10px;border:1px solid #dce6ce;border-radius:50%;background:#f4f8ed;color:#8aa367}.steps strong{font-size:11px;font-weight:600;display:block;padding-top:5px}.steps p{font-size:10px;margin:8px 0 0;line-height:1.8}.modal-backdrop{position:fixed;inset:0;background:#1e281b60;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:495px;max-height:90vh;overflow:auto;background:#fff;border:1px solid #e2e8d9;border-radius:14px;box-shadow:0 25px 90px #1e281b30;padding:28px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.modal h2{font-size:21px;letter-spacing:-.6px;font-weight:550;margin:0}.close-button{background:#f5f7f0;border:1px solid #e9ede0;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#929e83}.modal p{font-size:11px;color:#909a83;line-height:1.85}.modal-summary{background:#f7f9f3;border:1px solid #e7ecdf;border-radius:8px;padding:18px;margin:18px 0}.summary-row{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8b967d;margin-bottom:13px}.summary-row strong{font-weight:500;color:#5a684d}.summary-row:last-child{margin:0;padding-top:13px;border-top:1px solid #e1e8d7;color:#39472f}.summary-row:last-child strong{font-size:16px;font-weight:600;color:#27341e}.field-label{display:block;font-size:10px;color:#869775;margin:20px 0 8px}.field-input{width:100%;padding:11px 13px;border:1px solid #dce4d2;background:#fbfcf9;border-radius:6px;font-size:12px;color:#58684a}.modal .button.full{margin-top:18px}.modal-hint{font-size:9px!important;color:#9da88e!important;margin:14px 0 0!important;text-align:center}.form-error{color:#a96247!important;font-size:10px!important;margin-top:12px!important}.toast{position:fixed;bottom:27px;left:calc(50% + 118px);transform:translateX(-50%);z-index:200;max-width:min(520px,90vw);padding:14px 20px;background:#283524;color:#e1efd6;box-shadow:0 8px 30px #1c291726;border-radius:8px;font-size:11px;line-height:1.7}.host-hero{min-height:195px;margin-bottom:26px}.host-hero h2{font-size:32px}.host-hero .hero-art .hardware-art{height:195px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.metric-box{padding:17px;background:#f7f9f2;border:1px solid #e5ebdd;border-radius:8px}.metric-box small{font-size:9px;color:#97a488;display:block;margin-bottom:10px}.metric-box strong{font-size:21px;font-weight:550;color:#667d50}.job-top{display:flex;justify-content:space-between;gap:15px}.job-top h3{font-size:13px;font-weight:600;margin:0 0 9px}.job-top p{font-size:10px;margin:0;color:#96a386}.job-card{padding:23px;border-bottom:1px solid var(--line)}.job-card:last-child{border:0}.job-actions{display:flex;gap:10px;margin-top:20px}progress{height:5px;width:100%;border:0;background:#eef3e5;border-radius:10px;margin:22px 0 2px;accent-color:#95ba6c}progress::-webkit-progress-bar{background:#eef3e5;border-radius:10px}progress::-webkit-progress-value{background:#95ba6c;border-radius:10px}.initial-loading{text-align:center;padding:160px 30px;color:#859875;font-size:13px}.loading-dot{display:inline-block;width:8px;height:8px;background:#94b873;border-radius:50%;margin-right:10px;animation:breathe 1s infinite alternate}.dim{color:#9aa78b}.inline-actions{display:flex;gap:8px;align-items:center}.table-amount{font-size:13px;font-weight:550}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mobile-brand{display:none}.muted-text{color:#8c9a7d}.line-divider{height:1px;background:#e8ecdf;margin:22px 0}@keyframes breathe{from{opacity:.4}to{opacity:1}}@media(min-width:1650px){main{padding:45px 60px}.topbar,.footer{padding-left:60px;padding-right:60px}.hero{min-height:280px}.hero-copy{padding:36px 38px}.hero h2{font-size:45px}.hero-art .hardware-art{max-width:450px;height:260px}.machine-image{height:140px}.machine-image .hardware-art{height:130px;width:205px}.machine-body{padding:21px}.add-machine-card{min-height:365px}}@media(max-width:1200px){.sidebar{width:208px;padding:28px 15px 0}.app-shell{margin-left:208px}main{padding:30px 28px}.topbar,.footer{padding-left:28px;padding-right:28px}.hero-copy{padding:27px}.hero h2{font-size:35px}.hero p{max-width:240px}.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.add-machine-card{min-height:180px;grid-column:1/-1}.heading-actions .secondary{display:none}.toast{left:calc(50% + 104px)}.floating-label{right:15px;top:24px}.hero-bottom-label{right:20px}}@media(max-width:850px){.sidebar{width:78px;align-items:center;padding:28px 10px 10px}.brand{padding:0 0 30px}.brand-mark{font-size:32px}.brand-tag,.workspace-card,.nav-label,.nav-item .nav-text,.nav-item .count,.sidebar-note,.profile strong,.profile small,.profile-more{display:none}.sidebar nav{width:100%}.nav-item{justify-content:center;padding:13px 10px}.nav-item svg.icon{width:21px;height:21px}.profile{justify-content:center}.sidebar-bottom{width:100%}.app-shell{margin-left:78px}.topbar-right{gap:10px}.topbar{height:65px}.hero{grid-template-columns:1.1fr 1fr}.hero h2{font-size:31px}.hero p{font-size:10px}.hero-copy{padding:25px}.hero .eyebrow{font-size:7px}.floating-label{font-size:7px;padding:7px}.hero-bottom-label{font-size:6px}.hero-art .hardware-art{width:250px}.stat{padding:16px}.stat-icon{display:none}.stat-label{font-size:9px}.footer{flex-direction:column;gap:5px}.toast{left:calc(50% + 39px)}.split-grid{grid-template-columns:1fr}.page-heading h1{font-size:25px}.heading-actions .button{padding:9px 12px}.heading-actions .button svg{display:none}}@media(max-width:600px){main{padding:27px 18px}.topbar,.footer{padding-left:18px;padding-right:18px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:22px}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions .button.secondary{display:flex}.topbar-right .local-label{font-size:6px;padding:5px}.role-picker>span{display:none}.role-picker select{font-size:9px;padding:6px 16px 6px 6px}.breadcrumb{gap:10px;font-size:9px}.breadcrumb strong{font-size:9px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px 25px}.hero h2{font-size:35px}.hero-art{height:175px;margin-top:-18px}.hero-art .hardware-art{height:205px;width:280px;transform:translateY(-17px)}.floating-label{right:18px;top:0}.hero-bottom-label{bottom:15px;right:18px}.hero p{max-width:100%;font-size:11px}.stats-row{gap:7px;margin-bottom:27px}.stat{padding:13px 10px;display:block}.stat-label{font-size:8px;line-height:1.5;margin-bottom:12px}.stat-value{font-size:22px}.stat-note{font-size:7px;margin:6px 0 0;display:block}.section-heading{align-items:flex-start;gap:10px;flex-direction:column}.section-controls{width:100%}.search-input{flex:1;min-width:0;width:120px}.section-heading h2{font-size:14px}.machine-grid{grid-template-columns:1fr}.add-machine-card{grid-column:auto;min-height:225px}.machine-image{height:130px}.machine-body{padding:20px}.machine-title h3{font-size:14px}.machine-subtitle{font-size:10px}.card-specs div{font-size:10px}.machine-image .hardware-art{height:125px;width:220px}.agent-banner{padding:20px;flex-wrap:wrap;gap:12px}.agent-banner .agent-icon{width:31px;height:31px}.agent-banner h3{font-size:11px}.agent-banner p{font-size:9px}.agent-banner .button{margin-left:44px}.footer{font-size:7px}.preview-note{font-size:8px}.modal{padding:23px}.modal-backdrop{padding:15px}.modal h2{font-size:20px}.toast{left:50%;bottom:17px;width:calc(100% - 32px)}.metric-grid{gap:7px}.metric-box{padding:12px}.metric-box strong{font-size:17px}.metric-box small{font-size:8px}.panel-padding{padding:20px}th,td{padding:15px}.host-hero .hero-art{height:155px}.host-hero h2{font-size:31px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}