@import url("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{--bg:#f7f8f4;--surface:#fff;--text:#253831;--muted:#7b857e;--border:#e6eae2;--green:#294e42;--sage:#eaf0e4;--machine-body:#fcfcf6;--machine-ring:#dbe6d0;--machine-glass:#a6bea0;--banner:#e9efdf;--shadow:0 8px 24px #203b2d05}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #8cae70;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}button{border:0}svg{flex-shrink:0}::selection{background:#c5d8b0;color:#294e42}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;background:var(--surface);border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;padding:34px 22px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-1px;white-space:nowrap}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:500}.brand-icon{background:var(--green);color:#fff;border-radius:11px;width:38px;height:38px;display:grid;place-items:center;margin-right:10px}.brand-dot{color:#789d65}.residence{display:flex;gap:11px;align-items:center;margin-top:38px;padding:14px 9px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.residence-icon{color:#789166}.residence strong{font-size:12px;font-weight:600;display:block;max-width:142px;overflow:hidden;text-overflow:ellipsis}.residence small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.nav-caption{font-size:10px;letter-spacing:1.9px;color:#9aa498;margin:33px 12px 14px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:8px;padding:13px 14px;background:transparent;color:#7d877f;font-size:13px;font-weight:500;margin:3px 0;transition:background .15s}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--sage);color:var(--green);font-weight:650}.nav-item.active:before{content:"";width:3px;position:absolute;left:22px;height:19px;background:#577746;border-radius:4px}.nav-item span{flex:1 1}.nav-count{font-size:10px;background:var(--green);color:white;padding:2px 6px;border-radius:5px}.activity-dot{width:7px;height:7px;border-radius:50%;background:#759367}.sidebar-bottom{margin-top:auto;padding-top:36px}.courtesy{padding:22px 13px;border-top:1px solid var(--border);color:#8a9a7d}.courtesy p{font-family:Manrope,sans-serif;font-weight:600;color:#5e7058;font-size:13px;line-height:1.8;margin-top:11px}.courtesy small{display:block;font-size:10px;margin-top:7px;color:#929a8d}.profile-mini{border-top:1px solid var(--border);padding:21px 0;display:flex;align-items:center;gap:10px;margin-top:10px}.profile-mini>div{flex:1 1;min-width:0}.profile-mini strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-mini small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.avatar{background:#e9ecdf;color:#687753;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:12px;flex-shrink:0}.avatar.small{width:30px;height:30px}.workspace{margin-left:242px;flex:1 1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--border);justify-content:space-between;padding:0 42px;background:var(--surface)}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:14px;font-size:11px;color:#9aa097}.breadcrumb strong{color:#637365;font-weight:500}.top-actions{display:flex;align-items:center;gap:19px}.icon-button{background:transparent;width:30px;height:30px;padding:4px;display:grid;place-items:center;color:var(--muted);border-radius:7px}.icon-button:hover{background:var(--sage);color:var(--green)}.live-pill{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;color:#598157}.eyebrow span,.live-pill i{height:5px;width:5px;border-radius:50%;background:#79a867}.live-pill.muted{color:var(--muted)}.live-pill.muted i{background:#b1b8a8}.notification-button{position:relative}.notification-button i{position:absolute;right:4px;top:4px;background:#71995c;border:2px solid var(--surface);width:8px;height:8px;border-radius:50%}main{max-width:1480px;margin:auto;padding:39px 42px 0}.page-heading{justify-content:space-between;margin-bottom:29px;gap:20px}.eyebrow,.page-heading{display:flex;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8c967f;font-weight:550;gap:8px;margin-bottom:12px}h1{font-size:31px;letter-spacing:-1.3px;font-weight:750;line-height:1.3}h1>span{color:#90a876}.page-heading>div>p:last-child{color:var(--muted);font-size:12px;margin-top:10px}.button{border-radius:8px;min-height:41px;display:flex;gap:10px;align-items:center;justify-content:center;padding:11px 17px;font-size:11px;font-weight:550;transition:background .15s,transform .15s;width:100%;text-decoration:none}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:#37624d}.button.outline{background:var(--surface);border:1px solid #dfe5d9;color:#536c54}.button.compact{width:auto;padding:9px 14px;min-height:35px;font-size:11px}.button.disabled{background:#edf0eb;color:#99a194}.text-button{font-size:11px;font-weight:550;color:#5c7754;background:transparent;display:inline-flex;align-items:center;gap:7px;padding:5px 0}.text-button:hover:not(:disabled){text-decoration:underline}.welcome-banner{display:flex;justify-content:space-between;min-height:256px;background:var(--banner);border:1px solid #e1e8d8;border-radius:13px;position:relative;overflow:hidden;margin-bottom:25px}.banner-content{padding:28px 35px;position:relative;z-index:2}.soft-label{display:inline-flex;align-items:center;gap:7px;background:#f6f9efbd;color:#789064;padding:6px 9px;border-radius:5px;font-size:9px}.banner-content h2{font-size:28px;letter-spacing:-1px;font-weight:650;line-height:1.45;margin:11px 0 10px;color:#3c593c}.banner-content h2 em{font-style:normal;color:#7a9264}.banner-content>p{font-size:11px;line-height:1.9;color:#7b8a6e}.banner-link{gap:10px;font-size:10px;font-weight:600;margin-top:17px;background:transparent;padding:0;color:#526d44}.banner-art,.banner-link{display:flex;align-items:center}.banner-art{width:38%;position:relative;justify-content:center;margin-right:40px;min-width:270px}.washer-art{height:233px;position:relative;z-index:1;width:224px;color:#5e7355;transform:rotate(-6deg);margin:4px 0 7px}.art-orbit{border:1px solid #d3dec8;position:absolute;border-radius:50%;width:263px;height:263px}.art-orbit.two{width:310px;height:310px;border-style:dashed;opacity:.6}.bubble{position:absolute;border-radius:50%;background:#d9e5cb;width:12px;height:12px}.bubble-one{top:48px;right:22px}.bubble-two{bottom:53px;left:8px;width:8px;height:8px}.art-note{position:absolute;background:#fffef5;box-shadow:0 3px 18px #56774210;padding:8px 11px;border-radius:7px;bottom:25px;right:-17px;z-index:2;font-size:9px;color:#758268;display:flex;gap:6px;align-items:center;transform:rotate(-3deg)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:31px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.stats-row>div{display:flex;gap:13px;align-items:center;position:relative;padding:19px 21px;min-width:0}.stats-row>div+div:before{content:"";width:1px;height:37px;background:var(--border);position:absolute;left:0}.stat-icon{height:39px;width:39px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.sage{background:#f0f4e9;color:#729365}.sky{background:#edf4f6;color:#7396a2}.cream{background:#faf4e8;color:#b79d64}.stats-row strong{font-family:Manrope,sans-serif;font-size:25px;font-weight:600;letter-spacing:-1px;display:block;line-height:1.1}.stats-row>div>div>span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.stat-hint{font-size:8px;color:#a5ad9d;margin-left:auto;align-self:flex-start;padding-top:3px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.section-heading h2{font-size:17px;font-weight:650;letter-spacing:-.4px;display:flex;align-items:center;gap:9px}.section-heading h2>span{background:#e9ede3;color:#89947d;border-radius:5px;padding:3px 7px;font-size:10px;font-family:DM Sans,sans-serif}.section-heading p{color:var(--muted);font-size:10px;margin-top:7px}.segmented{display:flex;padding:3px;background:#eceedf80;border:1px solid var(--border);border-radius:7px;gap:2px;white-space:nowrap}.segmented button{font-size:9px;padding:7px 10px;border-radius:5px;background:transparent;color:#899280}.segmented button.selected{background:var(--surface);box-shadow:0 1px 3px #20332207;color:#5c7250}.machine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.machine-card{border:1px solid var(--border);border-radius:12px;padding:20px;background:var(--surface);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.machine-icon{width:40px;height:40px;border-radius:10px;background:#f1f5ec;color:#77946a}.machine-card.blue .machine-icon{color:#6e91a5;background:#edf3f8}.machine-card.orange .machine-icon{color:#b4925b;background:#fcf5e9}.machine-card.purple .machine-icon{color:#9980ad;background:#f1edf7}.machine-card.gray .machine-icon{color:#9da398;background:#f0f2ed}.machine-name{display:flex;align-items:center;gap:8px;justify-content:space-between}.machine-name h3{font-size:15px;font-weight:650;letter-spacing:-.3px}.machine-number{font-size:9px;color:#b0b7a7}.location{font-size:9px;color:#929b8b;margin:6px 0 16px}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;font-size:9px;font-weight:550;padding:6px 8px;line-height:1}.status-badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.status-badge.green{color:#6c8a57;background:#eff5e9}.status-badge.blue{color:#678bad;background:#eef4fa}.status-badge.orange{color:#b2915b;background:#fbf4e7}.status-badge.purple{color:#9475b0;background:#f3eef8}.status-badge.gray{color:#929a8b;background:#f0f2ed}.machine-timing{margin:21px 0 15px;min-height:58px}.big-number{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;font-weight:600;white-space:nowrap}.big-number.numeric{font-size:30px;letter-spacing:-.8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.big-number small{font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:0;color:var(--muted);margin-left:6px;font-weight:400}.period{color:#8daa6f}.machine-timing p{color:#929b8a;font-size:9px;margin-top:7px}.progress-track{height:3px;background:#f0f2ec;border-radius:5px;overflow:hidden;margin-bottom:18px}.progress-track span{display:block;height:100%;background:#bbcf9e;border-radius:5px}.blue .progress-track span{background:#a6c4da}.orange .progress-track span{background:#dec58f}.machine-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;font-size:9px;color:#8c9683;margin-bottom:17px;min-height:17px}.machine-meta>span:first-child{display:flex;gap:6px;align-items:center}.occupant{font-size:8px;max-width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.card-secondary{text-align:center;min-height:25px;margin-top:8px}.card-secondary .text-button{font-size:9px}.connection-panel{display:flex;align-items:center;gap:28px;padding:34px 35px;border:1px dashed #d7dfcc;background:var(--surface);border-radius:12px;position:relative;overflow:hidden;min-height:221px}.connection-illustration{background:#f1f5eb;width:97px;height:97px;border-radius:24px;display:grid;place-items:center;color:#8ca178;position:relative;flex-shrink:0}.connection-illustration>span{position:absolute;right:-7px;bottom:12px;background:#d9e5c9;border:4px solid white;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#66834f}.connection-panel>div:nth-child(2){max-width:440px;position:relative;z-index:1}.overline{font-size:8px;letter-spacing:1.2px;color:#909e82;font-weight:550}.connection-panel h3{font-size:20px;letter-spacing:-.7px;margin:8px 0 10px;font-weight:650}.connection-panel p{font-size:11px;color:#8a9482;line-height:1.9;margin-bottom:16px}.connection-panel .button{font-size:10px;min-height:35px}.honest-note{font-size:8px;color:#9aa48e;display:block;margin-top:10px}.connection-leaf{position:absolute;right:27px;bottom:28px;color:#e1e9d7;transform:rotate(-28deg);pointer-events:none}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin:26px 0 29px}.notification-card,.tip-card{display:flex;gap:17px;align-items:flex-start;padding:22px;border-radius:10px;border:1px solid var(--border)}.tip-card{background:#f1f4e9;border-color:#e9ecdf}.notification-card{background:var(--surface)}.tip-icon{color:#8b9d77;margin-top:2px;flex-shrink:0}.bottom-grid h3{font-size:12px;font-weight:650;letter-spacing:-.15px;margin:6px 0 8px}.bottom-grid p{font-size:10px;color:#8d9882;line-height:1.85}.bottom-grid .text-button{font-size:9px;margin-top:7px}.footer{gap:21px;border-top:1px solid var(--border);padding:20px 0 24px;font-size:8px;color:#a4ac9b}.footer,.footer-brand{display:flex;align-items:center}.footer-brand{gap:6px;color:#8d9c7f;font-weight:600;font-size:10px}.footer button{margin-left:auto;font-size:8px;display:flex;gap:5px;align-items:center;color:#99a58d;background:transparent}.mobile-nav{display:none}.empty-panel{border:1px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 22px;background:var(--surface);color:#8b9b7b;gap:13px}.empty-panel h3{font-size:16px;color:var(--text)}.empty-panel p{font-size:12px;color:var(--muted);max-width:440px;line-height:1.8}.empty-panel.large{min-height:380px;justify-content:center;margin-bottom:35px}.empty-panel h2{font-size:24px;letter-spacing:-.7px;color:var(--text)}.empty-icon{background:var(--sage);padding:23px;border-radius:50%;margin-bottom:7px}.my-alert,.task-banner{display:flex;gap:15px;padding:20px;background:var(--sage);border:1px solid var(--border);border-radius:10px;margin-bottom:25px;align-items:center}.my-alert strong{font-size:13px}.my-alert p{font-size:11px;color:var(--muted);margin-top:7px}.my-alert .text-button{margin-left:auto}.task-banner{padding:30px;align-items:flex-start}.task-banner h2{font-size:22px;letter-spacing:-.6px;margin-bottom:10px}.task-banner p{color:var(--muted);font-size:12px;line-height:1.8;max-width:660px}.single-machine{max-width:340px;margin:30px 0 45px}.inbox{margin-bottom:35px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.notice{display:flex;align-items:center;gap:19px;text-align:left;background:transparent;width:100%;padding:24px;border-bottom:1px solid var(--border)}.notice:last-child{border-bottom:0}.notice.unread{background:#f4f7ed}.notice>div{flex:1 1}.notice h3{font-size:14px;display:flex;gap:10px;align-items:center}.notice h3 i{width:6px;height:6px;border-radius:50%;background:#81a564}.notice p{font-size:12px;color:var(--muted);line-height:1.7;margin:7px 0}.notice small{font-size:10px;color:#9aa58d}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:35px}.settings-card{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.settings-card h2{font-size:19px;letter-spacing:-.5px;margin:16px 0 10px}.settings-card p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:15px}.settings-card .button{margin-top:19px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--border);font-size:12px}.setting-row b{font-size:10px;color:#7e9568;font-weight:500}.settings-card>small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:17px}.admin-toolbar{display:flex;gap:10px;margin-bottom:25px}.admin-machines{background:var(--surface);border:1px solid var(--border);border-radius:10px}.admin-row{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--border);padding:23px}.admin-row:last-child{border-bottom:0}.admin-row>div{flex:1 1}.admin-row strong{font-size:13px}.admin-row p{font-size:11px;color:var(--muted);margin-top:7px}.danger{color:#b66354!important}.danger-bg{background:#a75547!important}.subheading{font-size:19px;margin:30px 0 20px}.muted-text{font-size:12px;color:var(--muted);padding:15px 0}.report-row{display:flex;justify-content:space-between;gap:20px;background:var(--surface);border:1px solid var(--border);padding:20px;border-radius:10px;margin-bottom:12px}.report-row p{color:var(--muted);font-size:12px;margin-top:8px}.audit-list{margin-bottom:35px}.audit-list p{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:14px 0;text-transform:capitalize;font-size:12px}.audit-list small{color:var(--muted)}.overlay{position:fixed;inset:0;z-index:90;background:#15291e68;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.dialog{background:var(--surface);border:1px solid var(--border);width:100%;max-width:470px;max-height:calc(100dvh - 48px);overflow-y:auto;border-radius:17px;padding:28px;box-shadow:0 25px 100px #10281930}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.dialog-head h2{font-size:22px;letter-spacing:-.6px;text-transform:capitalize}.form-intro{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:23px}.dialog label:not(.check-label){display:block;font-size:11px;font-weight:550;margin-bottom:18px}.dialog label>span{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);padding:12px;font-size:12px;outline:0;display:block;margin-top:8px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#93a97d;box-shadow:0 0 0 3px #b4cda332}input::placeholder,textarea::placeholder{color:#a1ab97}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{display:flex;align-items:flex-start;gap:10px;color:#8b997e;font-size:10px;line-height:1.8;background:var(--sage);border-radius:8px;padding:13px;margin:16px 0 22px}.form-note svg{margin-top:1px}.check-label{display:flex;align-items:center;gap:11px;font-size:11px;margin:15px 0;color:var(--text)}.check-label input{width:15px;height:15px;margin:0;accent-color:var(--green);flex-shrink:0}.check-label span{color:var(--text)!important}.reservation-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#8e75a1;margin-bottom:20px}.help-steps>div{display:flex;gap:18px;margin-bottom:23px}.help-steps>div>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--sage);color:#7b926b;font-size:11px;flex-shrink:0}.help-steps h3{font-size:13px;margin-bottom:7px}.help-steps p{font-size:11px;color:var(--muted);line-height:1.8}.toast{position:fixed;bottom:28px;left:calc(50% + 121px);transform:translateX(-50%);z-index:120;border:1px solid #dce7d1;box-shadow:0 8px 40px #10281a18;background:var(--surface);padding:14px 16px;border-radius:10px;max-width:min(590px,90vw);width:max-content;display:flex;align-items:center;gap:12px;color:#60844f;font-size:12px;line-height:1.7}.toast.error{border-color:#e8cfc6;color:#a06051}.toast .icon-button{margin-left:6px}.offline-warning{display:flex;gap:10px;align-items:center;padding:15px;color:#a57f47;background:#fff4dc;border:1px solid #e9d5b0;border-radius:8px;margin-bottom:22px;font-size:11px}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}[data-theme=dark]{--bg:#19221e;--surface:#202d25;--text:#e2e9dc;--muted:#9da996;--border:#334334;--green:#54765a;--sage:#2e402d;--machine-body:#cbd6bf;--machine-ring:#a7bc96;--machine-glass:#769469;--banner:#31412b;--shadow:none}[data-theme=dark] .banner-content h2{color:#d6e3c6}[data-theme=dark] .banner-content>p,[data-theme=dark] .bottom-grid p,[data-theme=dark] .connection-panel p{color:#a6b49a}[data-theme=dark] .tip-card,[data-theme=dark] .welcome-banner{border-color:#405037}[data-theme=dark] .notice.unread,[data-theme=dark] .tip-card{background:#2a3826}[data-theme=dark] .connection-illustration{background:#30412b}[data-theme=dark] .connection-leaf{color:#374930}[data-theme=dark] .segmented{background:#2c3827}[data-theme=dark] .button.outline{border-color:#495a41;color:#bacdac}[data-theme=dark] .status-badge{background:#2c3a2d}[data-theme=dark] .machine-icon,[data-theme=dark] .sage{background:#2d3e2b}[data-theme=dark] .sky{background:#2b3c3b}[data-theme=dark] .cream{background:#3c3829}[data-theme=dark] .live-pill{color:#a5c792}[data-theme=dark] .nav-item.active{color:#bcd5ad}[data-theme=dark] .text-button{color:#a2c18e}@media (min-width:1500px){main{padding-top:48px}.welcome-banner{min-height:285px}.banner-content{padding:33px 38px}.banner-content h2{font-size:33px}.washer-art{height:260px;width:250px}.machine-card{padding:24px}.machine-grid{gap:22px}.stat-hint{font-size:9px}}@media (max-width:1200px){.sidebar{width:217px;padding:29px 17px 0}.workspace{margin-left:217px}.topbar{padding:0 28px}main{padding:32px 28px 0}.nav-item.active:before{left:17px}.stat-hint{display:none}.banner-art{margin-right:22px}.banner-content{padding:26px}.banner-content h2{font-size:26px}h1{font-size:28px}.machine-card{padding:16px}.machine-meta{font-size:8px}.machine-grid{gap:12px}.big-number{font-size:21px}.big-number.numeric{font-size:27px}.toast{left:calc(50% + 108px)}}@media (max-width:1000px){.sidebar{width:198px;padding:25px 13px 0}.workspace{margin-left:198px}.brand{font-size:19px}.brand-icon{width:33px;height:33px;margin-right:7px}.nav-item.active:before{left:13px}.nav-item{padding:12px}.residence{padding:12px 7px}.residence strong{max-width:119px}.residence-icon{display:none}.topbar{padding:0 25px}main{padding:28px 25px 0}.top-actions{gap:11px}.banner-art{min-width:210px;width:30%}.washer-art{width:190px;height:208px}.art-orbit{width:210px;height:210px}.art-orbit.two{width:250px;height:250px}.banner-content h2{font-size:24px}.banner-content{padding:25px}.art-note{font-size:8px;right:-8px}.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-card{padding:21px}.stats-row>div{padding:17px 12px;gap:8px}.stat-icon{width:34px;height:34px}.stats-row>div>div>span{font-size:8px}.bottom-grid{grid-template-columns:1fr 1fr}.notification-card,.tip-card{padding:18px;gap:10px}.connection-panel{padding:28px;gap:20px}.connection-illustration{height:77px;width:77px}.connection-panel h3{font-size:18px}.connection-leaf{right:12px;opacity:.7}.toast{left:calc(50% + 99px)}}@media (max-width:760px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:65px;padding:0 22px}.breadcrumb{font-size:11px;gap:9px}.top-actions{gap:8px}.top-actions>.avatar{display:none}.live-pill{font-size:9px}main{padding:27px 20px 82px}.page-heading{margin-bottom:24px;align-items:flex-end}.page-heading .button{padding:8px;min-width:32px;font-size:0;gap:0}.page-heading .button svg{width:16px;height:16px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:11px}h1{font-size:27px}.page-heading>div>p:last-child{font-size:11px;line-height:1.7;max-width:300px}.welcome-banner{min-height:232px;margin-bottom:18px;border-radius:12px}.banner-content{padding:22px 20px}.banner-content h2{font-size:25px}.banner-content>p{font-size:10px}.banner-art{min-width:145px;width:35%;margin-right:15px}.washer-art{width:150px;height:192px}.art-orbit{width:170px;height:170px}.art-orbit.two{width:204px;height:204px}.art-note{display:none}.soft-label{font-size:8px;gap:5px}.banner-link{font-size:9px;gap:7px}.stats-row{margin-bottom:27px}.stats-row>div{padding:17px 12px;gap:9px}.stats-row strong{font-size:24px}.stats-row>div>div>span{font-size:8px;line-height:1.5;max-width:67px}.stats-row .stat-icon{width:28px;height:28px;border-radius:7px}.stats-row .stat-icon svg{width:16px;height:16px}.section-heading{align-items:flex-start}.section-heading h2{font-size:16px}.segmented{padding:2px}.segmented button{font-size:8px;padding:7px 8px}.connection-panel{padding:27px 22px;gap:17px}.connection-illustration{width:64px;height:75px;border-radius:16px}.connection-illustration>svg{width:36px}.connection-panel h3{font-size:17px;line-height:1.6;margin-top:6px}.connection-panel p{font-size:10px}.connection-leaf{display:none}.overline{font-size:7px}.connection-panel .button{font-size:9px}.bottom-grid{gap:13px;margin-top:20px}.notification-card,.tip-card{padding:19px 16px;gap:10px}.tip-icon svg{width:20px;height:20px}.bottom-grid h3{font-size:11px;line-height:1.6}.bottom-grid p{font-size:9px}.bottom-grid .overline{font-size:6px;letter-spacing:.8px}.footer{gap:13px;padding-bottom:8px}.footer,.footer button{font-size:7px}.footer-brand{font-size:9px}.mobile-nav{display:flex;background:var(--surface);border-top:1px solid var(--border);position:fixed;inset:auto 0 0;z-index:30;padding:10px 9px calc(10px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{background:transparent;color:#929d87;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 12px;font-size:9px;min-width:60px}.mobile-nav button.active{color:#49693d}.mobile-nav button.active svg{stroke-width:2.2}.toast{left:50%;bottom:90px;max-width:calc(100vw - 28px);font-size:11px}.my-alert{flex-wrap:wrap}.my-alert .text-button{margin-left:49px}.settings-grid{gap:16px}.settings-card{padding:22px}.settings-card h2{font-size:17px}.admin-row{gap:12px;padding:18px;flex-wrap:wrap}.admin-row>div{flex:1 1;min-width:160px}.admin-row .text-button{font-size:10px}.dialog{padding:24px}.notice{padding:20px;gap:13px}.notice p{font-size:11px}.task-banner{padding:24px;gap:15px}.task-banner h2{font-size:20px}}@media (max-width:500px){main{padding-left:18px;padding-right:18px}.topbar{padding:0 18px}.breadcrumb>strong{display:none}.banner-content{padding:22px 18px;max-width:68%}.banner-content h2{font-size:22px;letter-spacing:-.7px}.banner-content>p{font-size:9px}.welcome-banner{min-height:226px}.banner-art{min-width:105px;margin-right:3px;width:29%}.washer-art{width:122px;height:170px;transform:rotate(-6deg) translateX(-4px)}.art-orbit{width:130px;height:130px}.art-orbit.two{width:172px;height:172px}.bubble-one{right:10px;top:28px}.bubble-two{left:0;bottom:35px}.stats-row>div{padding:14px 7px;gap:6px;align-items:flex-start}.stats-row strong{font-size:22px}.stats-row .stat-icon{width:24px;height:24px;margin-top:1px}.stats-row .stat-icon svg{height:14px;width:14px}.stats-row>div>div>span{font-size:7px;max-width:63px}.section-heading{flex-direction:column;gap:14px}.segmented{align-self:flex-start}.segmented button{padding:7px 13px;font-size:9px}.machine-grid{grid-template-columns:1fr;gap:16px}.machine-card{padding:24px}.big-number{font-size:27px}.big-number.numeric{font-size:33px}.machine-name h3{font-size:17px}.location,.machine-meta{font-size:10px}.occupant{font-size:9px}.machine-card .button{font-size:12px;min-height:44px}.card-secondary .text-button{font-size:10px}.connection-panel{align-items:flex-start;padding:26px 21px;gap:14px}.connection-illustration{width:48px;height:57px;border-radius:13px;margin-top:15px}.connection-illustration>svg{width:29px}.connection-illustration>span{width:24px;height:24px;right:-5px;bottom:4px}.connection-illustration>span>svg{width:12px}.connection-panel h3{font-size:17px}.connection-panel .button{padding:10px 12px}.honest-note{font-size:7px;line-height:1.6}.bottom-grid{grid-template-columns:1fr}.notification-card,.tip-card{padding:20px;gap:15px}.bottom-grid h3{font-size:12px}.bottom-grid p{font-size:10px}.bottom-grid .overline{font-size:7px}.bottom-grid .text-button{font-size:10px}.footer>span:nth-child(2){display:none}.footer button{font-size:8px}.settings-grid{grid-template-columns:1fr}.page-heading h1{font-size:25px}.task-banner{padding:21px;gap:12px}.task-banner h2{font-size:18px}.task-banner p{font-size:11px}.single-machine{max-width:100%}.overlay{padding:14px}.dialog{max-height:calc(100dvh - 28px);border-radius:14px;padding:23px}.dialog-head h2{font-size:20px}.form-cols{gap:10px}.empty-panel.large{min-height:340px}.notice{padding:18px 14px}.notice h3{font-size:12px}.notice .stat-icon{width:30px;height:30px}.admin-toolbar{flex-wrap:wrap}.my-alert strong{font-size:12px}.my-alert p{font-size:10px}.mobile-nav button{padding:4px 9px;font-size:8px}.courtesy{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.pickup-warning{font-size:10px;line-height:1.8;color:#ad8956;margin-bottom:8px}.pickup-warning button{display:flex;margin:2px auto 0}