.mock-app{--navy:#071720;--navy2:#102833;--orange:#f59a00;--green:#14875a;--line:#e1e5e8;--muted:#f4f6f7;color:#151b21;background:#f7f8f9;max-width:720px;min-height:100dvh;margin:0 auto;padding-bottom:155px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;box-shadow:0 0 50px #05141c29}.mock-app button,.mock-app input{font:inherit}.mock-header{padding:calc(18px + env(safe-area-inset-top)) 18px 16px;color:#fff;background:radial-gradient(circle at 90% 0,#1e4050 0,#0000 40%),linear-gradient(145deg,#06131b,#0c222d)}.mock-topline{justify-content:space-between;align-items:center;display:flex}.mock-topline a{color:#b9c5cb;font-size:11px;font-weight:700;text-decoration:none}.mock-powered{text-align:right}.mock-powered b,.mock-powered small{display:block}.mock-powered b{font-size:14px}.mock-powered small{color:#91a2aa;letter-spacing:.04em;margin-top:2px;font-size:8px}.mock-powered strong{color:#ffb536}.mock-badge{color:#ffc157;letter-spacing:.1em;background:#f59a001a;border:1px solid #f59a0073;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:850}.mock-title-row{justify-content:space-between;align-items:end;gap:15px;margin-top:17px;display:flex}.mock-title-row small{color:#aebbc1;font-size:11px;font-weight:650}.mock-title-row h1{letter-spacing:-.04em;margin:3px 0 0;font-size:34px}.mock-total{text-align:right}.mock-total span{color:#aebbc1;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:750;display:block}.mock-total strong{color:#fff;letter-spacing:-.04em;margin-top:2px;font-size:30px;display:block}.mock-person-wrap{margin-top:17px}.mock-person-label{align-items:baseline;gap:8px;margin-bottom:7px;display:flex}.mock-person-label span{color:#fff;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.mock-person-label small{color:#9eacb3;font-size:9px}.mock-person{scrollbar-width:none;align-items:stretch;gap:7px;padding:2px 2px 5px;display:flex;overflow-x:auto}.mock-person::-webkit-scrollbar{display:none}.mock-person button{color:#fff;text-align:left;background:#f59a001a;border:1px solid #f59a006b;border-radius:12px;flex:none;grid-template-columns:1fr auto;align-content:center;gap:2px 8px;min-width:128px;min-height:57px;padding:8px 10px;display:grid;position:relative}.mock-person button span{font-size:12px;font-weight:820}.mock-person button small{color:#9eacb3;grid-column:1;font-size:8px;font-weight:650}.mock-person button b{color:#ffc157;grid-area:1/2/3;align-self:center;font-size:11px}.mock-person button.active{border-color:var(--orange);color:#fff;background:#f59a003b;box-shadow:0 0 0 2px #f59a0033}.mock-person button.active small{color:#f7d89e}.mock-person button.mock-person-add{color:#bdc8cd;background:#ffffff0f;border-color:#fff3}.mock-person button.mock-person-add small{grid-column:1/3}.mock-person button.mock-parked-button{color:#fff;background:#ffffff1a;border-color:#ffffff42}.mock-person button.mock-parked-button b{color:#172027;background:var(--orange);border-radius:99px;grid-area:1/2;place-items:center;min-width:21px;height:21px;padding:0 5px;display:grid}.mock-categories{z-index:20;scrollbar-width:none;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;gap:7px;padding:10px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.mock-categories::-webkit-scrollbar{display:none}.mock-categories button{color:#485058;background:#fff;border:1px solid #dbe0e3;border-radius:13px;flex:none;align-items:center;gap:6px;min-height:47px;padding:0 14px;font-size:13px;font-weight:760;display:flex}.mock-categories button span{font-size:16px}.mock-categories button.active{border-color:var(--orange);color:#fff;background:linear-gradient(135deg,#f8aa16,#eb8b00);box-shadow:0 6px 14px #f59a0038}.mock-products{padding:16px 12px 30px}.mock-section-heading{justify-content:space-between;align-items:center;margin:0 3px 12px;display:flex}.mock-section-heading>div{align-items:center;gap:8px;display:flex}.mock-section-heading>div>span{background:#fff0d5;border-radius:11px;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.mock-section-heading small{color:#858d94;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:750}.mock-section-heading h2{letter-spacing:-.02em;margin:0;font-size:19px}.mock-section-heading>b{color:#767e85;font-size:11px}.mock-active-assignment{color:#172027;background:#fff7e7;border:1px solid #efab39;border-radius:14px;grid-template-columns:34px auto 1fr auto;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;display:grid;box-shadow:0 3px 10px #b86c0014}.mock-active-assignment>span{color:#fff;background:var(--orange);border-radius:10px;place-items:center;width:32px;height:32px;font-weight:850;display:grid}.mock-active-assignment small,.mock-active-assignment b{display:block}.mock-active-assignment small{color:#9b6815;letter-spacing:.08em;font-size:7px;font-weight:850}.mock-active-assignment b{margin-top:1px;font-size:13px}.mock-active-assignment p{color:#5e666c;margin:0;font-size:10px;line-height:1.35}.mock-active-assignment em{color:#8f5a00;white-space:nowrap;font-size:10px;font-style:normal;font-weight:800}.mock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.mock-product{background:#fff;border:1px solid #e0e4e6;border-radius:17px;flex-direction:column;min-width:0;min-height:156px;padding:12px;display:flex;box-shadow:0 3px 11px #081a2312}.mock-product.selected{border-color:#ecb353;box-shadow:0 5px 16px #f59a0021}.mock-product-top{justify-content:space-between;align-items:center;gap:7px;display:flex}.mock-product-icon{background:#f2f4f5;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.mock-product-top strong{color:#c97700;font-size:14px}.mock-product-name{flex:1;padding:9px 0 6px}.mock-product-name h3{letter-spacing:-.01em;margin:0;font-size:15px;line-height:1.18}.mock-product-name small{color:#8a650f;margin-top:3px;font-size:10px;font-weight:680;display:block}.mock-assigned-badge{color:#7c4d00;background:#fff0d4;border-radius:7px;align-self:flex-start;margin:0 0 7px;padding:4px 7px;font-size:9px;font-weight:820}.mock-stepper{grid-template-columns:44px 1fr 44px;align-items:center;gap:3px;display:grid}.mock-stepper button{color:#626b72;background:#edf0f2;border:0;border-radius:11px;height:44px;font-size:24px;font-weight:650}.mock-stepper button:disabled{color:#b4babf}.mock-stepper button.plus{color:#fff;background:linear-gradient(135deg,#f9ab18,#eb8b00)}.mock-stepper output{text-align:center;font-size:24px;font-weight:800}.mock-cart-dock{z-index:35;left:50%;bottom:calc(75px + env(safe-area-inset-bottom));color:#172027;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border:1px solid #e6b25a;border-radius:18px;grid-template-columns:42px 1fr auto 20px;align-items:center;gap:8px;width:min(100% - 20px,700px);min-height:63px;padding:8px 12px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 9px 28px #05141c33}.mock-cart-symbol{color:#a96500;background:#fff0d5;border-radius:12px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.mock-cart-dock small{color:#7f878e;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:730;display:block}.mock-cart-dock b{margin-top:1px;font-size:14px;display:block}.mock-cart-dock>strong{font-size:19px}.mock-cart-dock i{color:var(--orange);font-size:25px;font-style:normal}.mock-bottom-nav{z-index:40;width:min(100%,720px);min-height:calc(72px + env(safe-area-inset-bottom));padding:6px 5px env(safe-area-inset-bottom);background:#051219fc;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mock-bottom-nav button{color:#aeb8bd;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;font-size:10px;font-weight:700;display:flex}.mock-bottom-nav button>span{font-size:22px;line-height:1;position:relative}.mock-bottom-nav button i{color:#172027;background:var(--orange);border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-style:normal;font-weight:850;display:grid;position:absolute;top:-7px;right:-13px}.mock-bottom-nav button.active{color:var(--orange)}.mock-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020b109e;justify-content:flex-end;display:flex;position:fixed;inset:0}.mock-drawer{width:min(91%,420px);min-height:100%;padding:calc(18px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));background:#fff;flex-direction:column;animation:.22s ease-out mock-slide;display:flex;box-shadow:-18px 0 50px #00000040}@keyframes mock-slide{0%{transform:translate(100%)}}.mock-drawer-head,.mock-checkout-head{justify-content:space-between;align-items:center;display:flex}.mock-drawer-head small,.mock-checkout-head small{color:#7f878e;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:750}.mock-drawer-head h2,.mock-checkout-head h2{margin:2px 0 0;font-size:23px}.mock-drawer-head>button,.mock-checkout-head>button{color:#687078;background:#f0f2f3;border:0;border-radius:50%;width:44px;height:44px;font-size:25px}.mock-drawer-lines{flex:1;margin:18px 0 10px;overflow-y:auto}.mock-drawer-line{border-bottom:1px solid var(--line);grid-template-columns:78px 1fr auto 68px;align-items:center;gap:5px;min-height:58px;display:grid}.mock-drawer-line>div{min-width:0}.mock-cart-quick{color:#a56300;text-align:center;background:#f0f2f3;border-radius:16px;grid-template-columns:24px 1fr 24px;align-items:center;min-height:30px;padding:2px;display:grid}.mock-cart-quick button{color:#8a5808;background:#fff;border:0;border-radius:50%;width:24px;height:26px;padding:0;font-size:16px;line-height:1}.mock-cart-quick b{font-size:12px}.mock-drawer-line span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:720;display:block;overflow:hidden}.mock-drawer-line small{color:#8b6514;font-size:10px}.mock-drawer-line>strong{white-space:nowrap;font-size:13px}.mock-line-actions{gap:4px;display:flex}.mock-line-actions button{color:#697178;background:#f0f2f3;border:0;border-radius:50%;width:30px;height:30px}.mock-line-actions button.has-note{color:#9a5f00;background:#fff0d5}.mock-cart-entry{border-bottom:1px solid var(--line);padding-bottom:10px}.mock-cart-entry .mock-drawer-line{border-bottom:0}.mock-line-note{margin:0 0 2px 78px;display:block}.mock-line-note>span{color:#8a6514;margin-bottom:4px;font-size:9px;font-weight:750;display:block}.mock-line-note input{color:#293138;background:#fffaf1;border:1px solid #dce1e3;border-radius:10px;width:100%;min-height:40px;padding:8px 10px;font-size:12px}.mock-line-note input:focus{border-color:var(--orange);outline:2px solid #f59a004d}.mock-note-preview{color:#7b5811;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#fff5df;border:0;border-radius:7px;max-width:calc(100% - 78px);min-height:28px;margin:0 0 2px 78px;padding:5px 8px;font-size:9px;overflow:hidden}.mock-note{color:#956000;background:#fff8ec;border:1px solid #e3c38e;border-radius:10px;align-self:flex-start;min-height:40px;padding:0 11px;font-size:12px;font-weight:720}.mock-drawer-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:16px 0;padding-top:14px;display:flex}.mock-drawer-total span{color:#626a71;font-size:13px}.mock-drawer-total strong{font-size:28px}.mock-drawer-actions{grid-template-columns:.85fr 1.15fr;gap:8px;display:grid}.mock-drawer-actions .mock-primary,.mock-drawer-actions .mock-secondary{min-height:55px}.mock-primary{color:#fff;background:linear-gradient(135deg,#f9aa16,#e98a00);border:0;border-radius:15px;width:100%;min-height:57px;font-size:17px;font-weight:800;box-shadow:0 8px 20px #f59a0040}.mock-primary:disabled{color:#9ca2a7;box-shadow:none;background:#e5e8e9}.mock-checkout-overlay{justify-content:center;align-items:flex-end;padding:12px}.mock-checkout{width:min(100%,560px);max-height:95dvh;padding:9px 18px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:26px 26px 16px 16px;animation:.22s ease-out mock-rise;overflow-y:auto}@keyframes mock-rise{0%{opacity:.6;transform:translateY(30px)}}.mock-handle{background:#d9dee1;border-radius:99px;width:42px;height:5px;margin:0 auto 14px}.mock-checkout-head{justify-content:flex-start;gap:11px}.mock-checkout-head>span{color:#bd7100;background:#fff0d5;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid}.mock-checkout-head>button{margin-left:auto}.mock-split-focus{flex-direction:column;height:95dvh;display:flex;overflow:hidden}.mock-split-focus .mock-handle{flex:none;margin-bottom:7px}.mock-split-focus-head{flex:none;grid-template-columns:minmax(0,1fr) auto 40px;align-items:center;gap:8px;min-height:44px;display:grid}.mock-split-focus-head small{color:#7c858c;letter-spacing:.08em;font-size:8px;font-weight:800}.mock-split-focus-head h2{margin:1px 0 0;font-size:18px}.mock-split-focus-head>strong{color:#a33f32;white-space:nowrap;background:#fff0ed;border-radius:8px;padding:6px 8px;font-size:9px}.mock-split-focus-head>strong.complete{color:#126b4a;background:#eaf8f1}.mock-split-focus-head>button{color:#687078;background:#f0f2f3;border:0;border-radius:50%;width:38px;height:38px;font-size:24px}.mock-checkout-order{background:#f7f9fa;border:1px solid #dde2e4;border-radius:17px;margin:16px 0 12px;padding:13px}.mock-checkout-order.mock-split-order{flex-direction:column;flex:1;min-height:0;margin:7px 0 0;padding:8px;display:flex;overflow:hidden}.mock-checkout-order-title{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.mock-checkout-order-title small{color:#7c858c;letter-spacing:.08em;font-size:9px;font-weight:800}.mock-checkout-order-title h3{margin:2px 0 0;font-size:18px}.mock-checkout-order-title>strong{color:#606970;white-space:nowrap;font-size:12px}.mock-split-start,.mock-split-done{color:#7b4d00;white-space:nowrap;background:#fff3dc;border:1px solid #e8a537;border-radius:10px;min-height:39px;padding:0 11px;font-size:10px;font-weight:800}.mock-split-done{color:#146b4b;background:#ebf8f2;border-color:#8bcdb3}.mock-checkout-order-title>strong.mock-split-open{color:#a33f32;background:#fff0ed;border-radius:8px;padding:7px 9px;font-size:9px}.mock-checkout-order-title>strong.mock-split-open.complete{color:#126b4a;background:#eaf8f1}.mock-split-panel>p{color:#5c646b;background:#fff;border-radius:10px;margin:11px 0 9px;padding:9px 10px;font-size:10px;line-height:1.4}.mock-split-panel>p strong{color:#a86200}.mock-split-people{scrollbar-width:none;gap:7px;padding:2px;display:flex;overflow-x:auto}.mock-split-focus .mock-split-panel{flex-direction:column;flex:1;min-height:0;display:flex}.mock-split-focus .mock-split-people button{min-width:112px;min-height:44px;padding:5px 8px}.mock-split-people::-webkit-scrollbar{display:none}.mock-split-people button{color:#596269;background:#fff;border:1px solid #d9dfe2;border-radius:11px;flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:2px;min-width:125px;min-height:51px;padding:7px 9px;display:flex}.mock-split-people button span{font-size:11px;font-weight:820}.mock-split-people button b{color:#7a838a;font-size:8px}.mock-split-people button.active{color:#7a4c00;background:#fff2d9;border-color:#ee9c11;box-shadow:0 0 0 2px #ee9c1129}.mock-split-people button.add{color:#70634e;background:#faf8f3;border-style:dashed}.mock-split-person{flex:none;position:relative}.mock-split-person>button:first-child{padding-right:28px}.mock-split-focus .mock-split-people .mock-split-person-delete{z-index:1;color:#8a5550;background:#fff0ed;border:0;border-radius:50%;place-items:center;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;font-size:14px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.mock-split-groups{gap:8px;max-height:330px;margin-top:10px;display:grid;overflow-y:auto}.mock-split-focus .mock-split-groups{flex:1;gap:6px;min-height:0;max-height:none;margin-top:7px}.mock-split-focus .mock-split-groups>section{padding:8px}.mock-split-focus .mock-split-row{min-height:49px;margin-top:5px;padding-top:4px;padding-bottom:4px}.mock-split-focus .mock-split-stepper button{height:36px}.mock-split-focus .mock-split-confirm{flex:none;min-height:46px;margin-top:7px}.mock-split-empty{color:#737c82;text-align:center;border:1px dashed #cfd7da;border-radius:12px;place-content:center;gap:3px;min-height:120px;padding:20px;display:grid}.mock-split-empty b{color:#267453;font-size:13px}.mock-split-empty span{font-size:9px}.mock-split-groups>section{background:#fff;border:1px solid #dfe4e6;border-radius:12px;padding:10px}.mock-split-groups header{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.mock-split-groups header b,.mock-split-groups header small{display:block}.mock-split-groups header b{font-size:12px}.mock-split-groups header small{color:#8d6816;margin-top:2px;font-size:8px}.mock-split-groups header>strong{color:#a76400;white-space:nowrap;font-size:10px}.mock-split-row{background:#f6f8f9;border-radius:10px;grid-template-columns:1fr 120px 48px;align-items:center;gap:7px;min-height:57px;margin-top:8px;padding:6px 7px 6px 9px;display:grid}.mock-split-row>div:first-child small,.mock-split-row>div:first-child b{display:block}.mock-split-row>div:first-child small{color:#8a9298;font-size:7px;font-weight:820}.mock-split-row>div:first-child b{margin-top:1px;font-size:11px}.mock-split-stepper{grid-template-columns:38px 1fr 38px;align-items:center;gap:2px;display:grid}.mock-split-stepper button{color:#fff;background:#ef9700;border:0;border-radius:9px;width:38px;height:40px;font-size:20px;font-weight:800}.mock-split-stepper button:first-child{color:#5f686f;background:#e6eaec}.mock-split-stepper button:disabled{color:#afb6bb;background:#edf0f2}.mock-split-stepper output{text-align:center;font-size:19px;font-weight:850}.mock-split-row>em{color:#2e785c;text-align:right;font-size:8px;font-style:normal;font-weight:820}.mock-split-row>em.open{color:#b24d3d}.mock-split-summary{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.mock-split-summary span{color:#635334;background:#fff3dc;border-radius:6px;padding:4px 6px;font-size:8px}.mock-split-summary b{color:#8c5700}.mock-split-units{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.mock-split-units button{color:#4c555b;background:#f7f9fa;border:1px solid #dce1e3;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:50px;padding:5px 7px;display:flex;position:relative}.mock-split-units button>span{color:#a86700;font-size:9px;font-weight:850}.mock-split-units button>b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.mock-split-units button>i{color:#138257;font-style:normal;position:absolute;top:5px;right:6px}.mock-split-units button.active{color:#744900;background:#fff2d9;border-color:#ed9a0e}.mock-split-confirm{min-height:50px;margin-top:11px;font-size:14px}.mock-payer-tabs{scrollbar-width:none;gap:7px;margin:11px -2px 10px;padding:2px;display:flex;overflow-x:auto}.mock-payer-tabs::-webkit-scrollbar{display:none}.mock-payer-tabs button{color:#626b72;background:#fff;border:1px solid #d9dfe2;border-radius:12px;flex-direction:column;flex:none;align-items:flex-start;gap:2px;min-width:112px;min-height:49px;padding:7px 10px;display:flex}.mock-payer-tabs button span{font-size:11px;font-weight:760}.mock-payer-tabs button b{font-size:14px}.mock-payer-tabs button.active{color:#7b4c00;background:#fff4df;border-color:#ef9d13;box-shadow:0 0 0 2px #ef9d1324}.mock-order-total-toggle{margin:-2px 0 10px}.mock-order-total-toggle>button{color:#8a5a09;text-underline-offset:2px;background:0 0;border:0;padding:2px 0;font-size:11px;font-weight:750;text-decoration:underline}.mock-order-total-toggle>button+button{color:#626b72;background:#f0f2f3;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:6px;padding:7px 9px;font-size:12px;display:flex}.mock-order-total-toggle>button+button.active{color:#7b4c00;background:#fff4df;border-color:#ef9d13}.mock-order-total-toggle>button+button strong{color:#141a1f;font-size:14px}.mock-checkout-lines{gap:7px;max-height:190px;display:grid;overflow-y:auto}.mock-checkout-lines section{opacity:.48;background:#fff;border:1px solid #e1e5e7;border-radius:11px;padding:8px 9px}.mock-checkout-lines section.selected{opacity:1;border-color:#edb04a}.mock-checkout-lines section header{border-bottom:1px solid #e7eaeb;justify-content:space-between;align-items:center;padding-bottom:5px;display:flex}.mock-checkout-lines section header b{color:#9a6100;font-size:11px}.mock-checkout-lines section header strong{font-size:11px}.mock-checkout-lines section>div{grid-template-columns:28px 1fr auto;align-items:center;gap:4px;min-height:32px;display:grid}.mock-checkout-lines section>div>b{color:#bb7100;font-size:11px}.mock-checkout-lines section>div>span{font-size:11px;font-weight:700}.mock-checkout-lines section>div>span small{color:#8a650f;font-size:9px;font-weight:550;display:block}.mock-checkout-lines section>div>strong{font-size:11px}.mock-bill{background:#f7f9fa;border:1px solid #dde2e4;border-radius:17px;grid-template-columns:1fr auto;align-items:center;margin:18px 0 13px;padding:16px;display:grid}.mock-bill span{color:#5e666d;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:750}.mock-bill strong{letter-spacing:-.04em;grid-row:span 2;font-size:32px}.mock-bill small{color:#899097;margin-top:2px;font-size:10px}.mock-money-inputs{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mock-money-inputs label>span{color:#424a51;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:800;display:block}.mock-money-inputs label>small{color:#8a9298;min-height:16px;font-size:9px;display:block}.mock-money-inputs label>div{margin-top:4px;position:relative}.mock-money-inputs input{color:#151b21;background:#fff;border:2px solid #d9dee1;border-radius:14px;width:100%;height:59px;padding:0 35px 0 11px;font-size:24px;font-weight:800}.mock-money-inputs label:first-child input{background:#fffaf2;border-color:#ecb453}.mock-money-inputs label.invalid>span,.mock-money-inputs label.invalid>small{color:#b52e25}.mock-money-inputs label.invalid input,.mock-money-inputs label.invalid:first-child input{background:#fff4f2;border-color:#d83e32;box-shadow:0 0 0 3px #d83e321a}.mock-money-inputs label b{color:#70787f;font-size:20px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.mock-result{border:1px solid #dfe4e6;border-radius:17px;margin-top:13px;overflow:hidden}.mock-result>div{border-bottom:1px solid #e3e7e9;justify-content:space-between;align-items:center;min-height:51px;padding:0 14px;display:flex}.mock-result span{color:#5d656c;font-size:13px}.mock-result strong{color:#c67800;font-size:18px}.mock-result .change{background:#edf9f3;min-height:74px}.mock-result .change span{color:#276a4d;font-size:15px;font-weight:750}.mock-result .change strong{color:#08794d;letter-spacing:-.04em;font-size:32px}.mock-result .payment-warning{background:#fff0ee;border-bottom:1px solid #f1b9b4;min-height:74px}.mock-result .payment-warning span{color:#a9251d;font-size:15px;font-weight:800}.mock-result .payment-warning strong{color:#c72f25;letter-spacing:-.04em;font-size:30px}.mock-result .final{color:#fff;background:var(--navy);border:0;min-height:66px}.mock-result .final span{color:#bdc8cd;font-size:14px;font-weight:730}.mock-result .final strong{color:#fff;font-size:29px}.mock-error{color:#c34838;margin:8px 2px 0;font-size:11px;font-weight:700;line-height:1.35}.mock-paid{margin-top:14px}.mock-toast{z-index:150;color:#fff;text-align:left;background:#172832;border:0;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;width:min(100% - 30px,420px);min-height:58px;padding:11px 14px;font-size:12px;animation:.18s ease-out mock-toast-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 45px #0000004d}@keyframes mock-toast-in{0%{opacity:0;transform:translate(-50%,-45%)scale(.97)}}.mock-toast span{color:#ffc15b;font-size:20px}.mock-content-screen{padding:16px 12px 34px}.mock-metric-feature{color:#fff;background:linear-gradient(145deg,#102b37,#071720);border-radius:19px;padding:20px;box-shadow:0 10px 25px #05141c29}.mock-metric-feature span{color:#b9c5cb;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.mock-metric-feature strong{letter-spacing:-.05em;margin:5px 0 2px;font-size:37px;display:block}.mock-metric-feature small{color:#ffc157;font-size:11px;font-weight:720}.mock-metric-grid{grid-template-columns:1fr 1fr;gap:9px;margin:10px 0;display:grid}.mock-metric-grid article,.mock-content-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:17px;box-shadow:0 3px 11px #081a230f}.mock-metric-grid span{color:#7b838a;text-transform:uppercase;font-size:10px;font-weight:720;display:block}.mock-metric-grid strong{margin-top:4px;font-size:21px;display:block}.mock-content-card{margin-top:10px}.mock-content-card h2{margin:0 0 9px;font-size:18px}.mock-content-card p{color:#657078;margin:0;font-size:12px;line-height:1.5}.mock-history-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;display:flex}.mock-history-row>div{flex-direction:column;gap:2px;display:flex}.mock-history-row>div:last-child{text-align:right}.mock-history-row b,.mock-history-row strong{font-size:13px}.mock-history-row small{color:#858d94;font-size:10px}.mock-history-button{color:#151b21;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto 14px;width:100%;padding:0}.mock-history-button>div:last-of-type{text-align:right}.mock-history-button>i{color:var(--orange);font-size:20px;font-style:normal}.mock-empty{color:#7b838a;text-align:center;flex-direction:column;align-items:center;padding:25px 8px 13px;display:flex}.mock-empty>span{color:#b66e00;background:#fff0d5;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:8px;font-size:21px;display:grid}.mock-empty b{color:#313940;font-size:13px}.mock-empty small{margin-top:3px;font-size:10px}.mock-status{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:14px;padding-top:13px;font-size:11px;display:flex}.mock-status span{color:#267453;font-weight:750}.mock-status i{background:#1da06d;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.mock-status b{color:#697178}.mock-settings-button{color:#875400;background:#fff6e7;border:1px solid #e3aa4d;border-radius:12px;width:100%;min-height:46px;margin-top:13px;font-size:13px;font-weight:780}.mock-information{background:#f1f6f8;border-color:#d9e3e8}.mock-guide-title{align-items:center;gap:10px;display:flex}.mock-guide-title>span{color:#985d00;background:#fff0d5;border-radius:12px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:850;display:grid}.mock-guide-title small{color:#8a6514;letter-spacing:.08em;font-size:8px;font-weight:800}.mock-guide-title h2{margin:2px 0 0}.mock-guide-intro{margin:11px 0!important}.mock-guide details{border-top:1px solid var(--line)}.mock-guide summary{color:#30383e;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:48px;font-size:12px;font-weight:760;list-style:none;display:flex}.mock-guide summary::-webkit-details-marker{display:none}.mock-guide summary b{color:var(--orange);font-size:18px}.mock-guide details[open] summary b{transform:rotate(45deg)}.mock-guide details p{color:#647078;padding:0 0 13px;font-size:11px;line-height:1.5}.mock-variant-sheet{width:min(100%,560px);max-height:92dvh;padding:9px 18px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:26px 26px 16px 16px;animation:.22s ease-out mock-rise;overflow-y:auto}.mock-variant-options{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.mock-variant-options button{color:#30383e;text-align:left;background:#fff;border:1px solid #dce2e4;border-radius:13px;justify-content:space-between;align-items:center;min-height:54px;padding:0 13px;font-size:13px;font-weight:720;display:flex}.mock-variant-options button b{color:var(--orange);font-size:19px}.mock-variant-options button.selected{color:#7b5000;background:#fff8ec;border-color:#e8a83b}.mock-variant-custom{margin:18px 0;display:block}.mock-variant-custom span{color:#555e65;margin-bottom:6px;font-size:11px;font-weight:780;display:block}.mock-variant-custom input{background:#fff;border:2px solid #dce1e3;border-radius:13px;width:100%;min-height:56px;padding:11px;font-size:16px}.mock-order-detail{width:min(100%,560px);max-height:92dvh;padding:9px 18px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:26px 26px 16px 16px;animation:.22s ease-out mock-rise;overflow-y:auto}.mock-detail-lines{border-top:1px solid var(--line);margin:17px 0 10px}.mock-detail-lines>div{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:7px;min-height:58px;display:grid}.mock-detail-lines>div>b{color:#b76e00}.mock-detail-lines span,.mock-detail-lines small{display:block}.mock-detail-lines span{font-size:13px;font-weight:720}.mock-detail-lines small{color:#8b6514;margin-top:2px;font-size:9px}.mock-detail-lines em{color:#684b11;background:#fff5df;border-radius:7px;margin-top:5px;padding:5px 7px;font-size:9px;font-style:normal;line-height:1.35;display:block}.mock-detail-lines strong{font-size:13px}.mock-detail-missing{color:#62532f;background:#fff7e7;border-radius:13px;align-items:flex-start;gap:9px;margin:18px 0;padding:14px;display:flex}.mock-detail-missing span{color:#b76e00;font-size:18px}.mock-detail-missing p{margin:0;font-size:11px;line-height:1.45}.mock-detail-summary{border:1px solid var(--line);border-radius:14px;margin:14px 0;overflow:hidden}.mock-detail-summary>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:46px;padding:0 13px;display:flex}.mock-detail-summary>div:last-child{border:0}.mock-detail-summary span{color:#626c73;font-size:11px}.mock-detail-summary strong{font-size:14px}.mock-detail-summary .total{color:#fff;background:var(--navy);min-height:58px}.mock-detail-summary .total span{color:#bdc8cd}.mock-detail-summary .total strong{font-size:22px}.mock-secondary{color:#515b62;background:#fff;border:1px solid #dce1e3;border-radius:13px;width:100%;min-height:48px;font-size:13px;font-weight:760}.mock-sheet-copy{color:#69737a;margin:13px 0 0;font-size:11px;line-height:1.4}.mock-parked-sheet{width:min(100%,560px);max-height:92dvh;padding:9px 18px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:26px 26px 16px 16px;animation:.22s ease-out mock-rise;overflow-y:auto}.mock-parked-list{gap:8px;margin:17px 0;display:grid}.mock-parked-list article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:7px}.mock-parked-main{color:#20282e;text-align:left;background:#fff;border:0;grid-template-columns:39px 1fr auto 13px;align-items:center;gap:8px;width:100%;min-height:62px;padding:4px;display:grid}.mock-parked-main>span{color:#a86400;background:#fff0d5;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.mock-parked-main b,.mock-parked-main small{display:block}.mock-parked-main b{font-size:13px}.mock-parked-main small{color:#7d878d;margin-top:3px;font-size:9px}.mock-parked-main strong{font-size:14px}.mock-parked-main i{color:var(--orange);font-size:20px;font-style:normal}.mock-parked-delete{color:#a2483d;background:#fff0ee;border:0;border-radius:8px;min-height:32px;margin-left:47px;padding:0 9px;font-size:9px;font-weight:750}@media (width>=560px){.mock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-product{min-height:165px}}@media (width<=470px){.mock-active-assignment{grid-template-columns:34px 1fr auto}.mock-active-assignment p{grid-column:1/-1}.mock-person-label{display:block}.mock-person-label small{margin-top:2px;display:block}}@media (width<=370px){.mock-grid{gap:7px}.mock-product{padding:10px}.mock-product-name h3{font-size:14px}.mock-money-inputs{grid-template-columns:1fr}.mock-money-inputs label>small{min-height:0}.mock-variant-options{grid-template-columns:1fr}}