body{background:#edf0eb}.studio{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.studio-side{background:#fff;border-right:1px solid #dce3dc;padding:30px 23px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.studio-side .brand{font-size:23px}.studio-label{font-size:9px;letter-spacing:1.7px;color:#85958b;text-transform:uppercase;margin:35px 0 12px}.studio-side>p{color:#8b9890;font-size:11px;line-height:1.7;margin-top:15px}.switch-role{display:flex;gap:12px;align-items:center;text-align:left;padding:13px 10px;border-radius:9px;width:100%;margin-bottom:5px}.switch-role.active{background:#e8f2eb;color:#086c60}.switch-role b{display:block;font-size:12px}.switch-role small{display:block;font-size:9px;margin-top:3px}.switch-icon{height:30px;width:30px;display:grid;place-items:center;border:1px solid #dce6dd;border-radius:8px;background:white}.screen-link{display:flex;justify-content:space-between;width:100%;text-align:left;font-size:11px;padding:10px 11px;border-radius:6px;color:#829087}.screen-link.active{color:#086c60;background:#f4f7f2;font-weight:700}.studio-foot{margin-top:auto;font-size:9px;line-height:1.8;color:#8b9990;padding-top:20px}.studio-foot b{color:#315348}.stage{padding:30px 36px}.stage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.stage-head h1{font-size:20px;letter-spacing:-.6px}.stage-head p{font-size:11px;color:#87958d;margin:7px 0}.stage-tag{font-size:9px;letter-spacing:1px;color:#6c8375;border:1px solid #d2ded1;border-radius:20px;padding:8px 12px}.showroom{display:flex;align-items:flex-start;justify-content:center;gap:58px;padding:9px 0 22px}.device{width:390px;height:818px;border:8px solid #193d34;border-radius:45px;background:#fafbf7;position:relative;box-shadow:0 20px 50px #233d3014;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.statusbar{height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:10px;font-weight:800;background:#fff;position:relative}.island{width:83px;height:20px;background:#193d34;border-radius:20px;position:absolute;left:50%;transform:translateX(-50%);top:4px}.status-icons{font-size:9px;letter-spacing:2px}.app-top{display:flex;align-items:center;gap:9px;padding:12px 18px 16px;background:#fff;border-bottom:1px solid #edf0e9;flex-shrink:0;min-height:65px}.app-top .avatar{margin-left:auto;width:31px;height:31px;font-size:10px}.app-top small{font-size:8px;letter-spacing:1px;text-transform:uppercase}.app-top b{display:block;font-size:12px;margin-top:4px}.pin{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e8f2eb;color:var(--teal)}.back{width:26px;padding:0;display:grid;place-items:center}.app-scroll{overflow-y:auto;flex:1;scrollbar-width:none;overscroll-behavior:contain}.app-scroll::-webkit-scrollbar{display:none}.app-pad{padding:22px 17px}.mobile-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.mobile-greeting h1{font-size:23px;letter-spacing:-.9px;line-height:1.25;margin-top:6px}.mobile-greeting p{font-size:10px;color:#86978c;margin:7px 0 0}.mobile-greeting .eyebrow{font-size:8px;letter-spacing:1.4px}.phone-hero{border-radius:14px;background:#deecd9;height:161px;position:relative;overflow:hidden;padding:21px;margin-bottom:20px}.phone-hero:after{content:'';position:absolute;right:-47px;top:-20px;background:#c7debf;border-radius:100%;width:200px;height:200px}.phone-hero img{position:absolute;right:-18px;top:18px;height:132px;width:132px;object-fit:cover;border:6px solid #eff5e7;border-radius:100%;z-index:1}.phone-hero h2{font-size:23px;letter-spacing:-.8px;line-height:1.15;max-width:200px;position:relative;z-index:2;margin:10px 0}.phone-hero small{font-size:8px;letter-spacing:1px;color:#557746}.phone-hero button{font-size:9px;font-weight:700;padding:7px 0;position:relative;z-index:2}.app-search{position:relative;margin-bottom:18px}.app-search svg{position:absolute;top:14px;left:13px;color:#8c9c90}.app-search input{width:100%;border:1px solid #e1e8de;border-radius:10px;padding:13px 12px 13px 39px;font-size:10px;background:white}.category-strip{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:0 0 23px}.category-item{flex-shrink:0;border-radius:10px;padding:10px 12px;font-size:9px;border:1px solid #e0e7dc;background:#fff}.category-item.active{background:var(--teal);border-color:var(--teal);color:white}.app-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.app-section h2{font-size:15px;letter-spacing:-.4px}.app-section small{font-size:8px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-grid .food-image{height:114px}.app-grid .food-body{padding:11px}.app-grid .food h3{font-size:10px;line-height:1.5}.app-grid .food p{font-size:8px;margin:6px 0 11px}.app-grid .price-row{font-size:12px}.app-grid .add{padding:5px 9px;font-size:9px}.app-grid .badge{font-size:7px;padding:4px 6px;top:8px;left:8px}.app-grid .veg{font-size:9px;margin-right:3px}.bottom-nav{height:65px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #e5ece2;background:white;flex-shrink:0;padding-bottom:5px}.bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:8px;color:#8a988e;position:relative;min-width:55px;padding:7px 4px}.bottom-nav button.active{color:var(--teal);font-weight:800}.bottom-nav button.active:before{content:'';position:absolute;top:-3px;width:16px;height:3px;border-radius:2px;background:var(--teal)}.bottom-nav .counter{position:absolute;right:9px;top:0;background:#e9864e;color:white;border-radius:10px;font-size:7px;padding:2px 4px}.home-indicator{height:12px;background:white;display:flex;justify-content:center;align-items:center;flex-shrink:0}.home-indicator:after{content:'';width:105px;height:4px;background:#173a31;border-radius:9px}.preview-notes{width:235px;padding-top:75px}.preview-notes .eyebrow{font-size:9px}.preview-notes h2{font-size:25px;letter-spacing:-.8px;line-height:1.4;margin:14px 0}.preview-notes>p{font-size:11px;line-height:1.9;color:#7f9083}.flow-item{display:flex;gap:12px;margin-top:21px}.flow-number{width:24px;height:24px;flex-shrink:0;border:1px solid #c8d9c7;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#638065}.flow-item b{font-size:11px}.flow-item p{font-size:10px;color:#849486;line-height:1.7;margin:5px 0}.swatches{display:flex;gap:7px;margin-top:28px}.swatches span{width:25px;height:25px;border-radius:50%}.note-foot{font-size:9px;line-height:1.8;color:#8a998c;margin-top:15px}.app-detail>img{width:100%;height:223px;object-fit:cover}.app-detail h1{font-size:24px;letter-spacing:-.8px;margin:13px 0}.app-detail p{font-size:11px;color:#829184;line-height:1.8}.app-detail h4{font-size:12px}.app-detail .nutrition{margin:20px 0}.app-detail .nutrition b{font-size:15px}.app-detail .nutrition small{font-size:8px}.app-action{display:flex;gap:12px;padding:16px 18px;background:white;border-top:1px solid var(--line);flex-shrink:0}.app-action .primary{flex:1}.app-action .qty{font-size:14px}.app-action .qty button{padding:8px 12px}.app-cart .cart{border:none;border-radius:0;background:transparent;padding:0;position:static}.app-cart .cart h2{font-size:22px}.app-cart .pickup{margin:17px 0}.app-cart .cartline{padding:18px 0}.app-cart .cartline img{width:54px;height:54px}.app-cart .cartline b{font-size:12px}.app-cart .qty{font-size:12px}.app-cart .primary{padding:15px}.app-cart .cart-note{font-size:9px}.phone-order{border:1px solid #dde7d9;background:white;border-radius:13px;padding:17px;margin-bottom:14px}.phone-order .ticket-head h3{font-size:17px}.phone-order .ticket-head small{font-size:8px}.phone-order .pill{font-size:8px}.phone-order p{font-size:11px;color:#728478}.order-list-line{display:flex;justify-content:space-between;font-size:11px;padding:7px 0}.phone-order .tracking{margin:25px 0}.phone-order .step{font-size:8px}.phone-order .pickup{font-size:10px;margin-bottom:0}.history-title{font-size:13px;margin:25px 0 15px}.app-profile{text-align:center;padding:25px 20px}.profile-avatar{height:66px;width:66px;margin:0 auto 15px;border-radius:22px;background:#deecdf;display:grid;place-items:center;font-size:24px;font-weight:800;color:#146556}.app-profile h2{font-size:21px}.app-profile>p{font-size:11px;color:#8c998f}.app-profile .form{text-align:left}.app-profile .form input{font-size:12px}.app-profile .form label{font-size:10px}.app-profile .secondary{margin-top:15px}.app-profile .screen-note{font-size:9px;margin-top:17px}.worker-summary{display:flex;gap:9px;margin:19px 0}.worker-summary>div{flex:1;background:white;border:1px solid #e1e8dc;border-radius:10px;padding:12px}.worker-summary b{display:block;font-size:20px;margin-bottom:4px}.worker-summary small{font-size:8px}.worker-tabs{display:flex;gap:5px;border-bottom:1px solid #dce5d7;margin-bottom:18px}.worker-tabs button{font-size:10px;flex:1;padding:13px 2px;border-bottom:2px solid transparent}.worker-tabs .active{color:var(--teal);font-weight:800;border-color:var(--teal)}.phone-order .primary{font-size:11px;padding:13px;margin-top:16px}.phone-order .secondary{font-size:10px;padding:10px}.worker-item{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #e2e9dc}.worker-item img{width:55px;height:55px;object-fit:cover;border-radius:9px}.worker-item b{font-size:11px;display:block}.worker-item small{font-size:9px;display:block;margin-top:6px}.worker-item .toggle{margin-left:auto;font-size:8px;flex-shrink:0;padding:7px 8px}.phone-auth{padding:38px 24px 22px}.phone-auth .brand{font-size:30px}.phone-auth h1{font-size:29px;line-height:1.25;letter-spacing:-1px;margin:36px 0 12px}.phone-auth>p{color:#839489;font-size:11px}.phone-auth .form input{font-size:11px}.phone-auth .form label{font-size:10px}.phone-auth .secondary{font-size:10px;margin-top:12px}.phone-auth .screen-note{font-size:9px;text-align:center;margin-top:20px}.success-mark{width:70px;height:70px;border-radius:50%;background:#e2efe2;color:var(--teal);display:grid;place-items:center;margin:15px auto;font-size:32px}.success-screen{text-align:center;padding:25px 20px}.success-screen h1{font-size:26px;letter-spacing:-.8px;margin:20px 0 10px}.success-screen p{font-size:11px;color:#7d9080}.pickup-number{border:1px dashed #bad3b8;background:#f0f6e9;border-radius:12px;padding:25px;margin:25px 0}.pickup-number small{font-size:9px;letter-spacing:1px}.pickup-number h2{font-size:38px;margin:10px 0}.pickup-number p{margin:0}.manager-workspace{background:#f7f9f4;border:1px solid #dce5d7;border-radius:16px;overflow:hidden;min-height:740px}.manager-top{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e1e8dd}.manager-top b{font-size:13px}.manager-top small{font-size:10px}.manager-workspace .wide{padding:28px;max-width:none}.manager-workspace .intro h1{font-size:26px}.manager-workspace .stats{gap:12px}.manager-workspace .stat{padding:18px}.manager-workspace .stat h2{font-size:26px}.manager-workspace .wide>footer{display:none}.manager-workspace .profile{margin:0 auto}.manager-charts{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-bottom:28px}.chart-box{background:white;border:1px solid #e0e7db;border-radius:12px;padding:20px}.chart-box h3{font-size:13px;margin-bottom:5px}.chart-box small{font-size:9px}.bars{height:133px;display:flex;align-items:flex-end;gap:16px;margin:18px 0 10px}.barcol{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;font-size:8px;color:#879885}.barcol div{background:#b3cfb2;border-radius:4px 4px 0 0;width:100%;max-width:35px}.barcol:nth-child(4) div{background:#086c60}.rank{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:14px 0;border-bottom:1px solid #e8ede4}.rank b{font-size:11px}.manager-workspace .table-wrap{border-radius:10px}.manager-workspace td{font-size:10px;padding:13px 15px}.manager-workspace th{font-size:9px;padding:13px 15px}.manager-workspace td .pill{font-size:8px}.manager-nav{display:flex;gap:8px;padding:13px 25px;background:white;border-bottom:1px solid #e1e8dd;overflow:auto}.manager-nav button{font-size:10px;white-space:nowrap;padding:9px 13px;border-radius:6px}.manager-nav button.active{background:#e7f1e6;color:var(--teal);font-weight:700}.phone-modal .modal-back{align-items:center}.phone-modal .modal{width:360px}.phone-modal .modal p{font-size:12px}.studio-side svg,.bottom-nav svg{width:19px;height:19px}.shelf-note{font-size:9px;color:#8d9c8e;text-align:center;margin-top:12px}.phone-order button.text-link{font-size:10px;color:var(--teal);padding:13px 0 0}.manager-count{display:flex;gap:10px;align-items:center}
@media(max-width:1200px){.showroom{gap:28px}.preview-notes{width:190px}.stage{padding:26px}.studio{grid-template-columns:205px 1fr}.studio-side{padding:28px 17px}.manager-charts{grid-template-columns:1fr}.manager-workspace .stats{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.preview-notes{display:none}.stage-head{gap:16px}.stage-head p{max-width:250px}.stage-tag{display:none}.manager-workspace .wide{padding:20px}.manager-workspace .intro h1{font-size:22px}}
@media(max-width:650px){body{background:#f7f9f4}.studio{display:block}.studio-side{height:auto;position:static;padding:12px 14px;display:block;border-right:0;border-bottom:1px solid #dce5d8}.studio-side .brand,.studio-side>p,.studio-label,.screen-links,.studio-foot{display:none}.role-options{display:flex;gap:7px}.switch-role{margin:0;padding:9px 10px;justify-content:center}.switch-role b{font-size:10px}.switch-role small,.switch-icon{display:none}.stage{padding:0}.stage-head{padding:12px 17px;margin:0}.stage-head h1{font-size:12px;letter-spacing:0}.stage-head p{display:none}.showroom{padding:0;display:block}.device{width:100%;height:calc(100dvh - 94px);min-height:590px;border:0;border-radius:0;box-shadow:none}.statusbar{display:none}.app-top{padding:12px 18px}.app-pad{padding:22px 20px}.app-grid .food-image{height:130px}.shelf-note{display:none}.manager-workspace{border:0;border-radius:0}.manager-workspace .intro{align-items:flex-start}.manager-workspace .intro h1{font-size:21px}.manager-top{padding:16px}.manager-nav{padding:10px}.manager-workspace .stats{gap:10px}.manager-workspace .stat{padding:15px}.manager-charts{display:block}.chart-box{margin-bottom:15px}.manager-workspace .wide{padding:18px}.manager-workspace .intro p{font-size:10px}.manager-workspace td{font-size:10px}.toast{bottom:85px;max-width:90%;width:max-content;font-size:11px}.app-action{padding:13px 18px}.home-indicator{display:none}}