@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#252825;font-synthesis:none;--ink:#252825;--muted:#71766f;--line:#deded7;--panel:#fbfbf8;--green:#2f6654;--green-dark:#234d40;--mint:#dcece4;--coral:#ed795f;--lilac:#e8e2f3;--shadow:0 2px 4px #232d2706, 0 12px 32px #232d2709;background:#f3f2ed;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}svg{stroke-width:1.8px;width:1em;height:1em}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;background:#e8eee8;border-right:1px solid #d8ded8;flex-direction:column;width:224px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.brand>div:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:-.02em;font-family:Manrope,sans-serif;font-size:16px}.brand small{color:var(--muted);margin-top:1px;font-size:11px}.brand-mark{background:var(--green);border-radius:12px 12px 14px 14px;width:34px;height:34px;position:relative;transform:rotate(-4deg);box-shadow:inset 0 -3px #00000014}.brand-mark:before,.brand-mark:after{content:"";background:#dff4e4;border-radius:50%;width:4px;height:5px;position:absolute;top:12px}.brand-mark:before{left:9px}.brand-mark:after{right:9px}.brand-mark span:first-child{border-bottom:2px solid #dff4e4;border-radius:50%;width:10px;height:5px;position:absolute;top:18px;left:12px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#697069;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.sidebar nav button:hover{color:var(--ink);background:#ffffff8c}.sidebar nav button.active{color:var(--green-dark);background:#fff;box-shadow:0 2px 10px #2e45380f}.sidebar nav button svg{font-size:18px}.sidebar nav button em{min-width:19px;height:19px;color:var(--green);background:var(--mint);border-radius:10px;place-items:center;margin-left:auto;font-size:10px;font-style:normal;display:grid}.sidebar-status{border-top:1px solid #d2d9d2;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;padding:16px 10px 3px;display:flex}.sidebar-status small{color:#899088;font-size:10px}main{grid-column:2;width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:0 32px 70px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;margin-bottom:24px;display:flex}.topbar>div:first-child small{color:#90948e;letter-spacing:.13em;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.topbar h1{letter-spacing:-.035em;margin:0;font:700 21px/1 Manrope,sans-serif}.top-actions{align-items:center;gap:11px;display:flex}.server-time{color:var(--muted);padding-right:5px;font-size:11px}.avatar-chip{color:#fff;background:#343b37;border-radius:50%;place-items:center;width:33px;height:33px;font-size:10px;font-weight:700;display:grid}.card{background:var(--panel);box-shadow:var(--shadow);border:1px solid #e1e1da;border-radius:16px}.page-grid{gap:14px;display:grid}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card{grid-column:1/-1;grid-template-rows:1fr auto;grid-template-columns:minmax(300px,1fr) minmax(270px,.72fr);min-height:325px;display:grid;position:relative;overflow:hidden}.card-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding:37px 38px 20px;display:flex}.eyebrow{color:#8a9088;letter-spacing:.14em;margin-bottom:9px;font-size:9px;font-weight:800;line-height:1;display:block}.card-heading h2,.intro-panel h2,.settings-hero h2{letter-spacing:-.045em;margin:0;font:700 28px/1.15 Manrope,sans-serif}.card-heading p,.intro-panel p,.settings-hero>div>p{color:var(--muted);margin:10px 0 0;font-size:13px}.companion-stage{background:radial-gradient(circle at 50% 51%,#f9f5e7 0 20%,#0000 60%),linear-gradient(140deg,#eef3e9,#e2eadf);border-left:1px solid #dce2d8;grid-area:1/2/3;place-items:center;min-height:325px;display:grid;position:relative;overflow:hidden}.companion-stage:before{content:"";border:1px solid #3f634b1f;border-radius:50%;width:260px;height:260px;position:absolute}.stage-label{color:#6d776e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:flex;position:absolute;bottom:16px}.hero-meta{border-top:1px solid #e6e6df;align-self:end;align-items:center;gap:34px;padding:18px 38px 22px;display:flex}.hero-meta>div{gap:3px;display:grid}.hero-meta span{color:#999d97;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.hero-meta strong{font-size:12px}.hero-meta button{margin-left:auto}.blob-wrap{place-items:center;width:190px;height:170px;animation:3.5s ease-in-out infinite hover;display:grid;position:relative}.blob{z-index:2;background:hsl(var(--blob-hue) 44% 61%);border-radius:45% 55% 48% 52%/50% 43% 57% 50%;width:119px;height:111px;position:relative;transform:rotate(-2deg);box-shadow:inset 9px 8px #ffffff2e,inset -6px -8px #27413214,0 14px 26px #31483924}.blob:before{content:"";background:hsl(var(--blob-hue) 38% 52%);width:27px;height:23px;box-shadow:118px -6px 0 hsl(var(--blob-hue) 38% 52%);border-radius:50%;position:absolute;top:54px;left:-13px;transform:rotate(24deg)}.eye{z-index:2;background:#21382e;border-radius:50%;width:8px;height:11px;position:absolute;top:42px}.eye.left{left:35px}.eye.right{right:35px}.eye:after{content:"";background:#fff;border-radius:50%;width:2px;height:3px;position:absolute;top:1px;left:2px}.mouth{border-bottom:3px solid #294538;border-radius:50%;width:18px;height:10px;position:absolute;top:62px;left:50px}.cheek{filter:blur(2px);background:#e16a5a52;border-radius:50%;width:13px;height:6px;position:absolute;top:61px}.cheek.left{left:20px}.cheek.right{right:20px}.shadow{filter:blur(6px);background:#26382c21;border-radius:50%;width:95px;height:17px;position:absolute;bottom:13px}.orbit{z-index:1;background:#ed9b73;border-radius:3px;width:9px;height:9px;position:absolute;transform:rotate(20deg)}.orbit.one{top:34px;left:17px}.orbit.two{background:#7ba58e;width:6px;height:6px;top:19px;right:16px}@keyframes hover{50%{transform:translateY(-5px)rotate(1deg)}}.metric-card{flex-direction:column;min-height:194px;padding:20px;display:flex}.metric-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.icon-badge{background:var(--mint);width:33px;height:33px;color:var(--green);border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-badge.lilac{background:var(--lilac);color:#65577d}.icon-badge.coral{color:#a34d3a;background:#f7dfda}.icon-badge svg{font-size:16px}.metric-label{color:var(--muted);font-size:10px;font-weight:600}.metric-value{letter-spacing:-.05em;margin-top:6px;font:700 29px/1.2 Manrope,sans-serif}.metric-value.muted{color:#a5aaa3}.metric-card p{color:#767b75;margin:5px 0 0;font-size:11px;line-height:1.45}.freshness{color:#81877f;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.freshness>span{border-radius:50%;width:5px;height:5px}.freshness.fresh>span{background:#4e9a72;box-shadow:0 0 0 3px #e3f0e8}.freshness.aging>span{background:#d19b40}.freshness.stale>span{background:#b2685d}.sessions-card{grid-column:span 2;min-height:290px;padding:23px}.health-card{min-height:290px;padding:23px}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;display:flex}.section-heading h3{letter-spacing:-.025em;margin:0;font:700 15px/1.2 Manrope,sans-serif}.section-heading .eyebrow{margin-bottom:5px}.text-button{color:var(--green);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:3px;font-size:10px;font-weight:700;display:inline-flex}.text-button svg{font-size:13px}.session-list,.health-list{display:grid}.session-row,.health-row{border-top:1px solid #e8e8e2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:52px;display:grid}.session-row:first-child,.health-row:first-child{border-top:0}.session-row>div,.health-row>div{gap:2px;min-width:0;display:grid}.session-row strong,.health-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.session-row>div span,.health-row>div span{color:#8b9089;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.session-icon,.health-symbol{color:#6d776f;background:#edf0ec;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.session-icon svg,.health-symbol svg{font-size:13px}.session-icon.input,.session-icon.error{color:#a14f3e;background:#f8e4df}.session-icon.working{color:#547c68;background:#dfede5}.status-pill{color:#777c75;text-transform:capitalize;white-space:nowrap;background:#eff0ed;border-radius:10px;align-items:center;gap:5px;width:max-content;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.status-pill>span{background:currentColor;border-radius:50%;width:5px;height:5px}.status-pill.good{color:#397058;background:#e3efe8}.status-pill.warn{color:#92702f;background:#f5ecd8}.status-pill.bad{color:#a04d3d;background:#f8e3df}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:165px;padding:24px;display:flex}.empty-state .empty-icon{color:#8e9b91;background:#edf1ed;border-radius:13px;place-items:center;width:41px;height:41px;margin-bottom:10px;display:grid}.empty-state strong{font-size:12px}.empty-state p,.empty-state>span{color:#888d87;max-width:390px;margin:5px 0 0;font-size:10px;line-height:1.45}.stack-page{gap:14px;display:grid}.intro-panel{justify-content:space-between;align-items:center;gap:25px;padding:16px 4px 23px;display:flex}.intro-panel p{max-width:560px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 15px;font-size:10px;font-weight:700;display:inline-flex}.primary-button{background:var(--green);color:#fff;box-shadow:0 4px 10px #26554324}.primary-button:hover:not(:disabled){background:var(--green-dark)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{color:#4d554f;background:#fafbf8;border:1px solid #d5d8d3}.secondary-button.compact{min-height:34px;padding:0 11px}.primary-button svg,.secondary-button svg{font-size:15px}.notice,.banner{color:#806a3d;background:#faf5e8;border:1px solid #e1d4b8;border-radius:12px;align-items:center;gap:12px;padding:13px 16px;display:flex}.notice>svg,.banner>svg{flex:none;font-size:18px}.notice div,.banner div{gap:2px;display:grid}.notice strong,.banner strong{font-size:11px}.notice span,.banner span{font-size:10px;line-height:1.4}.banner{color:#8a4538;background:#f9e8e4;border-color:#edc8c0;margin-bottom:18px}.banner.auth{color:#7e653a;background:#f8f1e3;border-color:#ddd2bb}.banner button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;margin-left:auto;padding:6px 10px;font-size:10px}.login-form{gap:7px;margin-left:auto;display:flex}.login-form input{background:#fff;border:1px solid #cdbf9f;border-radius:8px;min-width:210px;height:32px;padding:0 9px;font-size:10px}.login-form button{white-space:nowrap;margin-left:0}.login-form button:disabled{opacity:.5}.table-card{padding:23px}.count-label{color:#858b84;background:#f0f1ed;border-radius:12px;padding:5px 9px;font-size:9px}.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.environment-card{background:#fff;border:1px solid #e3e4de;border-radius:13px;padding:16px}.environment-title{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.environment-title>div{gap:2px;min-width:0;display:grid}.environment-title strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.environment-title span{color:#888d87;font-size:9px}.environment-card dl{border-top:1px solid #e9e9e4;gap:7px;margin:17px 0 0;padding-top:10px;display:grid}.environment-card dl div{justify-content:space-between;gap:15px;font-size:9px;display:flex}.environment-card dt{color:#92968f}.environment-card dd{text-overflow:ellipsis;white-space:nowrap;max-width:65%;margin:0;overflow:hidden}.connect-card{border-left:3px solid #aab0a9;padding:22px 23px}.connect-card.connected{border-left-color:#4e8b6c}.connect-card.reauthorization_required,.connect-card.error{border-left-color:#bd6957}.connect-card.unconfigured{border-left-color:#c49a4d}.connect-summary{justify-content:space-between;align-items:center;gap:24px;display:flex}.connect-summary h3{margin:0;font:700 16px/1.2 Manrope,sans-serif}.connect-summary p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.45}.connect-status-line{align-items:center;gap:9px;display:flex}.connect-actions{flex:none;align-items:center;gap:7px;display:flex}.connect-actions button:disabled,.environment-actions button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed}.danger-button{color:#944f43;border-color:#e3c7c0}.configuration-requirements{color:#80633a;border-top:1px solid #e6e6df;align-items:flex-start;gap:10px;margin-top:17px;padding-top:15px;display:flex}.configuration-requirements>svg{flex:none;margin-top:1px}.configuration-requirements>div{gap:3px;display:grid}.configuration-requirements strong{font-size:10px}.configuration-requirements span{color:#827969;font-size:9px}.configuration-requirements ul{flex-wrap:wrap;gap:6px;margin:5px 0 0;padding:0;list-style:none;display:flex}.configuration-requirements code,.capability-list code{background:#f1eee5;border:1px solid #e4ddcd;border-radius:6px;padding:3px 6px;font:8px/1.3 ui-monospace,monospace}.capability-list{border-top:1px solid #e8e8e2;flex-wrap:wrap;align-items:center;gap:6px;margin-top:15px;padding-top:13px;display:flex}.capability-list>span{color:#898e87;margin-right:2px;font-size:9px}.capability-list code{color:#4d6858;background:#edf2ee;border-color:#dbe5dd}.connect-result{background:#f1f4f0;border:1px solid #d7ddd6;border-radius:11px;padding:11px 14px}.connect-result>div{gap:2px;display:grid}.connect-result strong{font-size:10px}.connect-result span{color:#697069;font-size:9px}.connect-result.success{background:#eaf3ed;border-color:#c8ded0}.connect-result.error{color:#8a4538;background:#f9e8e4;border-color:#edc8c0}.environment-actions{border-top:1px solid #e9e9e4;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:12px;display:flex}.selection-control{color:#5f665f;cursor:pointer;align-items:center;gap:7px;font-size:9px;font-weight:600;display:inline-flex}.selection-control input{accent-color:var(--green);width:14px;height:14px;margin:0}.selection-control:has(input:disabled){opacity:.5;cursor:not-allowed}.environment-error{color:#9a4e40;background:#faeae6;border-radius:7px;margin:9px 0 0;padding:7px 8px;font-size:8px;line-height:1.4}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.device-card{grid-template-columns:105px minmax(0,1fr);min-height:164px;display:grid;overflow:hidden}.device-visual{color:#547b66;background:linear-gradient(145deg,#e2ece4,#d5e2d8);border-right:1px solid #dfe5df;place-items:center;display:grid}.device-visual.weather{color:#a57b3f;background:linear-gradient(145deg,#f2ebd8,#e7e1cf)}.device-visual svg{font-size:33px}.device-content{flex-direction:column;align-items:flex-start;padding:18px;display:flex}.device-heading{justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.device-heading h3{margin:0;font:700 13px Manrope,sans-serif}.device-heading>div span{color:#8b9089;font-size:9px}.device-content p{color:#737971;flex:1;margin:17px 0 12px;font-size:10px;line-height:1.5}.data-table-wrap{overflow-x:auto}.data-table-wrap table{border-collapse:collapse;width:100%;font-size:10px}.data-table-wrap th{color:#8c918b;text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid #dedfd9;padding:9px 10px;font-size:8px}.data-table-wrap td{color:#60665f;border-bottom:1px solid #ecece7;padding:12px 10px}.data-table-wrap td strong,.data-table-wrap td small{display:block}.data-table-wrap td strong{color:var(--ink);font-size:10px}.data-table-wrap td small{color:#999d97;margin-top:2px;font-size:8px}.section-heading select,.field select,.milestone-row select{color:#555b55;background:#fff;border:1px solid #d8dad5;border-radius:8px;min-height:34px;padding:0 29px 0 10px;font-size:10px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-card{padding:23px}.fact-list{gap:0;margin:0;display:grid}.fact-list div{border-top:1px solid #e9e9e4;justify-content:space-between;align-items:center;gap:20px;min-height:37px;font-size:10px;display:flex}.fact-list dt{text-transform:capitalize;color:#8b908a}.fact-list dd{text-align:right;word-break:break-word;margin:0;font-weight:600}.settings-hero{background:linear-gradient(120deg,#fbfbf8 55%,#e7eee4 55%);grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:30px;min-height:235px;padding:31px 37px;display:grid}.settings-hero>div:first-child{max-width:580px}.settings-hero .field{margin-top:22px}.preview-panel{justify-items:center;display:grid}.preview-panel .blob-wrap{margin:-20px 0 -12px;transform:scale(.76)}.preview-panel>span{color:#758077;text-overflow:ellipsis;white-space:nowrap;background:#ffffffa6;border-radius:10px;max-width:230px;padding:5px 8px;font-size:8px;overflow:hidden}.settings-section{grid-template-columns:240px minmax(0,1fr);gap:35px;padding:25px 28px;display:grid}.settings-title{align-items:flex-start;gap:11px;display:flex}.settings-title h3{margin:2px 0 3px;font:700 13px Manrope,sans-serif}.settings-title p{color:#8a8f89;margin:0;font-size:9px;line-height:1.45}.settings-body{min-width:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.form-grid.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:6px;display:grid}.field>span{color:#626861;font-size:9px;font-weight:700}.field>span em{color:#54806b;text-transform:uppercase;letter-spacing:.04em;background:#e4efe9;border-radius:7px;margin-left:4px;padding:2px 5px;font-size:7px;font-style:normal}.field input,.suffix-input input,.milestone-row input{color:#353a36;background:#fff;border:1px solid #d7dad4;border-radius:8px;outline:none;width:100%;min-width:0;height:37px;padding:0 10px;font-size:10px;transition:all .15s}.field input:focus,.suffix-input input:focus,.milestone-row input:focus{border-color:#719181;box-shadow:0 0 0 3px #507e671a}.input-icon{position:relative}.input-icon svg{color:#91978f;font-size:14px;position:absolute;top:11px;left:10px}.input-icon input{padding-left:31px}.time-range{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;display:grid}.time-range i{color:#8e938d;font-size:9px;font-style:normal}.suffix-input{position:relative}.suffix-input em{color:#939791;pointer-events:none;font-size:8px;font-style:normal;position:absolute;top:12px;right:10px}.suffix-input input{padding-right:54px}.inline-note{color:#7b827b;background:#f0f3ef;border-radius:8px;align-items:center;gap:8px;margin-top:15px;padding:9px 11px;font-size:8px;display:flex}.inline-note svg{color:#65806f;font-size:13px}.milestone-list{gap:8px;display:grid}.milestone-row{grid-template-columns:120px minmax(110px,1fr) 110px auto;align-items:center;gap:7px;display:grid}.milestone-row input{height:34px}.blank-line{color:#8b908a;margin:0 0 7px;font-size:9px}.icon-button{cursor:pointer;background:#fafbf8;border:1px solid #d9dbd5;border-radius:9px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover{background:#fff}.icon-button.danger{color:#a85445;width:32px;height:32px}.icon-button svg{font-size:15px}.test-grid{grid-template-columns:repeat(6,minmax(68px,1fr));gap:7px;display:grid}.test-grid button{color:#59625a;cursor:pointer;background:#fff;border:1px solid #dee0da;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:62px;font-size:8px;font-weight:700;display:flex}.test-grid button:hover:not(:disabled){color:var(--green);background:#f6faf7;border-color:#adc4b6;transform:translateY(-1px)}.test-grid button:disabled{opacity:.55}.test-grid button svg{font-size:15px}.save-bar{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#272e29f2;border-radius:13px;justify-content:space-between;align-items:center;padding:12px 14px 12px 17px;display:flex;position:sticky;bottom:15px;box-shadow:0 10px 35px #1f292333}.save-bar>div{grid-template-columns:auto 1fr;align-items:center;column-gap:7px;display:grid}.save-bar strong{font-size:10px}.save-bar small{color:#abb2ad;grid-column:2;font-size:8px}.save-bar .primary-button{color:#294f40;box-shadow:none;background:#e8f2eb}.save-bar>div>svg{color:#9bc5aa;font-size:13px}.unsaved-dot{background:#ef9c6c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ef9c6c26}.loading{color:#7d847c;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:55vh;display:flex}.loading svg{color:var(--green);font-size:25px}.loading strong{color:#4b534d;font:700 13px Manrope,sans-serif}.loading span{font-size:10px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{z-index:100;gap:8px;width:min(350px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{color:#fff;background:#303933;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px 12px;font-size:10px;animation:.22s ease-out toast-in;display:grid;box-shadow:0 10px 30px #141b1738}.toast>svg{color:#adc9b6;font-size:15px}.toast.error>svg{color:#f3a99b}.toast button{color:#aeb6b0;cursor:pointer;background:0 0;border:0;padding:3px}.toast button svg{font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=980px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{width:74px;padding:24px 11px}.brand{padding:0 9px 29px}.brand>div:last-child,.sidebar nav button span,.sidebar nav button em,.sidebar-status small{display:none}.sidebar nav button{justify-content:center;padding:12px}.sidebar nav button svg{font-size:20px}.sidebar-status{align-items:center;padding:14px 0}.sidebar-status .status-pill{padding:5px}.sidebar-status .status-pill>span{width:7px;height:7px}.sidebar-status .status-pill{font-size:0}main{grid-column:2;padding:0 22px 65px}.settings-section{grid-template-columns:190px minmax(0,1fr)}.test-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.app-shell{padding-bottom:68px;display:block}.sidebar{border:0;border-top:1px solid #d4dbd4;width:100%;height:65px;padding:7px 10px;position:fixed;inset:auto 0 0;box-shadow:0 -8px 25px #28372e0f}.brand,.sidebar-status{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:2px;height:100%}.sidebar nav button{flex-direction:column;gap:3px;padding:5px 2px;font-size:8px}.sidebar nav button span{display:block}.sidebar nav button svg{font-size:17px}main{padding:0 14px 35px}.topbar{height:70px;margin-bottom:16px}.topbar h1{font-size:18px}.server-time{display:none}.overview-grid{grid-template-columns:1fr}.hero-card{grid-template-rows:auto 220px auto;grid-template-columns:1fr}.card-heading{padding:25px 22px 18px}.card-heading h2,.intro-panel h2,.settings-hero h2{font-size:23px}.companion-stage{border-left:0;border-block:1px solid #dce2d8;grid-area:2/1;min-height:220px}.hero-meta{gap:20px;padding:16px 20px;overflow:auto}.hero-meta button{display:none}.sessions-card,.health-card{grid-column:1}.metric-card{min-height:170px}.intro-panel{align-items:flex-start}.intro-panel>button{flex:none}.environment-grid,.device-grid,.two-column{grid-template-columns:1fr}.connect-summary{flex-direction:column;align-items:flex-start}.connect-actions{flex-wrap:wrap;width:100%}.settings-hero{background:linear-gradient(160deg,#fbfbf8 55%,#e7eee4 55%);grid-template-columns:1fr;padding:25px 22px}.settings-section{grid-template-columns:1fr;gap:22px;padding:22px}.settings-title{border-bottom:1px solid #e6e6e0;padding-bottom:14px}.form-grid.thirds{grid-template-columns:1fr}.milestone-row{grid-template-columns:1fr 1fr auto}.milestone-row>select:nth-of-type(2){grid-column:1/3}.save-bar{bottom:0}.save-bar small{display:none}}@media (width<=480px){.top-actions .avatar-chip{display:none}.topbar{height:62px}.topbar>div:first-child small{display:none}.card-heading,.intro-panel{flex-direction:column}.intro-panel>button{width:100%}.form-grid{grid-template-columns:1fr}.device-card{grid-template-columns:75px minmax(0,1fr)}.device-visual svg{font-size:27px}.environment-grid{grid-template-columns:1fr}.test-grid{grid-template-columns:repeat(2,1fr)}.milestone-row{grid-template-columns:1fr auto}.milestone-row input,.milestone-row>select:nth-of-type(2){grid-column:1}.save-bar{border-radius:11px}.save-bar small{display:none}.save-bar .primary-button{padding:0 10px}.preview-panel .blob-wrap{transform:scale(.7)}.notice{align-items:flex-start}.banner{flex-wrap:wrap;align-items:flex-start}.banner>button{width:100%}.login-form{width:100%;margin-left:0}.login-form input{flex:1;min-width:0}.login-form button{width:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}