:root{--ink:#14211a;--muted:#647068;--line:#dce5df;--surface:#fff;--canvas:#f3f7f4;--green-900:#083f28;--green-800:#0b5936;--green-700:#087443;--green-600:#079455;--green-100:#dff5e8;--blue:#2878d8;--yellow:#d99a18;--coral:#e56855;--shadow:0 10px 30px #12291c14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{min-height:100vh;color:var(--ink);background:var(--canvas);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,textarea,select{color:inherit;font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2878d838}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0}.eyebrow{color:var(--green-700);margin:0 0 7px;font-size:11px;font-weight:800}.primary-button,.secondary-button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:750;display:inline-flex}.primary-button{color:#fff;background:var(--green-700);box-shadow:0 5px 14px #08744333}.primary-button:hover{background:var(--green-800)}.secondary-button{color:var(--green-800);background:var(--surface);border-color:var(--line)}.secondary-button:hover{background:#f7faf8}.full{width:100%}.loading-screen,.offline-page{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:32px;display:grid}.loading-screen img,.offline-page img{width:64px}.loading-screen span{background:var(--line);border-radius:3px;width:120px;height:3px;margin:24px 0 12px;overflow:hidden}.loading-screen span:after{content:"";background:var(--green-600);width:45%;height:100%;animation:1s ease-in-out infinite loading;display:block}.loading-screen p,.offline-page p{max-width:480px;color:var(--muted)}.offline-page h1{margin:24px 0 8px;font-size:26px}.offline-page a{color:#fff;background:var(--green-700);border-radius:6px;margin-top:12px;padding:11px 18px;text-decoration:none}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(220%)}}.login-page{background:#fff;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:var(--green-900);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(38px,6vw,76px);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:70px solid #ffffff0e;border-radius:50%;width:380px;height:380px;position:absolute;bottom:80px;right:-180px}.login-brand>img{filter:brightness(0)invert();z-index:1;width:184px;position:relative}.login-brand>div,.login-brand footer{z-index:1;position:relative}.login-brand .eyebrow{color:#8ce8b3}.login-brand h1{max-width:560px;margin:0 0 18px;font-size:clamp(42px,5.3vw,70px);line-height:1.02}.login-brand>div>p:last-child{color:#c6dbce;max-width:520px;margin:0;font-size:17px;line-height:1.65}.login-brand footer{color:#c6dbce;align-items:center;gap:9px;display:flex}.login-form-wrap{place-items:center;padding:36px;display:grid}.login-form{width:min(410px,100%)}.login-form h2{margin:0 0 8px;font-size:30px}.login-form>p:not(.eyebrow){color:var(--muted);margin-bottom:28px;line-height:1.6}.mobile-logo{display:none}.login-form label,.field{gap:7px;margin:0 0 17px;display:grid}.login-form label span,.field>span{color:#34463b;font-size:13px;font-weight:700}input,textarea,select{background:#fff;border:1px solid #ccd8d0;border-radius:6px;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:90px}input:hover,textarea:hover,select:hover{border-color:#9eb4a6}input:focus,textarea:focus,select:focus{border-color:var(--green-600);outline:3px solid #0794551f}.form-error{color:#9c2e23;background:#fff5f3;border:1px solid #f2c7c1;border-radius:6px;align-items:flex-start;gap:8px;margin:-3px 0 16px;padding:10px 12px;display:flex}.login-links{justify-content:space-between;margin:16px 0 28px;display:flex}.login-links button,.login-links a{color:var(--green-700);background:0 0;border:0;padding:0;font-weight:700;text-decoration:none}.register-callout{background:#f3faf5;border:1px solid #c8e2d1;border-radius:6px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:64px;margin:-8px 0 20px;padding:10px 12px;display:grid}.register-callout>span{width:34px;height:34px;color:var(--green-700);background:var(--green-100);border-radius:5px;place-items:center;display:grid}.register-callout>div{gap:2px;display:grid}.register-callout small{color:var(--muted)}.register-callout>a{color:var(--green-700);font-weight:800;text-decoration:none}.secure-note{border-top:1px solid var(--line);gap:11px;padding-top:20px;display:flex}.secure-note svg{color:var(--green-700)}.secure-note span{gap:3px;display:grid}.secure-note small{color:var(--muted)}.portal-page{background:var(--canvas);grid-template-columns:minmax(280px,420px) minmax(520px,760px);place-content:center;gap:60px;min-height:100vh;padding:56px 36px;display:grid}.portal-heading{align-self:center}.portal-heading>img{width:176px;margin-bottom:66px}.portal-heading h1{margin:0 0 13px;font-size:38px;line-height:1.08}.portal-heading>p:last-child{max-width:390px;color:var(--muted);font-size:15px;line-height:1.65}.portal-grid{gap:10px;display:grid}.portal-grid>a{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:46px 1fr 22px;align-items:center;gap:14px;min-height:88px;padding:15px 18px;text-decoration:none;display:grid;box-shadow:0 3px 14px #162f1f0a}.portal-grid>a:hover{box-shadow:var(--shadow);border-color:#aad1b9;transform:translateY(-1px)}.portal-grid>a>span{width:44px;height:44px;color:var(--green-700);background:var(--green-100);border-radius:6px;place-items:center;display:grid}.portal-grid>a>div{gap:5px;min-width:0;display:grid}.portal-grid b{font-size:15px}.portal-grid small{color:var(--muted);line-height:1.4}.portal-grid>a>svg{color:#8aa095}.portal-mismatch{text-align:center;border:1px solid var(--line);width:min(620px,100%);box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-column:1/-1;justify-self:center;padding:36px}.portal-mismatch>span{width:58px;height:58px;color:var(--green-700);background:var(--green-100);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.portal-mismatch h1{margin-bottom:10px;font-size:26px}.portal-mismatch p:not(.eyebrow){color:var(--muted);line-height:1.6}.portal-mismatch>div{justify-content:center;gap:10px;margin-top:22px;display:flex}.app-shell{grid-template-columns:82px 1fr;min-height:100vh;display:grid}.sidebar{z-index:30;color:#c8ddd0;background:var(--green-900);flex-direction:column;align-items:center;width:82px;padding:21px 11px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-logo{width:40px;height:40px;margin-bottom:38px}.sidebar nav{gap:9px;width:100%;display:grid}.sidebar nav button{color:#b8d2c2;background:0 0;border:0;border-radius:6px;place-items:center;gap:3px;width:100%;min-height:58px;display:grid}.sidebar nav button span{font-size:10px;font-weight:700}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff1c}.sidebar-user{place-items:center;gap:5px;width:100%;margin-top:auto;display:grid}.sidebar-user>span{width:36px;height:36px;color:var(--green-900);background:#b7f0cc;border-radius:50%;place-items:center;font-size:12px;font-weight:850;display:grid}.sidebar-user>div{display:none}.sidebar-user>button,.sidebar-close{color:#c8ddd0;background:0 0;border:0;place-items:center;display:grid}.sidebar-user>button{width:36px;height:34px}.sidebar-close{display:none}.workspace{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fffffff5;align-items:center;gap:18px;height:72px;padding:0 30px;display:flex}.topbar-title{align-items:center;gap:9px;display:none}.topbar-title img{width:34px}.topbar-title>span{display:grid}.topbar-title b{font-size:17px}.topbar-title b span{color:var(--green-600)}.topbar-title small{color:var(--muted);font-size:10px}.building-chip{align-items:center;gap:10px;display:flex}.building-chip>svg{color:var(--green-700)}.building-chip span{gap:2px;display:grid}.building-chip small{color:var(--muted);font-size:11px}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.install-button,.icon-button,.mobile-menu{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.install-button{color:var(--green-800);padding:0 13px;font-weight:700}.icon-button,.mobile-menu{width:38px;position:relative}.icon-button i{background:var(--coral);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.mobile-menu{display:none}.content{width:min(1460px,100%);margin:0 auto;padding:34px 34px 70px}.page-title{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:25px;display:flex}.page-title h1{margin:0 0 7px;font-size:28px;line-height:1.15}.page-title>div>p:last-child{color:var(--muted);margin:0;line-height:1.5}.live-state{background:#f2fbf5;border:1px solid #cde6d6;border-radius:6px;align-items:center;gap:10px;min-width:162px;padding:9px 12px;display:flex}.live-state>i{background:var(--green-600);border:2px solid #b9e8ca;border-radius:50%;width:9px;height:9px}.live-state span{gap:2px;display:grid}.live-state b{font-size:12px}.live-state small{color:var(--muted);font-size:10px}.panel,.metric{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 2px 10px #162f1f09}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.metric{gap:14px;min-width:0;padding:18px;display:flex}.metric>span{border-radius:6px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.metric>span.blue{color:var(--blue);background:#eaf3fe}.metric>span.green{color:var(--green-700);background:var(--green-100)}.metric>span.yellow{color:#a96b00;background:#fff4d8}.metric>span.coral{color:#bc4939;background:#ffebe7}.metric div{min-width:0;display:grid}.metric small{color:var(--muted)}.metric strong{text-overflow:ellipsis;margin:5px 0 2px;font-size:21px;overflow:hidden}.metric p{color:var(--muted);margin:0;font-size:11px}.dashboard-columns{grid-template-columns:1.35fr .8fr;gap:20px;display:grid}.dashboard-columns>.panel,.area-layout>.panel{padding:21px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:42px;padding:0 0 15px;display:flex}.section-heading h2{margin:0;font-size:18px}.section-heading>button{color:var(--green-700);background:#f1f7f3;border:0;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:700;display:flex}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-actions button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:36px 1fr auto;align-items:center;column-gap:10px;min-width:0;padding:13px;display:grid}.quick-actions button:hover,.role-action-grid button:hover{background:#f8fbf9;border-color:#a6c7b2}.quick-actions button>span{width:36px;height:36px;color:var(--green-700);background:var(--green-100);border-radius:6px;grid-row:1/3;place-items:center;display:grid}.quick-actions button b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quick-actions button small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:2;overflow:hidden}.quick-actions button>svg{color:#95a69c;grid-area:1/3/3}.health-row{border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:14px;min-height:44px;display:flex}.health-row span{align-items:center;gap:8px;display:flex}.health-row svg{color:var(--green-600)}.health-row b{color:var(--green-700);font-size:11px}.role-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.role-action-grid button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-width:0;min-height:96px;padding:18px;display:grid}.role-action-grid button>svg:first-child{width:42px;height:42px;color:var(--green-700);background:var(--green-100);border-radius:6px;padding:9px}.role-action-grid button span{gap:5px;min-width:0;display:grid}.role-action-grid button small{color:var(--muted)}.role-action-grid button>svg:last-child{color:#98a79e}.catalog-layout{grid-template-columns:220px minmax(0,1fr) minmax(260px,300px);align-items:start;gap:16px;display:grid}.catalog-layout.stacked{display:block}.catalog-layout.stacked>.secondary-button{margin-bottom:12px}.catalog-layout.stacked>.cart-panel{margin-top:13px}.tenant-selector{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.tenant-selector>.section-heading{padding:16px 15px 10px}.tenant-selector>button{text-align:left;background:#fff;border:0;border-top:1px solid #edf1ee;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:9px;width:100%;min-height:68px;padding:10px 12px;display:grid}.tenant-selector>button.active{color:var(--green-800);box-shadow:inset 3px 0 var(--green-600);background:#eff9f3}.tenant-selector>button>span{width:34px;height:34px;color:var(--green-700);background:var(--green-100);border-radius:6px;place-items:center;display:grid}.tenant-selector>button>div{gap:3px;min-width:0;display:grid}.tenant-selector>button b,.tenant-selector>button small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tenant-selector>button small{color:var(--muted);font-size:10px}.tenant-selector>button>svg{color:#92a198}.tenant-selector .tenant-badges{flex-wrap:wrap;gap:4px;display:flex}.tenant-selector .tenant-badges em{font-style:normal}.tenant-badge{color:#0b5936;white-space:nowrap;background:#0b59361a;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.tenant-selector>.section-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tenant-hide{width:30px;height:30px;color:var(--green-700);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;flex:0 0 30px;place-items:center;padding:0;display:grid}.catalog-layout.tenants-hidden{grid-template-columns:minmax(0,1fr) minmax(260px,300px)}.catalog-layout.tenants-hidden>.catalog-main:last-child{grid-column:1/-1}.po-draft-note{color:var(--green-800);background:var(--green-100);border-radius:8px;margin:4px 0;padding:8px 10px;font-size:13px;font-weight:700}.catalog-main{min-width:0}.catalog-main:last-child{grid-column:2/-1}.catalog-toolbar{gap:10px;margin-bottom:12px;display:grid}.catalog-search{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:flex}.catalog-search svg{color:var(--muted)}.catalog-search input{background:0 0;border:0;width:100%;min-height:38px;padding:0}.catalog-search input:focus{outline:0}.category-tabs{scrollbar-width:thin;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.category-tabs button{min-height:34px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:6px;flex:none;padding:0 11px;font-size:11px;font-weight:750}.category-tabs button.active{color:var(--green-800);background:#eff9f3;border-color:#9ccfac}.tenant-context{border-left:3px solid var(--green-600);background:#f4f9f6;justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin-bottom:12px;padding:10px 13px;display:flex}.tenant-context>div{gap:3px;min-width:0;display:grid}.tenant-context small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tenant-context>span{color:var(--green-700);flex:none;font-size:11px;font-weight:800}.catalog-grid{--gap:12px;grid-template-columns:repeat(auto-fill, minmax(max(170px, calc((100% - 3 * var(--gap)) / 4)), 1fr));gap:var(--gap);display:grid}.catalog-grid>article{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:auto 1fr auto;min-width:0;display:grid;overflow:hidden}.catalog-grid>article.sold-out{opacity:.68}.menu-image{aspect-ratio:16/9;background:#eaf3ed;position:relative;overflow:hidden}.promo-badge{z-index:1;color:#fff;background:#d4452f;border-radius:999px;padding:3px 9px;font-size:11px;font-style:normal;font-weight:800;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 4px #0003}.promo-badge.idle{color:#7a5b00;box-shadow:none;background:#fff5da}.promo-price s{color:var(--muted);margin-right:4px;font-size:.82em;font-weight:500}.promo-note{color:#d4452f;font-size:11px;font-weight:600}.promo-editor{background:#fffaf8;border:1px dashed #f0c6c0;border-radius:8px;gap:10px;margin:6px 0 12px;padding:12px;display:grid}.promo-editor .form-columns{margin:0}.promo-preview{color:#d4452f;padding:9px 0;font-size:18px;display:block}.promo-editor .field-warning{color:#b3261e;padding:9px 0;font-weight:600;display:block}.menu-image>img{object-fit:cover;width:100%;height:100%;display:block}.menu-image>span:not(.status){width:100%;height:100%;color:var(--green-700);place-items:center;display:grid}.menu-image>i{color:#fff;background:#91392f;border-radius:4px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:800;position:absolute;bottom:8px;left:8px}.menu-image>.status{width:max-content;height:auto;display:inline-flex;position:absolute;bottom:8px;right:8px}.menu-copy{flex-direction:column;gap:5px;min-width:0;padding:12px 12px 8px;display:flex}.menu-copy>small,.managed-menu-copy>small{color:var(--green-700);text-transform:uppercase;font-size:9px;font-weight:800}.menu-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;display:-webkit-box;overflow:hidden}.menu-copy p{min-height:32px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.menu-copy>b{color:var(--green-800);margin-top:auto;padding-top:3px}.menu-tenant{color:#0b5936;flex-wrap:wrap;align-items:center;gap:0 5px;min-width:0;font-size:11px;font-weight:700;display:flex}.menu-tenant>span{align-items:center;gap:5px;min-width:0;max-width:100%;display:flex}.menu-tenant>span>svg{flex:none}.menu-tenant>span>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.menu-tenant>em{opacity:.75;flex:none;font-style:normal;font-weight:600}.menu-area{white-space:nowrap;text-overflow:ellipsis;opacity:.7;font-size:10px;overflow:hidden}.menu-quantity{justify-content:flex-end;align-items:center;gap:10px;height:45px;padding:5px 10px 9px;display:flex}.menu-quantity button{min-width:32px;height:32px;color:var(--green-700);background:#fff;border:1px solid #b7d7c2;border-radius:5px;justify-content:center;align-items:center;gap:5px;font-weight:800;display:inline-flex}.menu-quantity button:disabled{cursor:not-allowed;opacity:.45}.menu-quantity .add-menu{color:#fff;border-color:var(--green-700);background:var(--green-700);padding:0 10px}.cart-panel{padding:17px;position:sticky;top:86px}.cart-items{gap:0;margin-bottom:12px;display:grid}.cart-row{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:10px;min-height:52px;display:flex}.cart-row>span{gap:3px;min-width:0;display:grid}.cart-row b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cart-row small{color:var(--muted)}.cart-row>strong{flex:none;font-size:12px}.cart-total{justify-content:space-between;align-items:center;margin:14px 0;font-size:14px;display:flex}.checkout-summary{border:1px solid var(--line);background:#f8faf8;border-radius:6px;gap:9px;margin:4px 0 17px;padding:12px;display:grid}.checkout-summary>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.checkout-summary small{color:var(--muted)}.checkout-summary .total{border-top:1px solid var(--line);padding-top:9px}.checkout-summary strong{color:var(--green-800);font-size:17px}.empty-state.compact{min-height:190px}.menu-summary{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px;display:grid}.menu-summary>span{border-right:1px solid var(--line);gap:3px;padding:13px 16px;display:grid}.menu-summary>span:last-child{border:0}.menu-summary b{font-size:20px}.menu-summary small{color:var(--muted)}.menu-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.menu-management-grid>article{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:1fr auto;grid-template-columns:150px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.menu-management-grid>article.inactive{opacity:.62}.menu-management-grid .menu-image{aspect-ratio:auto;grid-row:1/3;min-height:185px}.managed-menu-copy{align-content:start;gap:5px;min-width:0;padding:14px;display:grid}.managed-menu-copy h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;overflow:hidden}.managed-menu-copy p{min-height:34px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.managed-menu-copy>div{justify-content:space-between;align-items:center;gap:8px;margin-top:5px;display:flex}.managed-menu-copy>div>span{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.managed-menu-actions{border-top:1px solid #edf1ee;grid-template-columns:auto minmax(110px,1fr) 45px;align-items:center;gap:7px;min-width:0;padding:10px 12px;display:grid}.managed-menu-actions>button:not(.toggle){border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.stock-button{color:#8e4e00;background:#fff8e8;border:1px solid #e6cc96}.stock-button.available{color:#8c382e;background:#fff4f2;border-color:#e6bbb5}.menu-editor-controls{gap:8px;margin:0 0 17px;display:grid}.menu-editor-controls>label{border:1px solid var(--line);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-height:55px;padding:9px 11px;display:flex}.menu-editor-controls>label>span{gap:3px;display:grid}.menu-editor-controls small{color:var(--muted)}.fund-mode-banner{background:#f0faf4;border:1px solid #bcdac7;border-radius:7px;grid-template-columns:28px 1fr auto;align-items:center;gap:11px;min-height:70px;margin-bottom:16px;padding:12px 15px;display:grid}.fund-mode-banner.direct{background:#fff9e9;border-color:#ead49d}.fund-mode-banner>svg{color:var(--green-700)}.fund-mode-banner.direct>svg{color:#9b6500}.fund-mode-banner>span{gap:3px;display:grid}.fund-mode-banner small{color:var(--muted)}.fund-mode-banner>button{color:var(--green-700);background:0 0;border:0;font-weight:800}.fund-mode-note{color:var(--muted);white-space:nowrap;align-self:center;font-size:11px;font-weight:700}.tip-input{text-align:right;border:1px solid var(--line,#dbe4de);background:#fff;border-radius:7px;width:110px;padding:5px 8px;font-size:13px;font-weight:700}.tip-input:focus{outline-offset:1px;outline:2px solid #1f7a4d59}.tip-picker{gap:8px;display:grid}.tip-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tip-presets button{color:var(--green-800);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 4px;font-size:12px;font-weight:700}.tip-presets button.active{color:#fff;border-color:var(--green-700);background:var(--green-700)}.tip-presets button:disabled{opacity:.45;cursor:not-allowed}.tip-manual{justify-content:space-between;align-items:center;gap:8px;display:flex}.tip-manual span{color:var(--muted);font-size:12px}.copy-button{color:var(--green-700);cursor:pointer;background:#fff;border:1px solid #bcd9c6;border-radius:999px;align-items:center;gap:5px;margin:6px auto 2px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.app-qris .qris-actions{justify-items:start;gap:6px;display:grid}.app-qris .qris-actions .copy-button{margin:0}.extra-tip{gap:10px;margin:8px 0;padding:12px;display:grid}.extra-tip .yes-no,.tip-form .yes-no{gap:8px;display:flex}.extra-tip .yes-no button{flex:1}.tip-question,.tip-form{gap:10px;display:grid}.tip-row{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;display:grid}.tip-row span{gap:2px;display:grid}.tip-row small{color:var(--muted)}.tip-row a{color:var(--green-700);font-size:12px;font-weight:700}.link-button{color:var(--green-700);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.checkout-summary .tip-hint{justify-content:space-between;align-items:center;gap:8px;display:flex}.checkout-summary .tip-hint small{color:var(--muted);font-size:11px}.checkout-summary .tip-hint button{color:var(--green-700);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.checkout-summary .tip-hint.warn small{color:#a3372c;font-weight:700}.tenant-photo{object-fit:cover;border-radius:9px;flex:none;width:34px;height:34px}.order-address{color:var(--muted);align-items:center;gap:5px;margin:2px 0 0;font-size:11px;line-height:1.35;display:flex}.order-address svg{flex:none}.wallet-summary>article.earn-manual{border-style:dashed}.served-building{border:1px solid var(--line,#dbe4de);background:var(--green-50,#f1f8f4);color:var(--green-700,#1a6b43);border-radius:9px;align-items:center;gap:8px;padding:9px 12px;display:flex}.served-building b{font-size:13px}.served-building small{color:var(--muted);margin-left:auto;font-size:11px}img.profile-avatar{object-fit:cover}.photo-change{border:1px solid var(--green-600,#1f7a4d);color:var(--green-700,#1a6b43);cursor:pointer;border-radius:999px;margin-top:8px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-block;position:relative}.pwd-form{border-top:1px solid #edf1ee;padding:12px 0 2px}.pwd-form .eyebrow{margin:0 0 8px}.pwd-form small.muted{margin-top:4px;font-size:11px;display:block}.resp-timer{color:#7a5b00;white-space:nowrap;background:#fff5da;border:1px solid #f0dca6;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.resp-timer.urgent{color:#a3372c;background:#fdecea;border-color:#f3c6c0}.resp-timer.over{color:#6d7c75;background:#eef2f0;border-color:#dbe4de}.promo-fee{color:var(--green-700);font-weight:800}.promo-fee s{color:var(--muted);margin-right:6px;font-weight:500}.wallet-summary{grid-template-columns:minmax(300px,1.4fr) repeat(3,minmax(170px,.7fr));gap:12px;margin-bottom:16px;display:grid}.wallet-summary>article{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:flex-start;gap:10px;min-width:0;min-height:126px;padding:16px;display:flex}.wallet-summary>article>span:first-child:not(:only-child){width:34px;height:34px;color:var(--green-700);background:var(--green-100);border-radius:6px;flex:0 0 34px;place-items:center;display:grid}.wallet-summary>article>div{gap:5px;min-width:0;display:grid}.wallet-summary small,.wallet-summary p{color:var(--muted)}.wallet-summary p{margin:0;font-size:10px;line-height:1.4}.wallet-summary b{font-size:17px}.wallet-summary .wallet-primary{color:#fff;border-color:var(--green-900);background:var(--green-800);justify-content:space-between;align-items:center}.wallet-primary>span{gap:6px;display:grid}.wallet-primary small{color:#fff;opacity:.85;font-weight:600}.wallet-primary p{color:#eaf6ef;opacity:.8}.wallet-primary strong{color:#fff;font-size:29px;font-weight:800}.wallet-primary button{color:#fff;background:#ffffff24;border:1px solid #ffffff80;border-radius:5px;align-items:center;gap:6px;min-height:36px;padding:0 10px;display:inline-flex}.wallet-primary button:disabled{cursor:not-allowed;opacity:.65}.wallet-columns{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.ledger-panel{overflow:hidden}.ledger-panel>.section-heading{padding:17px 19px 12px}.ledger-list article{border-top:1px solid #edf1ee;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 19px;display:grid}.ledger-list article>span{border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.ledger-list article>span.credit{color:var(--green-700);background:var(--green-100)}.ledger-list article>span.debit{color:#a44035;background:#fff0ee}.ledger-list article>div{gap:3px;min-width:0;display:grid}.ledger-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ledger-list strong.credit{color:var(--green-700)}.ledger-list strong.debit{color:#a44035}.earning-card{padding:18px}.earning-card>span{width:42px;height:42px;color:var(--green-700);background:var(--green-100);border-radius:6px;place-items:center;margin-bottom:16px;display:grid}.earning-card>small{color:var(--muted);display:block}.earning-card>strong{margin:5px 0;font-size:25px;display:block}.earning-card>p{color:var(--muted);margin:0 0 15px;font-size:11px}.earning-card>div{border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.earning-card>div>span{color:var(--muted)}.account-summary{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;display:grid}.account-summary span{border-right:1px solid var(--line);gap:4px;padding:15px 18px;display:grid}.account-summary span:last-child{border:0}.account-summary b{font-size:21px}.account-summary small{color:var(--muted)}.table-panel{overflow:hidden}.table-panel>.section-heading{padding:18px 20px 14px}.account-list article,.order-list article{border-top:1px solid #edf1ee;align-items:center;gap:13px;min-height:70px;padding:12px 20px;display:grid}.account-list article{grid-template-columns:38px minmax(180px,1.4fr) minmax(120px,.75fr) minmax(120px,.7fr) auto}.order-list article{grid-template-columns:38px minmax(220px,1.6fr) minmax(115px,.6fr) minmax(130px,.7fr) auto}.person-avatar,.profile-avatar{color:var(--green-900);background:#c9efda;border-radius:50%;place-items:center;font-weight:850;display:grid}.person-avatar{width:38px;height:38px;font-size:11px}.person-avatar.photo{object-fit:cover;border:2px solid #d9e8de}.account-list article>div:nth-child(2),.order-main,.order-value{gap:3px;min-width:0;display:grid}.account-list small,.order-main small,.order-main p,.order-value small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.account-location{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.account-section{margin:14px 0}.account-section>.eyebrow{margin-bottom:6px}.info-rows{border:1px solid var(--line);border-radius:8px;margin:0;display:grid}.info-rows>div{border-top:1px solid #edf1ee;grid-template-columns:minmax(120px,38%) 1fr;gap:10px;padding:8px 12px;display:grid}.info-rows>div:first-child{border-top:0}.info-rows dt{color:var(--muted);font-size:12px}.info-rows dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px;font-weight:600}.info-rows .account-number{justify-content:flex-start}.doc-list{gap:6px;display:grid}.doc-list a{color:inherit;border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.doc-list a>svg:first-child{color:var(--green-700)}.doc-list span{flex:1;gap:2px;display:grid}.doc-list small{color:var(--muted);font-size:11px}.account-stats{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.account-stats span{border-right:1px solid var(--line);gap:2px;padding:9px 12px;display:grid}.account-stats span:last-child{border:0}.account-stats small{color:var(--muted);font-size:11px}.history-list{border-left:2px solid #b8dcc5;gap:8px;padding-left:12px;display:grid}.history-list div{gap:2px;display:grid}.history-list small{color:var(--muted);font-size:11px}.account-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;display:flex}.primary-button.danger{color:#fff;background:#b3261e;border-color:#b3261e}.order-state{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.order-time{align-items:center;gap:4px;display:inline-flex}.order-list .order-actions{flex-wrap:wrap;grid-column:2/-1;justify-content:flex-end;gap:7px;display:flex}.card-action{min-height:33px;color:var(--ink,#131e18);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.card-action.primary{color:#fff;border-color:var(--green-700);background:var(--green-700)}.card-action.danger{color:#a43c30;background:#fff7f5;border-color:#f0c6c0}.card-action:disabled{opacity:.5;cursor:not-allowed}.photo-change,.upload-action,.chat-attach,.proof-upload{position:relative}.photo-change input,.upload-action input,.chat-attach input,.proof-upload input{opacity:0;cursor:pointer;min-height:0;position:absolute;inset:0}.order-when{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:-2px 0 10px;display:flex}.order-when .sched-badge{margin-top:0}.batch-panel{gap:4px;margin-bottom:14px;padding:12px 16px;display:grid}.batch-row{border-top:1px solid #edf1ee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 0;display:flex}.batch-row>span:first-child{gap:2px;display:grid}.batch-row small{color:var(--muted);font-size:12px}.batch-buttons{flex-wrap:wrap;gap:8px;display:flex}.batch-list{gap:6px;max-height:280px;margin:12px 0;display:grid;overflow-y:auto}.batch-list>div{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.batch-list>div>span{gap:2px;display:grid}.batch-list small{color:var(--muted);font-size:12px}.batch-list>div.ok{background:#effaf3;border-color:#bce5cb}.batch-list>div.failed{background:#fff7f5;border-color:#f0c6c0}.row-actions{justify-content:flex-end;gap:7px;display:flex}.row-actions button{border:1px solid var(--line);background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:33px;padding:0 10px;display:inline-flex}.row-actions button.approve{color:#fff;border-color:var(--green-700);background:var(--green-700)}.row-actions button.reject{color:#a43c30;background:#fff7f5;border-color:#f0c6c0}.order-icon{width:38px;height:38px;color:var(--blue);background:#eaf3fe;border-radius:6px;place-items:center;display:grid}.order-icon.custom{color:#a96b00;background:#fff4d8}.order-icon.expedition{color:#b8493c;background:#ffebe7}.order-icon.pickup{color:var(--green-700);background:var(--green-100)}.status{color:#5d6a62;text-transform:capitalize;background:#f7f9f8;border:1px solid #d6ded9;border-radius:999px;align-items:center;gap:6px;width:max-content;max-width:100%;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.status i{background:#89978f;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.status.active,.status.completed,.status.paid{color:#086238;background:#effaf3;border-color:#bce5cb}.status.active i,.status.completed i,.status.paid i{background:var(--green-600)}.status.pending_verification,.status.waiting_runner,.status.waiting_payment{color:#8b5c05;background:#fff9e8;border-color:#f0d99e}.status.pending_verification i,.status.waiting_runner i,.status.waiting_payment i{background:var(--yellow)}.status.warning{color:#9a5700;background:#fff4d9;border-color:#ebc274}.status.warning i{background:#d88000}.status.suspended,.status.rejected,.status.inactive{color:#9e3428;background:#fff3f1;border-color:#f0c4be}.status.suspended i,.status.rejected i,.status.inactive i{background:var(--coral)}.empty-state{min-height:280px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;padding:30px;display:grid}.empty-state svg{color:var(--green-700)}.empty-state b{color:var(--ink)}.empty-state p{margin:0}.skeleton-rows{padding:0 20px}.skeleton-rows span{background:linear-gradient(90deg,#0000,#f4f7f5,#0000) 0 0/200% 100%;border-top:1px solid #edf1ee;height:54px;animation:1.5s infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.area-layout{grid-template-columns:minmax(380px,.75fr) minmax(440px,1.25fr);gap:20px;display:grid}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-bottom:18px;display:flex}.toggle-row>span{gap:4px;display:grid}.toggle-row small,.radius-slider small{color:var(--muted)}.toggle{background:#b9c4bd;border:0;border-radius:20px;width:45px;height:25px;padding:3px;transition:all .2s}.toggle i{background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block;box-shadow:0 1px 4px #0003}.toggle.on{background:var(--green-600)}.toggle.on i{transform:translate(20px)}.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.zone-grid button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:18px 1fr 16px;align-items:center;gap:5px;min-height:39px;padding:0 9px;display:grid}.zone-grid button.active{color:var(--green-800);background:#f0faf4;border-color:#93c9a6}.radius-slider{gap:10px;margin:19px 0;display:grid}.radius-slider>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.radius-slider strong{color:var(--green-700)}.radius-slider input{min-height:24px;accent-color:var(--green-700);padding:0}.area-map{background:#e7eee9;border:1px solid #c9d6cf;border-radius:8px;min-height:470px;position:relative;overflow:hidden}.map-grid{opacity:.48;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;transform:rotate(12deg)scale(1.3)}.map-grid:before,.map-grid:after{content:"";background:#c7d5cc;position:absolute}.map-grid:before{width:42px;height:150%;top:-20%;left:32%;transform:rotate(33deg)}.map-grid:after{width:150%;height:24px;top:58%;left:-20%;transform:rotate(-12deg)}.map-radius{z-index:1;background:#0794551a;border:2px solid #07945573;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-building{z-index:2;color:#fff;background:var(--green-700);width:62px;height:62px;box-shadow:var(--shadow);border:5px solid #ffffffbf;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-copy{z-index:3;box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #fffc;border-radius:6px;gap:2px;padding:10px 12px;display:grid;position:absolute;bottom:16px;left:16px}.map-copy small{color:var(--muted)}.profile-layout{grid-template-columns:.65fr 1.35fr;gap:20px;display:grid}.profile-layout>.panel{padding:22px}.profile-card{align-items:center;gap:15px;display:flex}.profile-avatar{flex:0 0 60px;width:60px;height:60px;font-size:18px}.profile-card h2{margin:0 0 4px;font-size:19px}.profile-card p{color:var(--muted);margin:0 0 9px}.role-pill{color:var(--green-800);background:var(--green-100);border-radius:4px;padding:4px 7px;font-size:10px;font-weight:800}.security-item{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:65px;display:grid}.security-item:last-child{border:0}.security-item>svg:first-child{color:var(--green-700)}.security-item span{gap:3px;display:grid}.security-item small{color:var(--muted)}.security-item button{color:var(--green-700);background:0 0;border:0;font-weight:700}.security-item select{width:140px;min-height:36px;padding:6px 9px}.configuration-panel{margin-bottom:16px;padding:21px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;display:grid}.settings-toggles{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.settings-toggles .toggle-row{border:1px solid var(--line);border-radius:6px;padding:12px}.payment-part{border:1px solid var(--line);border-radius:8px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.setting-mixed{color:#9a5a19;white-space:nowrap;background:#fff9e8;border:1px solid #ebd88c;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:600;display:inline-block}.owner-boundary{color:#584710;background:#fff9e8;border:1px solid #ebd88c;border-radius:7px;align-items:center;gap:12px;min-height:62px;margin-bottom:16px;padding:13px 16px;display:flex}.owner-boundary>svg{flex:none}.owner-boundary span{gap:3px;display:grid}.owner-boundary small{color:#796b41}.access-list{gap:16px;display:grid}.access-card{overflow:hidden}.access-card-head{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:18px 20px;display:grid}.access-card-head>div{min-width:0}.access-card-head h2{margin:0 0 4px;font-size:17px}.access-card-head p{color:var(--muted);margin:0}.permission-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px 20px;display:grid}.permission-grid>button{text-align:left;border:1px solid var(--line);background:#fbfcfb;border-radius:6px;grid-template-columns:1fr 22px;align-items:start;gap:8px;min-height:92px;padding:12px;display:grid}.permission-grid>button.granted{background:#f0faf4;border-color:#9fd5b4}.permission-grid>button span{gap:5px;display:grid}.permission-grid>button small{color:var(--muted);font-size:10px;line-height:1.4}.permission-grid>button i{color:#fff;background:#fff;border:1px solid #bdc9c1;border-radius:4px;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.permission-grid>button.granted i{border-color:var(--green-600);background:var(--green-600)}.access-card-footer{border-top:1px solid var(--line);background:#fafcfb;justify-content:space-between;align-items:center;gap:14px;padding:13px 20px;display:flex}.access-card-footer small{color:var(--muted)}.gateway-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:16px;display:grid}.gateway-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-fields .wide-field{grid-column:1/-1}.gateway-notice{color:#554811}.gateway-config{padding:0;overflow:hidden}.gateway-section{border-bottom:1px solid var(--line);padding:20px 21px 5px}.gateway-section.first{padding-top:21px}.gateway-section .section-heading{margin-bottom:14px}.gateway-section .section-heading small{color:var(--muted);margin-top:4px;display:block}.gateway-fields .field>small{color:var(--muted);margin-top:-5px;font-size:10px}.gateway-fields .field>small.field-warning{color:#9a5a19}.gateway-fields .field>small.field-ok{color:var(--green-700)}.input-suffix{background:#fff;border:1px solid #c8d4cc;border-radius:6px;grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.input-suffix input{border:0;border-radius:0}.input-suffix input:focus{outline:0}.input-suffix i{color:var(--muted);padding:0 12px;font-size:11px;font-style:normal}.secret-state{color:#9a352d;background:#fff0ee;border-radius:5px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.secret-state.ready{color:var(--green-800);background:var(--green-100)}.gateway-toggle{border:1px solid var(--line);border-radius:6px;margin:0 0 18px;padding:13px}.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.payment-method-grid label{cursor:pointer;border:1px solid var(--line);background:#fbfcfb;border-radius:6px;align-items:center;gap:9px;min-height:42px;padding:8px 10px;display:flex}.payment-method-grid label.selected{background:#f0faf4;border-color:#9fd5b4}.payment-method-grid input{width:16px;height:16px;accent-color:var(--green-700);margin:0}.payment-method-grid span{align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.payment-method-grid span svg{color:var(--green-700);display:none}.payment-method-grid label.selected span svg{display:block}.gateway-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.gateway-toggle-grid .toggle-row{border:1px solid var(--line);border-radius:6px;padding:12px}.gateway-toggle-grid .toggle-row.full{grid-column:1/-1}.gateway-toggle-grid .toggle:disabled{cursor:not-allowed;opacity:.4}.gateway-actions{justify-content:flex-end;gap:10px;padding:17px 21px;display:flex}.gateway-test-result{color:var(--green-800);background:#f0faf4;border:1px solid #a9d9ba;border-radius:6px;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;margin:0 21px 20px;padding:12px;display:grid}.gateway-test-result span{gap:3px;display:grid}.gateway-test-result small{color:var(--muted)}.gateway-test-result a{color:var(--green-700);align-items:center;font-size:11px;font-weight:800;display:inline-flex}.spinning{animation:.9s linear infinite gateway-spin}@keyframes gateway-spin{to{transform:rotate(360deg)}}.gateway-safety{padding:20px}.gateway-safety>span{width:44px;height:44px;color:var(--green-700);background:var(--green-100);border-radius:6px;place-items:center;margin-bottom:15px;display:grid}.gateway-safety h2{margin-bottom:7px;font-size:18px}.gateway-safety>p{color:var(--muted);font-size:12px;line-height:1.55}.gateway-safety>div{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:11px 0;display:flex}.gateway-safety small{color:var(--muted);text-align:right}.gateway-safety small.test-success{color:var(--green-700)}.gateway-api-list{border-top:1px solid var(--line);gap:0;margin-top:13px;padding-top:15px;display:grid}.gateway-api-list>p{margin-bottom:8px}.gateway-api-list>span{grid-template-columns:22px 1fr;align-items:center;gap:2px 7px;padding:8px 0;display:grid}.gateway-api-list>span svg{color:var(--green-700);grid-row:1/3}.gateway-api-list>span small{text-align:left;grid-column:2}.segmented.role-options.three{grid-template-columns:repeat(3,1fr)}.access-note{color:var(--green-800);background:#f1faf4;border:1px solid #bfe1cb;border-radius:6px;align-items:flex-start;gap:10px;margin:0 0 12px;padding:11px;display:flex}.access-note span{gap:3px;display:grid}.access-note small{color:var(--muted);line-height:1.4}.operations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.operations-grid article{grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;padding:17px;display:grid}.operations-grid article>svg:first-child{width:38px;height:38px;color:var(--blue);background:#eaf3fe;border-radius:6px;padding:9px}.operations-grid article>svg:last-child{color:var(--green-600)}.operations-grid span{gap:4px;min-width:0;display:grid}.operations-grid small{color:var(--muted)}.master-title{align-items:flex-end}.master-search{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:8px;width:min(300px,100%);min-height:42px;padding:0 11px;display:flex}.master-search svg{color:var(--muted);flex:none}.master-search input{background:0 0;border:0;min-height:38px;padding:6px 0}.master-search input:focus{outline:0}.building-hierarchy{margin-bottom:12px;overflow:hidden}.building-hierarchy>.section-heading{border-bottom:1px solid var(--line);padding:18px 20px 13px}.building-hierarchy .section-heading small{color:var(--muted);margin-top:5px;font-weight:400;display:block}.building-hierarchy-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.building-hierarchy-list>button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:38px minmax(0,1fr) auto 16px;align-items:center;gap:9px;min-width:0;min-height:70px;padding:10px;display:grid}.building-hierarchy-list>button:hover{background:#f8fbf9;border-color:#a9c6b4}.building-hierarchy-list>button.active{box-shadow:inset 3px 0 var(--green-600);background:#f0faf4;border-color:#7fbe96}.building-hierarchy-list>button>span{width:38px;height:38px;color:var(--green-700);background:var(--green-100);border-radius:6px;place-items:center;display:grid}.building-hierarchy-list>button>div{gap:4px;min-width:0;display:grid}.building-hierarchy-list>button b,.building-hierarchy-list>button small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.building-hierarchy-list>button small{color:var(--muted);font-size:10px}.building-hierarchy-list>button>svg{color:#8c9b92}.hierarchy-path{min-height:34px;color:var(--muted);align-items:center;gap:6px;margin-bottom:12px;padding:0 4px;font-size:11px;display:flex}.hierarchy-path b{max-width:min(360px,45vw);color:var(--green-800);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.master-summary{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:15px;display:grid}.master-summary span{border-right:1px solid var(--line);grid-template-columns:26px 1fr;align-items:center;gap:2px 8px;min-width:0;padding:13px 18px;display:grid}.master-summary span:last-child{border:0}.master-summary svg{color:var(--green-700);grid-row:1/3}.master-summary b{font-size:19px}.master-summary small{color:var(--muted)}.master-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;padding-bottom:1px;display:flex;overflow-x:auto}.master-tabs button{min-height:42px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;padding:0 14px;font-weight:700;display:flex}.master-tabs button.active{color:var(--green-800);border-bottom-color:var(--green-600)}.master-sections{gap:16px;display:grid}.building-master{grid-template-columns:46px 1fr auto;align-items:center;gap:15px;min-height:116px;padding:18px 20px;display:grid}.master-icon,.master-row-icon{color:var(--green-700);background:var(--green-100);border-radius:6px;place-items:center;display:grid}.master-icon{width:46px;height:46px}.building-master>div:nth-child(2){min-width:0}.building-master small{color:var(--green-700);font-size:10px;font-weight:800}.building-master h2{margin:4px 0;font-size:19px}.building-master p{color:var(--muted);margin:0 0 5px}.building-master div>span{color:var(--muted);font-size:11px}.master-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.master-collection{overflow:hidden}.master-collection.wide{grid-column:1/-1}.master-collection>.section-heading{padding:18px 18px 14px}.master-collection .section-heading small{color:var(--muted);margin-top:5px;font-weight:400;display:block}.master-list article{border-top:1px solid #edf1ee;grid-template-columns:36px minmax(120px,1fr) auto auto;align-items:center;gap:11px;min-height:66px;padding:10px 16px;display:grid}.master-list article.inactive{background:#fbfcfb}.master-list article.inactive>div:nth-child(2){opacity:.62}.master-row-icon{width:36px;height:36px}.master-list article>div:nth-child(2){gap:4px;min-width:0;display:grid}.master-list article>div:nth-child(2) b,.master-list article>div:nth-child(2) small{text-overflow:ellipsis;overflow:hidden}.master-list article>div:nth-child(2) small{color:var(--muted);font-size:11px;line-height:1.35}.master-row-actions{align-items:center;gap:8px;display:flex}.master-row-actions>button:first-child{width:33px;height:33px;color:var(--green-700);border:1px solid var(--line);background:#fff;border-radius:5px;place-items:center;display:grid}.toggle.small{width:38px;height:22px;padding:3px}.toggle.small i{width:16px;height:16px}.toggle.small.on i{transform:translate(16px)}.master-empty{min-height:130px;color:var(--muted);text-align:left;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.master-empty>span{gap:3px;display:grid}.master-empty b{color:var(--ink)}.master-empty small{color:var(--muted)}.form-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.editor-active{border:1px solid var(--line);border-radius:6px;margin:4px 0 17px;padding:12px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07190f94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:0;border-radius:8px;width:min(510px,100%);max-height:calc(100vh - 40px);padding:24px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #061b0f47}.modal-close{border:1px solid var(--line);background:#fff;border-radius:6px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.modal-heading{align-items:flex-start;gap:13px;margin-bottom:20px;padding-right:32px;display:flex}.modal-heading>span{width:42px;height:42px;color:var(--green-700);background:var(--green-100);border-radius:6px;flex:0 0 42px;place-items:center;display:grid}.modal-heading h2{margin:0 0 6px;font-size:21px}.modal-heading p:last-child{color:var(--muted);margin:0;line-height:1.5}.segmented{background:#eef3f0;border-radius:7px;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:12px;padding:4px;display:grid}.segmented button{min-height:37px;color:var(--muted);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.segmented button.active{color:var(--green-800);background:#fff;box-shadow:0 1px 4px #102d1b1a}.invite-result{background:#f1faf4;border:1px solid #bce3ca;border-radius:6px;grid-template-columns:24px 1fr 36px;align-items:center;gap:9px;padding:12px;display:grid}.invite-result>svg{color:var(--green-700)}.invite-result span{gap:4px;min-width:0;display:grid}.invite-result small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.invite-result button{background:#fff;border:1px solid #c3d9cb;border-radius:5px;place-items:center;width:36px;height:34px;display:grid}.install-guide{gap:9px;margin-bottom:18px;display:grid}.install-guide div{border:1px solid var(--line);border-radius:6px;padding:12px}.install-guide p{color:var(--muted);margin:5px 0 0;line-height:1.5}.toast{z-index:150;color:#fff;min-height:44px;box-shadow:var(--shadow);background:#163f2a;border-radius:6px;align-items:center;gap:9px;padding:0 15px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px}.mobile-nav,.menu-backdrop{display:none}.registration-page{background:var(--canvas);grid-template-columns:360px minmax(0,760px);justify-content:center;gap:clamp(32px,6vw,90px);min-height:100vh;padding:48px 30px;display:grid}.registration-aside{align-self:start;position:sticky;top:48px}.registration-aside img{width:168px;margin-bottom:54px}.registration-aside h1{margin:0 0 14px;font-size:36px;line-height:1.08}.registration-aside>p{color:var(--muted);line-height:1.7}.registration-steps{gap:0;margin-top:32px;display:grid}.registration-step{min-height:60px;color:var(--muted);grid-template-columns:32px 1fr;align-items:start;gap:11px;display:grid}.registration-step i{color:#708077;background:#fff;border:1px solid #cbd7cf;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-style:normal;font-weight:800;display:grid;position:relative}.registration-step:not(:last-child) i:after{content:"";background:#cbd7cf;width:1px;height:34px;position:absolute;top:26px;left:12px}.registration-step.active{color:var(--ink);font-weight:700}.registration-step.active i,.registration-step.done i{color:#fff;border-color:var(--green-700);background:var(--green-700)}.registration-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;align-self:start;padding:clamp(22px,4vw,38px)}.registration-card h2{margin:0 0 8px;font-size:25px}.registration-card>p{color:var(--muted);margin-bottom:25px;line-height:1.55}.registration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.registration-grid .wide{grid-column:1/-1}.invite-banner{background:#f2faf5;border:1px solid #c6e2d0;border-radius:6px;align-items:center;gap:11px;margin-bottom:24px;padding:12px;display:flex}.invite-banner>svg{color:var(--green-700)}.invite-banner span{gap:3px;display:grid}.invite-banner small{color:var(--muted)}.file-field{background:#fbfdfb;border:1px dashed #afc3b6;border-radius:6px;align-items:center;gap:10px;min-height:76px;padding:11px;display:flex}.file-field input{background:0 0;border:0;border-radius:0;min-height:0;padding:0}.password-hint{color:var(--muted);margin:-8px 0 18px;font-size:11px}.registration-success{text-align:center;place-content:center;justify-items:center;min-height:440px;display:grid}.registration-success>span{width:60px;height:60px;color:var(--green-700);background:var(--green-100);border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.registration-success p{max-width:480px;color:var(--muted);line-height:1.6}.registration-success a{margin-top:12px;text-decoration:none}.signup-page{grid-template-columns:340px minmax(0,800px)}.signup-card{width:100%}.signup-trust{border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin-top:28px;padding-top:20px;display:flex}.signup-trust>svg{color:var(--green-700)}.signup-trust span{gap:3px;display:grid}.signup-trust small{color:var(--muted)}.signup-role{grid-template-columns:repeat(3,1fr);margin-bottom:20px}.tour-layer{z-index:1000;position:fixed;inset:0}.tour-dim{background:#09140e8c;position:absolute;inset:0}.tour-spot{pointer-events:none;border-radius:10px;outline:2px solid #62d69a;transition:all .2s;position:absolute;box-shadow:0 0 0 9999px #09140e8c}.tour-card{color:#14211a;background:#fff;border-radius:12px;gap:8px;padding:16px;display:grid;position:absolute;box-shadow:0 12px 32px #00000040}.tour-card h3{margin:0;font-size:17px}.tour-card p{color:#33453b;margin:0;font-size:14px;line-height:1.5}.tour-count{color:var(--green-700);text-transform:uppercase;font-size:11px;font-weight:800}.tour-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.tour-skip{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-right:auto;padding:6px 0;font-weight:700}.guide-page{background:var(--page,#f4f8f5);min-height:100vh;padding:24px 16px 40px}.guide-body{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:760px;margin:0 auto;padding:22px}.guide-body h1{margin:2px 0 6px}.guide-intro{color:var(--muted);margin:0 0 14px}.guide-switches{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:14px;display:flex}.guide-switches .segmented button{align-items:center;gap:6px;display:inline-flex}.guide-progress{gap:6px;margin-bottom:12px;display:grid}.guide-progress>span{background:var(--green-100);border-radius:999px;height:8px;overflow:hidden}.guide-progress>span>i{background:var(--green-700);border-radius:999px;height:100%;transition:width .2s;display:block}.guide-progress small{color:var(--muted);justify-content:space-between;gap:8px;display:flex}.guide-progress small button{color:var(--green-700);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.guide-search{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:0 12px;display:flex}.guide-search input{background:0 0;border:0;outline:0;flex:1;min-height:42px}.guide-tour{background:var(--green-100);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.guide-tour>div{gap:2px;display:grid}.guide-tour small{color:#33453b}.guide-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-steps>li{border:1px solid var(--line);border-radius:10px;overflow:hidden}.guide-steps>li.done{border-color:#b9e4cb}.guide-step-head{text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:38px 1fr 20px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid}.guide-step-icon{width:38px;height:38px;color:var(--green-700);background:var(--green-100);border-radius:10px;place-items:center;display:grid}.guide-steps>li.done .guide-step-icon{color:#fff;background:var(--green-700)}.guide-step-title{gap:2px;min-width:0;display:grid}.guide-step-title small{color:var(--green-700);font-size:11px;font-weight:800}.guide-step-title em{color:var(--muted);font-size:13px;font-style:normal}.guide-chevron{color:#92a198;transition:transform .2s}.guide-steps>li.open .guide-chevron{transform:rotate(180deg)}.guide-step-body{padding:0 16px 14px 64px}.guide-step-body>ol{gap:7px;margin:0 0 10px;padding-left:18px;line-height:1.5;display:grid}.guide-tip{background:#fff8e6;border-radius:8px;margin:0 0 10px;padding:9px 11px;font-size:13px}.guide-step-actions{flex-wrap:wrap;gap:8px;display:flex}.guide-step-actions .secondary-button.done{color:var(--green-700)}@media (max-width:600px){.guide-body{padding:16px}.guide-step-body{padding:0 14px 14px}}.legal-page{background:var(--page,#f4f8f5);min-height:100vh;padding:24px 16px 40px}.legal-header{max-width:760px;margin:0 auto 18px}.legal-header img{height:34px}.legal-body{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:760px;margin:0 auto;padding:24px 22px;line-height:1.6}.legal-body h1{margin:2px 0 4px}.legal-body h2{margin:22px 0 6px;font-size:17px}.legal-body ul{gap:6px;margin:6px 0;padding-left:20px;display:grid}.legal-meta{color:var(--muted);margin:0 0 12px;font-size:13px}.legal-intro{margin:0 0 6px}.legal-links{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;font-size:12px;display:flex}.legal-links a,.legal-consent a{color:var(--green-700);font-weight:700}.legal-consent{color:var(--muted);margin:4px 0 10px;font-size:12px}.google-button{color:#1f2a24;background:#fff;border:1px solid #c9d6ce;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;margin:0 0 12px;padding:10px 14px;font-weight:800;text-decoration:none;display:flex}.google-button:hover{background:#fbfdfb;border-color:#a7c8b2}.social-divider{color:var(--muted);align-items:center;gap:12px;margin:3px 0 15px;font-size:11px;font-weight:700;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--line);flex:1;height:1px}.social-login-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;display:grid}.social-login-grid>button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;min-height:52px;padding:8px 11px;display:grid}.social-login-grid>button:hover{background:#fbfdfb;border-color:#a7c8b2}.social-login-grid>button.unavailable{color:#6c7770;background:#f6f8f6}.social-login-grid>button>b{color:#2456a6;border:1px solid var(--line);background:#fff;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.social-login-grid>button>b.microsoft-mark{color:#0b6b3d}.social-login-grid>button>span{font-weight:750}.social-login-grid>button>small{color:var(--muted);font-size:9px}.contact-choice{align-self:end;margin-bottom:17px}.telegram-note{color:#226344;background:#f2faf5;border:1px solid #c4dfce;border-radius:6px;align-items:flex-start;gap:10px;min-height:58px;margin-bottom:17px;padding:11px;display:flex}.telegram-note span{gap:3px;display:grid}.telegram-note small{color:var(--muted);line-height:1.4}.profile-upload .file-field{min-height:88px}.profile-upload .file-field>img{object-fit:cover;border-radius:50%;flex:0 0 58px;width:58px;height:58px}.signup-footer{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:17px;display:flex}.signup-footer>svg{color:var(--green-700)}.signup-footer a{color:var(--green-700);font-weight:800;text-decoration:none}.customer-service-grid{grid-template-columns:repeat(var(--service-count,3),minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.customer-service-grid>button{text-align:left;border:1px solid var(--line);min-width:0;min-height:86px;color:var(--ink);background:#fff;border-radius:8px;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.customer-service-grid>button:hover{background:#f8fbf9;border-color:#9dc9ad}.customer-service-grid>button>span{width:40px;height:40px;color:var(--green-700);background:var(--green-100);border-radius:6px;place-items:center;display:grid}.customer-service-grid>button div{gap:4px;min-width:0;display:grid}.customer-service-grid small,.catalog-section-title p{color:var(--muted);line-height:1.4}.catalog-section-title{margin:0 0 13px}.catalog-section-title h2{margin:3px 0 4px;font-size:19px}.service-map{min-height:92px;color:var(--green-800);background-color:#eef5f0;background-image:linear-gradient(#d9e6dc 1px,#0000 1px),linear-gradient(90deg,#d9e6dc 1px,#0000 1px);background-size:22px 22px;border:1px solid #c9d9cf;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin-bottom:13px;padding:14px;display:grid}.service-map span{gap:3px;display:grid}.service-map small{color:var(--muted)}.service-map strong{background:#fff;border-radius:5px;padding:5px 7px}.pickup-authority{background:#fffaf0;border:1px solid #e4d8b7;border-radius:8px;gap:11px;margin:13px 0;padding:13px;display:grid}.pickup-authority>div:first-child{gap:3px;display:grid}.pickup-authority small{color:var(--muted)}.app-qris{background:#f4faf6;border:1px solid #bcd9c6;border-radius:8px;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;margin:13px 0;padding:11px;display:grid}.app-qris img{object-fit:contain;background:#fff;border-radius:4px;width:74px;height:74px}.app-qris span{gap:4px;display:grid}.app-qris small{color:var(--muted)}.app-qris a{color:var(--green-700);align-items:center;gap:5px;font-weight:800;text-decoration:none;display:inline-flex}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.qris-preview{border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:10px;display:flex}.qris-preview img{object-fit:contain;width:82px;height:82px}.qris-preview a{color:var(--green-700);align-items:center;gap:5px;font-weight:800;text-decoration:none;display:inline-flex}.withdrawal-history{margin-top:16px}.withdrawal-history>div:not(.section-heading){border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.withdrawal-history span{gap:3px;display:grid}.withdrawal-history small{color:var(--muted)}.order-detail-status{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:15px;display:flex}.order-detail-status>span:not(.status){color:var(--muted);text-transform:capitalize;background:#f0f4f1;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:700}.order-timeline{background:#f7faf8;border-left:2px solid #b8dcc5;max-height:160px;margin-bottom:14px;padding:10px 12px;overflow-y:auto}.order-timeline>div{color:var(--green-700);grid-template-columns:18px 1fr;gap:7px;padding:5px 0;display:grid}.order-timeline span{gap:2px;display:grid}.order-timeline small{color:var(--muted)}.detail-box{border:1px solid var(--line);border-radius:8px;gap:0;margin-bottom:14px;display:grid;overflow:hidden}.detail-box>div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 11px;display:flex}.detail-box>div:first-child{border-top:0}.detail-box>div span{color:var(--muted)}.detail-box>div b{text-align:right;overflow-wrap:anywhere;max-width:65%}.detail-box .total{background:#f3f8f5}.otp-panel,.receipt-result,.dispute-banner{color:var(--green-700);background:#f1faf4;border:1px solid #bddcc8;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;margin:12px 0;padding:12px;display:grid}.otp-panel span,.receipt-result span,.dispute-banner span{gap:3px;display:grid}.otp-panel small,.receipt-result small,.dispute-banner small{color:var(--muted)}.otp-panel strong{letter-spacing:2px;font-size:24px}.actual-price-panel,.order-chat,.rating-panel{border:1px solid var(--line);border-radius:8px;margin:14px 0;padding:13px}.proof-list{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.proof-list a{color:var(--green-700);text-transform:capitalize;border:1px solid #bcd9c6;border-radius:5px;align-items:center;gap:5px;padding:7px 9px;text-decoration:none;display:inline-flex}.proof-upload{grid-template-columns:1fr auto auto;align-items:center;gap:7px;margin:12px 0;display:grid}.proof-upload button{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:5px;min-height:34px;display:inline-flex}.chat-messages{background:#f5f8f6;gap:7px;max-height:190px;margin-bottom:9px;padding:10px;display:grid;overflow-y:auto}.chat-messages>div{border:1px solid var(--line);background:#fff;border-radius:7px;width:fit-content;max-width:82%;padding:8px 10px}.chat-messages>div.mine{color:#fff;border-color:var(--green-700);background:var(--green-700);justify-self:end}.chat-messages p{margin:3px 0;line-height:1.4}.chat-messages small{opacity:.72}.chat-compose{grid-template-columns:1fr 38px;gap:7px;display:grid}.chat-compose input{border:1px solid var(--line);border-radius:6px;min-width:0;padding:9px 10px}.chat-compose button{color:#fff;background:var(--green-700);border:0;border-radius:6px;place-items:center;display:grid}.chat-compose.with-attach{grid-template-columns:38px 1fr 38px}.chat-attach{color:var(--green-700);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;place-items:center;display:grid;position:relative}.chat-image{display:block}.chat-image img{object-fit:cover;border-radius:6px;width:220px;max-width:100%;height:auto;max-height:220px;margin:4px 0;display:block}.chat-file-link{color:inherit;align-items:center;gap:5px;margin:4px 0;font-weight:700;display:inline-flex}.chat-pending{border:1px dashed var(--line);border-radius:6px;align-items:center;gap:6px;margin-bottom:7px;padding:6px 9px;font-size:12px;display:flex}.chat-pending span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.chat-pending button{cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.rating-panel{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.rating-panel>span{gap:3px;display:grid}.rating-panel small{color:var(--muted)}.rating-panel>div{display:flex}.rating-panel>div button{color:#aeb8b1;background:0 0;border:0;padding:2px}.rating-panel>div button.active{color:#d99a1b}.dispute-banner{color:#b95535;background:#fff6f1;border-color:#efcfbc}.detail-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.secondary-button.danger{color:#b74632;border-color:#e7bbb2}.finance-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.finance-metrics article{border:1px solid var(--line);background:#fff;border-radius:8px;gap:5px;padding:15px;display:grid}.finance-metrics small{color:var(--muted)}.finance-metrics b{font-size:23px}.finance-accounts>div:not(.section-heading){border-top:1px solid var(--line);grid-template-columns:38px minmax(170px,1fr) 130px 140px auto;align-items:center;gap:10px;padding:10px 0;display:grid}.finance-accounts span{gap:3px;display:grid}.finance-accounts small{color:var(--muted)}.finance-columns{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin-top:16px;display:grid}.finance-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:10px 0;display:grid}.finance-row>span{gap:4px;display:grid}.finance-row small{color:var(--muted);line-height:1.4}.finance-row>div{grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}.finance-row button{border:1px solid var(--line);background:#fff;border-radius:5px;min-height:30px;padding:0 8px}@media (min-width:1180px){.app-shell{grid-template-columns:226px 1fr}.sidebar{align-items:stretch;width:226px;padding:22px 15px 17px}.sidebar-logo{width:44px;margin-left:8px}.sidebar nav button{grid-template-columns:34px 1fr;justify-items:start;min-height:44px;padding:0 10px}.sidebar nav button span{font-size:12px}.sidebar-user{border-top:1px solid #ffffff1f;grid-template-columns:36px 1fr 32px;place-items:center stretch;padding-top:15px}.sidebar-user>div{gap:2px;min-width:0;display:grid}.sidebar-user b,.sidebar-user small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user b{color:#fff;font-size:11px}.sidebar-user small{color:#aecab9;font-size:9px}}@media (max-width:1050px){.portal-page{grid-template-columns:minmax(260px,330px) minmax(430px,1fr);gap:32px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns,.area-layout{grid-template-columns:1fr}.area-map{min-height:380px}.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-list article{grid-template-columns:38px minmax(170px,1fr) auto auto}.account-location{display:none}.order-list article{grid-template-columns:38px minmax(180px,1fr) minmax(110px,auto) auto}.order-list .order-state{grid-area:2/2/auto/4}.order-list .row-actions{grid-area:1/4/3}.order-list .order-actions{grid-row:3}.master-grid{grid-template-columns:1fr}.building-hierarchy-list,.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-layout{grid-template-columns:1fr}.catalog-layout{grid-template-columns:190px minmax(0,1fr)}.catalog-layout.tenants-hidden{grid-template-columns:minmax(0,1fr)}.catalog-main:last-child{grid-column:auto}.cart-panel{grid-column:1/-1;position:static}.menu-management-grid{grid-template-columns:1fr}.wallet-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-summary .wallet-primary{grid-column:1/-1}}@media (max-width:760px){body{font-size:13px}.login-page{background:#fff;display:block}.login-brand{display:none}.login-form-wrap{min-height:100vh;padding:26px 22px}.portal-page{padding:28px 16px 40px;display:block}.portal-heading>img{width:148px;margin-bottom:48px}.portal-heading h1{font-size:28px}.portal-heading>p:last-child{margin-bottom:25px}.portal-grid>a{grid-template-columns:42px 1fr 18px;min-height:80px;padding:13px}.portal-grid>a>span{width:40px;height:40px}.portal-mismatch{padding:25px 17px}.portal-mismatch>div{display:grid}.mobile-logo{margin-bottom:56px;display:block}.mobile-logo img{width:148px}.app-shell{display:block}.workspace{min-width:0;padding-bottom:calc(66px + env(safe-area-inset-bottom))}.sidebar{align-items:stretch;width:min(82vw,290px);padding:18px;transition:transform .2s;transform:translate(-102%);box-shadow:18px 0 50px #04190d47}.sidebar.open{transform:translate(0)}.sidebar-logo{width:42px;margin:3px 0 32px}.sidebar-close{width:36px;height:36px;display:grid;position:absolute;top:17px;right:15px}.sidebar nav button{grid-template-columns:35px 1fr;justify-items:start;min-height:46px;padding:0 10px}.sidebar nav button span{font-size:13px}.sidebar-user{border-top:1px solid #ffffff1f;grid-template-columns:36px 1fr 34px;place-items:center stretch;padding-top:15px}.sidebar-user>div{min-width:0;display:grid}.sidebar-user b{color:#fff}.sidebar-user small{color:#aecab9}.menu-backdrop{z-index:29;background:#05190e80;border:0;display:block;position:fixed;inset:0}.topbar{z-index:20;gap:10px;height:62px;padding:0 14px;position:sticky;top:0}.mobile-menu{display:inline-flex}.topbar-title{display:flex}.building-chip{display:none}.install-button{width:38px;padding:0}.install-button span{display:none}.content{padding:24px 16px 40px}.page-title{align-items:flex-start;margin-bottom:19px}.page-title h1{font-size:23px}.page-title>.live-state{display:none}.page-title>.status{margin-top:20px}.page-title>.primary-button,.page-title>.secondary-button{white-space:nowrap;flex:0 0 40px;min-width:40px;padding:0 11px;overflow:hidden}.master-title{display:grid}.master-search{width:100%}.building-hierarchy>.section-heading{padding:16px 14px 12px}.building-hierarchy .section-heading>button{white-space:nowrap;width:38px;padding:0 11px;overflow:hidden}.building-hierarchy-list{grid-template-columns:1fr;padding:10px}.building-hierarchy-list>button{grid-template-columns:38px minmax(0,1fr) 16px}.building-hierarchy-list .status{display:none}.hierarchy-path{overflow:hidden}.master-summary{grid-template-columns:repeat(2,1fr)}.master-summary span:nth-child(2){border-right:0}.master-summary span:nth-child(-n+2){border-bottom:1px solid var(--line)}.master-tabs{margin-left:-16px;margin-right:-16px;padding:0 16px 1px}.building-master{grid-template-columns:40px 1fr;padding:16px}.building-master>.secondary-button{grid-column:1/-1;width:100%}.master-collection>.section-heading{padding:16px 14px 12px}.master-list article{grid-template-columns:36px 1fr auto;gap:9px;padding:11px 14px}.master-list .status{grid-column:2}.master-row-actions{grid-area:1/3/3}.master-row-actions .toggle{display:none}.form-columns{grid-template-columns:1fr}.metric-grid{gap:9px;margin-bottom:14px}.metric{gap:9px;min-height:126px;padding:13px;display:grid}.metric strong{font-size:17px}.dashboard-columns{gap:13px}.dashboard-columns>.panel,.area-layout>.panel{padding:16px}.quick-actions,.role-action-grid{grid-template-columns:1fr}.quick-actions button small{white-space:normal}.account-summary{grid-template-columns:repeat(4,1fr)}.account-summary span{padding:12px 10px}.account-summary b{font-size:18px}.account-summary small{font-size:9px}.table-panel>.section-heading{padding:15px 14px 11px}.account-list article,.order-list article{gap:10px;min-height:82px;padding:12px 14px}.account-list article{grid-template-columns:38px 1fr auto}.account-list .status{grid-column:2}.account-list .row-actions{grid-area:1/3/3}.order-list article{grid-template-columns:38px 1fr auto}.order-value{grid-column:2;align-items:center;gap:7px;display:flex}.order-list .order-main{grid-column:2/4}.order-list .order-state{grid-area:2/2/auto/4}.order-list .order-value{grid-row:3}.order-list .row-actions{grid-area:3/3}.order-list .order-actions{grid-row:4}.order-list .order-actions>*{flex:auto}.area-layout{gap:13px}.area-map{order:-1;min-height:320px}.profile-layout,.operations-grid{grid-template-columns:1fr;gap:12px}.settings-grid,.settings-toggles{grid-template-columns:1fr}.configuration-panel{padding:16px}.permission-grid{grid-template-columns:1fr;padding:13px 14px}.permission-grid>button{min-height:74px}.access-card-head{grid-template-columns:40px 1fr;padding:15px 14px}.access-card-head .status{grid-column:2;justify-self:start}.access-card-footer{flex-direction:column;align-items:stretch;padding:13px 14px}.gateway-fields{grid-template-columns:1fr}.gateway-fields .wide-field{grid-column:auto}.gateway-section{padding:17px 16px 4px}.payment-method-grid,.gateway-toggle-grid{grid-template-columns:1fr}.gateway-toggle-grid .toggle-row.full{grid-column:auto}.gateway-actions{flex-direction:column-reverse;align-items:stretch;padding:15px 16px}.gateway-actions button{width:100%}.gateway-test-result{grid-template-columns:20px 1fr;margin:0 16px 16px}.gateway-test-result a{grid-column:2}.configuration-panel .section-heading{flex-direction:column;align-items:flex-start}.segmented.role-options.three{grid-template-columns:1fr}.security-item.fund-mode{grid-template-columns:28px 1fr;padding:10px 0}.security-item.fund-mode select{grid-column:2;width:100%}.catalog-title{display:grid}.catalog-title>.primary-button{width:100%;overflow:visible}.catalog-layout{display:block}.tenant-selector{margin-bottom:13px}.tenant-selector>.section-heading{padding-bottom:8px}.tenant-selector>button{min-height:60px}.category-tabs{margin-left:-16px;margin-right:-16px;padding:0 16px 3px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-grid .menu-image{aspect-ratio:4/3}.catalog-grid .menu-copy{gap:4px;padding:10px 10px 4px}.catalog-grid .menu-copy h3{font-size:14px}.catalog-grid .menu-quantity{padding:4px 8px 8px}.cart-panel{margin-top:13px}.menu-summary{grid-template-columns:repeat(3,1fr)}.menu-summary>span{padding:11px 9px}.menu-summary b{font-size:17px}.menu-summary small{font-size:9px}.menu-management-grid>article{grid-template-columns:105px minmax(0,1fr)}.menu-management-grid .menu-image{min-height:176px}.managed-menu-copy{padding:12px 10px}.managed-menu-copy>div{flex-direction:column;align-items:flex-start}.managed-menu-actions{grid-column:1/-1;grid-template-columns:1fr 1fr 45px}.managed-menu-actions>button:not(.toggle){padding:0 6px}.fund-mode-banner{grid-template-columns:25px 1fr}.fund-mode-banner>button{grid-column:2;justify-self:start;padding:0}.wallet-summary{grid-template-columns:1fr}.wallet-summary .wallet-primary{grid-column:auto}.wallet-summary>article{min-height:98px}.wallet-summary .wallet-primary{flex-direction:column;align-items:flex-start}.wallet-primary button{justify-content:center;width:100%}.wallet-columns,.customer-service-grid{grid-template-columns:1fr}.customer-service-grid>button{min-height:72px}.service-map{grid-template-columns:30px 1fr}.service-map strong{grid-column:2;justify-self:start}.app-qris{grid-template-columns:70px 1fr}.app-qris a{grid-column:2}.page-actions{width:100%}.page-actions button{flex:1}.proof-upload{grid-template-columns:1fr 1fr}.proof-upload input{grid-column:1/-1}.rating-panel{grid-template-columns:1fr}.rating-panel>div{justify-self:start}.detail-actions{flex-direction:column-reverse;align-items:stretch}.detail-actions button{width:100%}.finance-metrics,.finance-columns{grid-template-columns:1fr}.finance-accounts>div:not(.section-heading){grid-template-columns:38px 1fr auto}.finance-accounts>div>span:nth-child(3),.finance-accounts>div>span:nth-child(4){grid-column:2}.finance-accounts>div>.status{grid-area:1/3}.earning-card{order:-1}.ledger-list article{padding:9px 13px}.ledger-list strong{font-size:11px}.mobile-nav{height:calc(62px + env(safe-area-inset-bottom));grid-template-columns:repeat(var(--nav-items,4), 1fr);z-index:25;padding:5px 4px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fffffffa;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button:nth-child(n+6){display:none}.mobile-nav button{color:#7a8980;background:0 0;border:0;place-items:center;gap:2px;font-size:9px;font-weight:700;display:grid}.mobile-nav button.active{color:var(--green-700)}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:90vh;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0}.toast{left:14px;right:14px;bottom:calc(74px + env(safe-area-inset-bottom));justify-content:center}.registration-page{padding:22px 14px 40px;display:block}.registration-aside{position:static}.registration-aside img{width:145px;margin-bottom:31px}.registration-aside h1,.registration-aside>p,.registration-steps{display:none}.registration-card{padding:21px 16px}.registration-card h2{font-size:22px}.registration-grid{grid-template-columns:1fr}.registration-grid .wide{grid-column:auto}.signup-page{display:block}.signup-role,.social-login-grid{grid-template-columns:1fr}.signup-trust{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:720px){.icon-on-mobile .btn-label{display:none}.icon-on-mobile{min-width:40px;padding:0 12px}}.schedule-toggle{gap:8px;display:flex}.schedule-toggle button{border:1px solid var(--line,#dbe4de);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:9px 12px;font-size:13px;font-weight:600}.schedule-toggle button.active{border-color:var(--green-600,#1f7a4d);background:var(--green-50,#e9f5ee);color:var(--green-700,#1a6b43)}.sched-badge{border-radius:999px;align-items:center;gap:4px;width:max-content;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sched-badge.now{color:#55635c;background:#eef2f0}.sched-badge.later{color:#9a6216;background:#fdefdc}.managed-pay-note{border:1px solid var(--green-200,#cfe8d9);background:var(--green-50,#eaf6ef);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.managed-pay-note b{font-size:14px;display:block}.managed-pay-note small{color:var(--ink-2,#55635c)}.pay-method-checks{flex-wrap:wrap;gap:8px;display:flex}.pay-method-checks label{border:1px solid var(--line,#dbe4de);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.pay-method-checks label.on{border-color:var(--green-600,#1f7a4d);background:var(--green-50,#e9f5ee);color:var(--green-700,#1a6b43)}.wallet-toggle{border:1px solid var(--line,#dbe4de);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;margin-top:10px;padding:11px 13px;display:flex}.wallet-toggle input{margin-top:3px}.wallet-toggle b{font-size:13.5px;display:block}.wallet-toggle small{color:var(--ink-2,#55635c)}.wallet-balance-card{align-items:center;gap:16px;display:flex}.wallet-balance-card b{font-size:26px;font-weight:800;display:block}.wallet-balance-card small{color:var(--ink-2,#55635c)}.wallet-history{flex-direction:column;display:flex}.wallet-history .amt-in{color:#1a6b43}.wallet-history .amt-out{color:#9a6216}.payment-detail{flex-direction:column;gap:12px;display:flex}.payment-amount{text-align:center}.payment-amount b{font-size:24px;font-weight:800;display:block}.payment-countdown{color:#9a6216;background:#fdefdc;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.payment-countdown.expired{color:#a3372c;background:#f7e0dd}.payment-va{text-align:center;border:1px dashed var(--line,#c6d1c9);border-radius:12px;padding:14px}.payment-va b{letter-spacing:1px;font-variant-numeric:tabular-nums;margin:2px 0;font-size:22px;font-weight:800;display:block}.payment-va small{color:var(--ink-2,#55635c)}.account-number{justify-content:center;align-items:center;gap:8px;max-width:100%;display:inline-flex}.account-number b{overflow-wrap:anywhere}.eye-button{width:32px;height:32px;color:var(--green-700);cursor:pointer;background:#fff;border:1px solid #bcd9c6;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid}.saved-account{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.saved-account .account-number b{letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:14px}.saved-account .eye-button{width:28px;height:28px}.refund-account{gap:10px;margin:8px 0;padding:12px;display:grid}.reassign-list{gap:6px;max-height:300px;margin:12px 0;display:grid;overflow-y:auto}.reassign-list button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.reassign-list button.active{border-color:var(--green-700);background:#eaf6ef}.reassign-list button>span:nth-child(2){flex:1;min-width:0;display:grid}.reassign-list button small{color:var(--muted);font-size:11px}.reassign-list button>svg{color:var(--green-700)}.payment-steps ol{margin:6px 0 0;padding-left:20px}.payment-steps li{color:var(--ink-2,#41514a);margin-bottom:5px;font-size:13.5px}.payment-paid{color:#1a6b43;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex}.payment-paid b{font-size:17px}.pay-guide{border-top:1px solid var(--line,#dbe4de);padding-top:10px}.pay-guide details{border:1px solid var(--line,#dbe4de);border-radius:10px;margin-bottom:8px;overflow:hidden}.pay-guide summary{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13.5px;font-weight:600;list-style:none;display:flex}.pay-guide summary:after{content:"+";color:var(--ink-3,#6d7c75);font-size:18px}.pay-guide details[open] summary:after{content:"−"}.pay-guide summary::-webkit-details-marker{display:none}.pay-guide ol{margin:0;padding:0 16px 12px 30px}.pay-guide li{color:var(--ink-2,#41514a);margin-bottom:5px;font-size:13px}.pay-chip{border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.pay-chip.paid{color:#2f6b4a;background:#e4efe8}.pay-chip.due{color:#9a6216;background:#fdefdc}.proof-upload{border:1px dashed var(--green-600,#1f7a4d);color:var(--green-700,#1a6b43);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:13.5px;font-weight:600;display:flex;position:relative}.tracker{flex-direction:column;margin:0;padding:4px 0;list-style:none;display:flex}.tracker li{grid-template-columns:24px 1fr;gap:10px;padding-bottom:14px;display:grid;position:relative}.tracker li:not(:last-child):before{content:"";background:var(--line,#dbe4de);width:2px;position:absolute;top:20px;bottom:0;left:11px}.tracker li.done:not(:last-child):before{background:var(--green-600,#1f7a4d)}.tracker-dot{border:2px solid var(--line,#c6d1c9);color:#fff;z-index:1;background:#fff;border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.tracker li.done .tracker-dot{background:var(--green-600,#1f7a4d);border-color:var(--green-600,#1f7a4d)}.tracker li.current .tracker-dot{background:var(--green-600,#1f7a4d);border-color:var(--green-600,#1f7a4d);box-shadow:0 0 0 4px #1f7a4d26}.tracker li.current b{color:var(--green-700,#1a6b43);font-weight:700}.tracker li b{font-size:13.5px;display:block}.tracker li.todo b{color:var(--ink-3,#8a978f);font-weight:500}.tracker li small{color:var(--ink-3,#6d7c75);font-size:11.5px}.tracker.cancelled{color:#a3372c;align-items:center;gap:8px;padding:10px 0;display:flex}.tracker.cancelled .dot{background:#a3372c;border-radius:999px;width:10px;height:10px}.tracker-wrap{margin:8px 0}.tracker-toggle{background:var(--green-50,#f1f8f4);border:1px solid var(--line,#dbe4de);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.tracker-toggle .tracker-current{align-items:center;gap:9px;display:flex}.tracker-toggle .tracker-current .dot{background:var(--green-600,#1f7a4d);border-radius:999px;flex:none;width:11px;height:11px;box-shadow:0 0 0 4px #1f7a4d26}.tracker-toggle .tracker-current b{font-size:13.5px}.tracker-toggle .toggle-hint{color:var(--green-700,#1a6b43);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.tracker-wrap .tracker{padding-top:12px}.dispute-track{border-top:1px dashed var(--line,#dbe4de);margin-top:6px}.dispute-track .tracker li.current .tracker-dot{background:#c9770a;border-color:#c9770a;box-shadow:0 0 0 4px #c9770a26}.dispute-track .tracker li.current b{color:#a3620a}.payment-wait{text-align:center;color:var(--ink-2,#55635c);flex-direction:column;align-items:center;gap:6px;padding:22px;display:flex}.payment-wait b{color:var(--ink,#131e18);font-size:16px}.ob-card{border:1px solid var(--line,#dbe4de);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ob-card img,.ob-card .ob-avatar{object-fit:cover;background:var(--green-50,#e9f5ee);width:40px;height:40px;color:var(--green-700,#1a6b43);border-radius:999px;flex:none;place-items:center;display:grid}.ob-card b{font-size:14px;display:block}.ob-card small{color:var(--ink-2,#55635c)}.ob-card .ob-call{color:var(--green-700,#1a6b43);border:1px solid var(--green-600,#1f7a4d);border-radius:999px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600}.notif-wrap{position:relative}.notif-badge{color:#fff;background:#d23f31;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;display:grid;position:absolute;top:2px;right:2px}.notif-panel{background:var(--surface,#fff);border:1px solid var(--line,#dbe4de);z-index:60;border-radius:14px;width:320px;max-width:86vw;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 12px 32px #131e1829}.notif-head{border-bottom:1px solid var(--line,#eef2f0);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.notif-head button{cursor:pointer;color:var(--ink-3,#6d7c75);background:0 0;border:0}.notif-head b small{color:var(--ink-3,#8a978f);margin-left:6px;font-size:11px;font-weight:500}.notif-head-actions{align-items:center;gap:8px;display:inline-flex}.notif-head .notif-reset{color:var(--green-700,#1a6b43);background:#fff;border:1px solid #bcd9c6;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.notif-item{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--line,#f0f3f1);background:0 0;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;padding:10px 14px;display:flex}.notif-item:hover{background:var(--green-50,#f2f8f4)}.notif-item.unread{background:var(--green-50,#eaf6ef)}.notif-item b{font-size:12.5px;display:block}.notif-item small{color:var(--ink-2,#55635c);font-size:11.5px}.notif-time{white-space:nowrap;color:var(--ink-3,#8a978f)}.notif-empty{text-align:center;color:var(--ink-3,#8a978f);padding:22px 14px;font-size:13px}.no-ob-badge{color:#7a5b00;white-space:nowrap;background:#fff5da;border:1px solid #f0dca6;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.menu-copy .menu-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 4px;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.po-section{margin-bottom:24px}.po-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:16px;display:grid}.po-card{gap:6px;margin:0;padding:14px;display:grid}.po-card small{color:var(--muted);line-height:1.4}.menu-mix{color:var(--green-700);font-size:11px;font-weight:700;line-height:1.35;display:block}.promo-badge.mix{background:var(--green-700)}.bundle-groups{margin-bottom:16px}.bundle-group-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.bundle-group-list article{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.bundle-group-list article>div{gap:2px;min-width:0;display:grid}.bundle-group-list article small{color:var(--muted)}.bundle-group-list article.inactive{opacity:.6}.bundle-member-list{gap:6px;max-height:260px;margin-bottom:10px;display:grid;overflow-y:auto}.bundle-member-list label{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.bundle-member-list label>span{gap:2px;display:grid}.bundle-member-list label small{color:var(--muted)}.bundle-member-list label.blocked{opacity:.55;cursor:not-allowed}.menu-quota{width:fit-content;color:var(--green-800);background:var(--green-100);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.menu-copy>small.menu-quota{color:var(--green-800);text-transform:none;font-size:11px}.menu-quota.empty{color:#b3261e;background:#fde8e6}.po-ready{width:fit-content;color:var(--green-800);background:var(--green-100);border-radius:8px;place-self:center start;align-items:center;gap:6px;margin:2px 0;padding:5px 10px;font-size:14px;font-weight:800;display:inline-flex}.po-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.po-progress{background:var(--green-100);border-radius:999px;height:8px;overflow:hidden}.po-progress i{background:var(--green-700);border-radius:999px;height:100%;display:block}.po-items{gap:4px;margin:4px 0;padding:0;list-style:none;display:grid}.po-items li{grid-template-columns:1fr auto;gap:2px 8px;font-size:13px;display:grid}.po-items li small{grid-column:1/-1}.po-items s{color:var(--muted);font-size:12px}.po-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.po-qty-list{gap:8px;margin:10px 0;display:grid}.po-qty-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.po-qty-row span:first-child{gap:2px;min-width:0;display:grid}.po-qty-row small{color:var(--muted)}.po-recap-list{gap:8px;margin-top:10px;display:grid}.po-recap-list article{border:1px solid var(--line);border-radius:8px;grid-template-columns:auto 1fr;gap:6px 10px;padding:10px;display:grid}.po-recap-list article>div:first-of-type{gap:2px;min-width:0;display:grid}.po-recap-list article .po-actions{grid-column:1/-1}.po-recap-list article.inactive{opacity:.6}.po-recap-list small{color:var(--muted)}.po-detail{gap:4px;margin:10px 0;padding:12px;display:grid}.po-detail small{color:var(--muted)}.po-banner{aspect-ratio:2;color:var(--green-700);background:linear-gradient(135deg,#e3f3e9,#c9e8d5);border-radius:8px 8px 0 0;place-items:center;margin:-14px -14px 4px;display:grid;position:relative;overflow:hidden}.po-banner>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.po-banner.compact{aspect-ratio:5/2;border-radius:8px;margin:0 0 12px}.po-banner-tag,.po-banner-countdown{z-index:1;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;position:absolute}.po-banner-tag{color:#fff;background:var(--green-700);top:10px;left:10px}.po-banner-countdown{color:#fff;background:#131e18c7;bottom:10px;right:10px}.po-items li.with-thumb{grid-template-columns:40px 1fr auto;align-items:center}.po-items li.with-thumb small{grid-column:2/-1}.po-thumb{width:40px;height:40px;color:var(--green-700);background:#eaf3ed;border-radius:8px;flex:0 0 40px;place-items:center;display:grid;overflow:hidden}.po-thumb>img{object-fit:cover;width:100%;height:100%}.po-items li.with-thumb .po-thumb{grid-row:span 2}.po-qty-row>.po-thumb{flex-basis:52px;width:52px;height:52px}.po-qty-row>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.po-buyers{gap:4px;display:grid}.po-buyers ul{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.po-buyers li{background:var(--green-100);color:var(--green-800);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.po-buyers li small{color:var(--muted);font-weight:600}.po-buyers li.mine{color:#fff;background:var(--green-700)}.po-buyers li.mine small{color:#e3f3e9}.po-buyers li.more{border:1px dashed var(--line);color:var(--muted);background:0 0}.guest-shell{background:var(--bg,#f4f8f5);min-height:100vh}.guest-header{z-index:20;border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.guest-header>img{height:34px}.guest-building{color:var(--green-800);align-items:center;gap:6px;display:inline-flex}.guest-building select{min-height:36px;padding:4px 10px}.guest-actions{gap:8px;margin-left:auto;display:flex}.guest-note{background:var(--green-100);color:var(--green-800);border-radius:8px;align-items:center;gap:8px;margin:14px 24px 0;padding:10px 14px;font-size:13px;display:flex}.content.guest-content{padding:18px 24px 40px}.guest-empty{text-align:center;justify-items:center;gap:10px;max-width:460px;margin:12vh auto;padding:24px;display:grid}.guest-empty div{gap:8px;display:flex}.guest-alt{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.guest-trial{background:var(--green-100);color:var(--green-800);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.guest-trial.expired{color:#7a5b00;background:#fff5da}.guest-trial span{flex:240px}.guest-profile{justify-items:start;gap:12px;display:grid}.portal-grid a.portal-guest{border-style:dashed}.register-callout.guest-callout{color:inherit;margin-bottom:10px;text-decoration:none}button.register-callout.guest-login{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0}.share-chip{width:30px;height:30px;color:var(--green-700);cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;place-items:center;padding:0;display:grid;box-shadow:0 1px 4px #0000002e}.menu-image>.share-chip{z-index:1;position:absolute;top:8px;left:8px}.po-head-side{align-items:center;gap:6px;display:inline-flex}.catalog-grid>article.po-mini{cursor:pointer}.po-mini .promo-badge.po-tag{background:var(--green-700)}.po-mini-countdown{z-index:1;color:#fff;background:#131e18c7;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.po-mini .menu-copy .po-ready{margin:2px 0;padding:3px 8px;font-size:12px}.po-mini.shared-focus,.po-card.shared-focus{outline:3px solid var(--green-600);outline-offset:2px}@media (max-width:760px){.guest-header{padding:10px 16px}.guest-header>img{height:28px}.guest-note{margin:12px 16px 0}.content.guest-content{padding:14px 16px 32px}.guest-actions{width:100%;margin-left:0}.guest-actions>*{flex:1}}.po-meta{align-items:flex-start;gap:5px;display:flex}.po-meta svg{color:var(--green-700);flex:none;margin-top:2px}.po-banner-preview{align-items:center;gap:10px;margin:6px 0 10px;display:flex}.po-banner-preview img{aspect-ratio:2;object-fit:cover;border-radius:8px;width:120px}