.login-page{box-sizing:border-box;background:radial-gradient(circle at 0 0,#ffedd5 0%,#0000 35%),radial-gradient(circle at 100% 100%,#fee2e2 0%,#0000 35%),#fff7ed;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.login-card{box-sizing:border-box;background:#fff;border:1px solid #f1e4d8;border-radius:18px;width:100%;max-width:430px;padding:38px;box-shadow:0 20px 50px #7c2d1214,0 4px 12px #7c2d1208}.login-brand{text-align:center;margin-bottom:32px}.login-logo{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:25px;font-weight:800;display:flex;box-shadow:0 8px 20px #f9731638}.login-brand h1{color:#292524;letter-spacing:-.5px;margin:0;font-size:27px;font-weight:800}.login-brand p{color:#78716c;margin:7px 0 0;font-size:13px}.login-heading{text-align:center;margin-bottom:25px}.login-heading h2{color:#292524;margin:0 0 7px;font-size:22px;font-weight:750}.login-heading p{color:#78716c;margin:0;font-size:13px;line-height:1.5}.login-card form{width:100%}.login-form-group{margin-bottom:18px}.login-form-group label{color:#44403c;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.login-form-group input{box-sizing:border-box;color:#292524;background:#fff;border:1px solid #e7d8ca;border-radius:9px;outline:none;width:100%;height:46px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.login-form-group input::placeholder{color:#a8a29e}.login-form-group input:hover{border-color:#fdba74}.login-form-group input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.login-form-group input:disabled{color:#a8a29e;cursor:not-allowed;background:#fff7ed}.login-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:9px;width:100%;height:46px;margin-top:5px;font-size:14px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s}.login-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px);box-shadow:0 8px 18px #ea580c38}.login-submit-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.login-submit-button:disabled{opacity:.6;cursor:not-allowed}.login-switch{color:#78716c;text-align:center;border-top:1px solid #f5eee7;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:24px;padding-top:20px;font-size:13px;line-height:1.5;display:flex}.login-switch button{color:#ea580c;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:750}.login-switch button:hover{color:#c2410c;text-decoration:underline}.login-switch button:disabled{opacity:.5;cursor:not-allowed}.login-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.5}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.5}.login-card button:focus-visible,.login-form-group input:focus-visible{outline-offset:2px;outline:3px solid #f9731640}@media (width<=600px){.login-page{align-items:center;padding:20px 15px}.login-card{border-radius:15px;max-width:100%;padding:30px 22px}.login-brand{margin-bottom:27px}.login-logo{width:48px;height:48px;font-size:23px}.login-brand h1{font-size:24px}.login-heading h2{font-size:20px}}@media (width<=380px){.login-page{padding:15px 10px}.login-card{padding:26px 18px}.login-switch{flex-direction:column;gap:2px}}@media (prefers-reduced-motion:reduce){.login-form-group input,.login-submit-button{transition:none}}.tables-page{--primary:#f97316;--primary-dark:#c2410c;--primary-light:#fff0e3;--page-bg:#fff7ed;--text:#292524;--muted:#78716c;--border:#f1e4d8;--green:#2e9d57;--red:#dc2626;background:var(--page-bg);min-height:100vh;color:var(--text);box-sizing:border-box;padding:24px;font-family:Georgia,Times New Roman,serif}.tables-page *,.tables-page :before,.tables-page :after{box-sizing:border-box}.tables-page button,.tables-page input{font:inherit}.tables-page button{cursor:pointer}.tables-page button:disabled{cursor:not-allowed;opacity:.6}.tables-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.tables-heading{min-width:0}.tables-eyebrow{color:var(--primary-dark);letter-spacing:1.3px;margin-bottom:6px;font-size:10px;font-weight:800;display:inline-block}.tables-heading h1{color:var(--text);letter-spacing:-.7px;margin:0;font-size:28px;font-weight:700}.tables-heading p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.7}.add-table-button{border:1px solid var(--primary);background:var(--primary);color:#fff;white-space:nowrap;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s;display:inline-flex}.add-table-button:hover{border-color:var(--primary-dark);background:var(--primary-dark)}.add-table-plus{font-family:Arial,sans-serif;font-size:19px;line-height:1}.tables-notice{border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 13px;font-size:12px;display:flex}.tables-notice>span{flex:1}.tables-notice>button{color:inherit;background:0 0;border:0;font-size:18px}.tables-notice-success{color:#166534;background:#f0fdf4;border-color:#cde9d5}.tables-notice-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.table-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:29px;display:grid}.summary-card{background:#fff;border:1px solid #f0e3d7;border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:92px;padding:17px;display:flex;box-shadow:0 2px 6px #50321408}.summary-icon{background:var(--primary-light);width:39px;height:39px;color:var(--primary-dark);border-radius:11px;flex:0 0 39px;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:21px;font-weight:700;display:flex}.summary-available .summary-icon{color:var(--primary-dark);background:#fff0e3}.summary-occupied .summary-icon{color:var(--red);background:#fee2e2}.summary-copy{flex-direction:column;min-width:0;display:flex}.summary-copy>span{color:var(--muted);font-size:10px;font-weight:600}.summary-copy>strong{color:var(--text);margin-top:3px;font-size:22px;line-height:1.15}.summary-copy>small{color:#a8a29e;margin-top:6px;font-size:9px}.table-list-section{min-width:0}.table-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.table-section-header h2{color:var(--text);margin:0;font-size:17px;font-weight:700}.table-section-header p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.6}.table-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.refresh-tables-button{border:1px solid var(--border);min-height:28px;color:var(--primary-dark);background:#fff;border-radius:20px;padding:0 9px;font-size:10px}.refresh-tables-button:hover{background:var(--primary-light)}.table-count-pill{min-height:27px;color:var(--primary-dark);white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;justify-content:center;align-items:center;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.tables-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:15px;display:grid}.table-card{background:#fff;border:1px solid #f0e3d7;border-radius:13px;flex-direction:column;min-width:0;padding:14px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 2px 6px #50321408}.table-card:hover{border-color:#f5c59f;box-shadow:0 4px 12px #5032140d}.table-card-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.table-card-icon{background:#fff0e3;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:21px;display:flex}.table-status-badge{color:#ad5a10;text-overflow:ellipsis;white-space:nowrap;background:#fff7ed;border:1px solid #f6d1ad;border-radius:20px;align-items:center;gap:5px;max-width:70%;min-height:23px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex;overflow:hidden}.status-dot{background:#d99039;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.status-occupied{color:#ad5a10;background:#fff7ed;border-color:#f6d1ad}.status-occupied .status-dot{background:#d99039}.status-available{color:#287847;background:#eff9f2;border-color:#cde9d5}.status-available .status-dot{background:#31a15b}.status-reserved{color:#6d55b5;background:#f5f3ff;border-color:#ddd6fe}.status-reserved .status-dot{background:#8b5cf6}.status-unavailable{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.status-unavailable .status-dot{background:#dc2626}.table-card-content{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:stretch;gap:13px;margin-top:14px;display:grid}.table-card-details{flex-direction:column;min-width:0;display:flex}.table-card-main{min-width:0;margin-top:4px}.table-number-label{color:#a8a29e;letter-spacing:1px;font-size:9px;font-weight:800;display:block}.table-card-main h3{color:#292524;letter-spacing:-.4px;overflow-wrap:anywhere;margin:6px 0 12px;font-size:18px;font-weight:700;line-height:1.2}.table-capacity{color:#78716c;align-items:center;gap:6px;min-width:0;font-size:9px;line-height:1.5;display:flex}.table-capacity strong{color:#78716c}.capacity-icon{color:var(--primary);flex:none;font-family:Arial,sans-serif;font-size:13px}.table-card-divider{background:#f1e4d8;flex-shrink:0;height:1px;margin:18px 0 12px}.table-qr-info{align-items:flex-start;gap:8px;min-width:0;display:flex}.qr-indicator{background:#fff0e3;border-radius:8px;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.qr-indicator-dot{border-radius:50%;width:6px;height:6px}.qr-indicator-active .qr-indicator-dot{background:#32985a}.qr-indicator-inactive{background:#f1f2f1}.qr-indicator-inactive .qr-indicator-dot{background:#9aa39c}.table-qr-copy{flex-direction:column;gap:4px;min-width:0;padding-top:2px;display:flex}.table-qr-copy strong{color:#57534e;font-size:9px;line-height:1.4}.table-qr-copy>span{color:#a8a29e;overflow-wrap:anywhere;font-size:8px;line-height:1.5}.table-orders-panel{background:#fffcf9;border:1px solid #f1dfd0;border-radius:10px;flex-direction:column;min-width:0;height:176px;display:flex;overflow:hidden}.table-orders-header{background:#fff7ed;border-bottom:1px solid #f1dfd0;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:41px;padding:7px 9px;display:flex}.table-orders-header>div{min-width:0}.table-orders-header h4{color:#44403c;margin:0;font-size:10px;font-weight:700}.table-orders-header p{color:#a8a29e;margin:3px 0 0;font-size:8px;line-height:1.4}.orders-arrow-button{color:#c2410c;background:#fff0d9;border:0;border-radius:7px;flex:0 0 23px;justify-content:center;align-items:center;width:23px;height:23px;padding:0;font-family:Arial,sans-serif;font-size:16px;line-height:1;transition:background .15s;display:flex}.orders-arrow-button:hover{background:#fed7aa}.table-orders-scroll{scrollbar-color:#e7d5c4 transparent;scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}.table-orders-scroll::-webkit-scrollbar{width:5px}.table-orders-scroll::-webkit-scrollbar-track{background:0 0}.table-orders-scroll::-webkit-scrollbar-thumb{background:#e7d5c4;border-radius:20px}.table-order-row{color:#292524;text-align:left;background:0 0;border:0;border-bottom:1px solid #f1dfd0;border-radius:0;justify-content:space-between;align-items:center;gap:5px;width:100%;min-width:0;min-height:51px;padding:7px 8px;transition:background .15s;display:flex}.table-order-row:last-child{border-bottom:0}.table-order-row:hover{background:#fff5eb}.table-order-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.table-order-info strong{color:#c93608;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;display:block;overflow:hidden}.table-order-info>span{color:#78716c;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.4;display:block;overflow:hidden}.table-order-right{flex-direction:column;flex:none;align-items:flex-end;gap:5px;min-width:0;display:flex}.table-order-right time{color:#a8a29e;white-space:nowrap;font-size:8px}.order-status-chip{color:#174ccb;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;justify-content:center;align-items:center;max-width:100%;min-height:18px;padding:0 5px;font-size:7px;font-weight:800;display:inline-flex;overflow:hidden}.order-status-accepted,.order-status-preparing{color:#174ccb;background:#eff6ff;border-color:#bfdbfe}.order-status-pending{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.order-status-ready{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.order-status-cancelled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.table-orders-empty{color:#a8a29e;text-align:center;flex:1;justify-content:center;align-items:center;min-height:80px;padding:10px;font-size:9px;line-height:1.6;display:flex}.table-card-bottom{border-top:1px solid #f1e4d8;margin-top:11px;padding-top:10px}.view-qr-button{color:#c93608;background:#fff7ed;border:1px solid #ffc58a;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:34px;padding:6px 10px;font-size:12px;font-weight:400;transition:background .16s,border-color .16s;display:flex}.view-qr-button:hover{background:#ffedd5;border-color:#f97316}.qr-button-icon{font-family:Arial,sans-serif;font-size:13px;line-height:1}.tables-empty-state{text-align:center;background:#fff;border:1px dashed #e7d5c4;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:28px 20px;display:flex}.empty-table-illustration{background:#fff0e3;border-radius:17px;justify-content:center;align-items:center;width:62px;height:62px;font-size:31px;display:flex}.tables-empty-state h3{margin:15px 0 0;font-size:17px}.tables-empty-state p{max-width:350px;color:var(--muted);margin:8px 0 18px;font-size:11px;line-height:1.8}.tables-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2925247a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.tables-modal{background:#fff;border:1px solid #f1e4d8;border-radius:16px;width:100%;max-width:440px;max-height:calc(100vh - 40px);position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000026}.create-table-modal{padding:25px}.tables-modal-close{color:#617066;background:#fff;border:1px solid #e9edea;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;padding:0;font-size:21px;display:flex;position:absolute;top:13px;right:13px}.tables-modal-close:hover{background:#fff7ed}.tables-modal-header{grid-template-columns:43px minmax(0,1fr);gap:12px;padding-right:25px;display:grid}.modal-heading-icon{color:#c2410c;background:#fff0e3;border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;font-size:25px;display:flex}.tables-modal-header h2{margin:0;font-size:18px}.tables-modal-header p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.7}.create-table-form{flex-direction:column;gap:17px;margin-top:25px;display:flex}.create-table-form .form-group{flex-direction:column;gap:7px;display:flex}.create-table-form label{color:#44403c;font-size:11px;font-weight:700}.create-table-form label span{color:#d44c4c}.create-table-form input{width:100%;min-height:42px;color:var(--text);background:#fff;border:1px solid #f1e4d8;border-radius:8px;outline:none;padding:0 12px;font-size:12px}.create-table-form input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.create-modal-actions{border-top:1px solid #f5ede5;justify-content:flex-end;gap:9px;padding-top:16px;display:flex}.cancel-table-button,.create-table-submit{border:1px solid #f1e4d8;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.cancel-table-button{color:#526157;background:#fff}.cancel-table-button:hover{background:#fff7ed}.create-table-submit{color:#fff;background:#f97316;border-color:#f97316}.create-table-submit:hover:not(:disabled){background:#c2410c;border-color:#c2410c}.message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:11px}.qr-table-modal{text-align:center;max-width:400px;padding:28px}.qr-modal-heading{flex-direction:column;align-items:center;display:flex}.qr-modal-icon{color:#c2410c;background:#fff0e3;border-radius:13px;justify-content:center;align-items:center;width:49px;height:49px;margin-bottom:13px;font-size:26px;display:flex}.qr-modal-heading h2{margin:0;font-size:22px}.qr-modal-heading p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.8}.qr-image-container{background:#fff;border:1px solid #f1e4d8;border-radius:12px;justify-content:center;align-items:center;min-height:210px;margin:22px 0 17px;padding:14px;display:flex}.qr-image-container img{object-fit:contain;width:100%;max-width:210px;height:auto;display:block}.qr-url-section{text-align:left;margin-top:14px}.qr-url-section>span{color:#44403c;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.qr-url{overflow-wrap:anywhere;color:#57534e;background:#fff7ed;border:1px solid #e6ebe7;border-radius:8px;padding:10px;font-size:10px;line-height:1.7}.qr-modal-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px;display:flex}.download-qr-button{flex:1}.qr-modal-loading,.qr-modal-error{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;display:flex}.qr-modal-loading h2,.qr-modal-error h2{margin:0;font-size:17px}.qr-modal-error p{color:var(--muted);font-size:11px;line-height:1.7}.tables-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:55vh;display:flex}.tables-loading p{color:var(--muted);font-size:12px}@keyframes tables-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.tables-page{padding:20px}.tables-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.table-card{padding:13px}.table-card-content{gap:10px}.table-orders-panel{height:176px}}@media (width<=650px){.tables-page{padding:16px 12px 25px}.tables-header{align-items:flex-start;gap:10px;margin-bottom:20px}.tables-heading h1{font-size:25px}.tables-heading p{max-width:260px;font-size:10px}.tables-header>.add-table-button{gap:5px;min-height:36px;padding:0 9px;font-size:10px}.add-table-plus{font-size:16px}.table-summary{grid-template-columns:1fr;gap:9px;margin-bottom:24px}.summary-card{min-height:72px;padding:12px}.summary-icon{flex-basis:35px;width:35px;height:35px}.summary-copy>strong{font-size:20px}.table-section-header{align-items:flex-start;gap:8px}.table-section-header h2{font-size:15px}.table-section-header p{max-width:230px;font-size:9px}.table-header-actions{flex-direction:column;align-items:flex-end;gap:5px}.tables-grid{grid-template-columns:1fr;gap:13px}.table-card{border-radius:12px;padding:13px}.table-card-content{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:10px;margin-top:13px}.table-card-main h3{font-size:17px}.table-capacity{font-size:9px}.table-orders-panel{height:180px}.table-order-info strong{font-size:9px}.table-order-info>span{font-size:8px}.view-qr-button{min-height:36px;font-size:12px}.create-table-modal,.qr-table-modal{padding:22px 17px}}@media (prefers-reduced-motion:reduce){.tables-page *,.tables-page :before,.tables-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.categories-page{--category-primary:#f97316;--category-primary-dark:#c2410c;--category-primary-light:#fff0e3;--category-text:#292524;--category-muted:#78716c;--category-border:#f1e4d8;--category-surface:#fff;--category-background:#fff7ed;background:var(--category-background);min-height:100vh;color:var(--category-text);box-sizing:border-box;padding:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.categories-page *,.categories-page :before,.categories-page :after{box-sizing:border-box}.categories-page button,.categories-page input,.categories-page textarea{font:inherit}.categories-page button{cursor:pointer}.categories-page button:disabled{cursor:not-allowed;opacity:.55}.categories-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.categories-heading{min-width:0}.categories-eyebrow{color:var(--category-primary);letter-spacing:1.6px;margin-bottom:8px;font-size:10px;font-weight:800;display:inline-block}.categories-heading h1{color:var(--category-text);letter-spacing:-1.2px;margin:0;font-size:clamp(28px,3vw,36px);font-weight:750;line-height:1.2}.categories-heading p{max-width:620px;color:var(--category-muted);margin:10px 0 0;font-size:14px;line-height:1.7}.add-category-button{border:1px solid var(--category-primary);background:var(--category-primary);color:#fff;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 19px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 4px 10px #f9731626}.add-category-button:hover{border-color:var(--category-primary-dark);background:var(--category-primary-dark);transform:translateY(-1px);box-shadow:0 7px 16px #c2410c2b}.add-category-plus{font-size:23px;font-weight:400;line-height:1}.categories-notice{border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;margin-bottom:22px;padding:13px 16px;font-size:13px;line-height:1.5;display:flex}.categories-notice>span:first-child{flex:1}.categories-notice-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.categories-notice-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca;justify-content:space-between}.category-notice-icon{color:#c2410c;background:#ffedd5;border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:inline-flex}.categories-notice>button{color:inherit;background:0 0;border:0;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:700}.categories-notice>button:hover{background:#0000000d}.category-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:36px;display:grid}.category-summary-card{border:1px solid var(--category-border);background:var(--category-surface);border-radius:15px;align-items:flex-start;gap:16px;min-height:142px;padding:23px;display:flex;overflow:hidden;box-shadow:0 2px 8px #29252408}.category-summary-icon{border-radius:12px;flex:0 0 45px;justify-content:center;align-items:center;width:45px;height:45px;font-size:23px;font-weight:700;display:flex}.summary-category-total .category-summary-icon{color:#c2410c;background:#fff0e3}.summary-category-active .category-summary-icon{color:#15803d;background:#f0fdf4}.summary-category-inactive .category-summary-icon{color:#dc2626;background:#fee2e2}.category-summary-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.category-summary-copy>span{color:var(--category-muted);font-size:12px;font-weight:600}.category-summary-copy>strong{color:var(--category-text);letter-spacing:-1px;margin-top:6px;font-size:31px;font-weight:750;line-height:1.15}.category-summary-copy>small{color:#8a8580;margin-top:7px;font-size:11px;line-height:1.5}.category-list-section{min-width:0}.category-section-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.category-section-header h2{color:var(--category-text);letter-spacing:-.45px;margin:0;font-size:20px;font-weight:750}.category-section-header p{color:var(--category-muted);margin:7px 0 0;font-size:12px;line-height:1.6}.category-count-pill{min-height:30px;color:var(--category-primary-dark);white-space:nowrap;background:#fff0e3;border:1px solid #fed7aa;border-radius:30px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:750;display:inline-flex}.categories-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.category-card{border:1px solid var(--category-border);background:var(--category-surface);border-radius:15px;flex-direction:column;min-width:0;padding:21px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 2px 8px #29252408}.category-card:hover{border-color:#fdba74;transform:translateY(-2px);box-shadow:0 10px 25px #c2410c14}.category-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.category-icon{color:#c2410c;background:#fff0e3;border-radius:13px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex}.category-status{letter-spacing:.35px;white-space:nowrap;border:1px solid #0000;border-radius:30px;align-items:center;gap:6px;min-height:27px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.category-status-dot{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.category-status-active{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.category-status-active .category-status-dot{background:#22c55e}.category-status-inactive{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.category-status-inactive .category-status-dot{background:#f97316}.category-card-content{flex:1;margin-top:23px}.category-card-label{color:#8a8580;letter-spacing:1.3px;font-size:9px;font-weight:800}.category-card-content h3{overflow-wrap:anywhere;color:var(--category-text);letter-spacing:-.4px;margin:7px 0 10px;font-size:21px;font-weight:750;line-height:1.35}.category-card-content p{overflow-wrap:anywhere;min-height:42px;color:var(--category-muted);margin:0;font-size:12px;line-height:1.8}.category-card-divider{background:#f5ede5;height:1px;margin:20px 0 15px}.category-card-footer{gap:10px;display:flex}.category-card-footer button{color:#57534e;background:#fff;border:1px solid #e7e5e4;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:37px;padding:8px 12px;font-size:11px;font-weight:700;transition:background .16s,border-color .16s;display:inline-flex}.category-card-footer button:hover:not(:disabled){background:#fff7ed;border-color:#fdba74}.category-card-footer .category-delete-button{color:#dc2626;border-color:#fecaca}.category-card-footer .category-delete-button:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.categories-empty-state{text-align:center;background:#fff;border:1px dashed #fdba74;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:38px 24px;display:flex}.empty-category-illustration{color:#c2410c;background:#fff0e3;border-radius:23px;justify-content:center;align-items:center;width:76px;height:76px;font-size:38px;display:flex}.categories-empty-state h3{color:var(--category-text);margin:20px 0 0;font-size:18px;font-weight:750}.categories-empty-state p{max-width:420px;color:var(--category-muted);margin:10px 0 22px;font-size:12px;line-height:1.8}.empty-add-category-button{min-height:42px}.categories-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2925248c;justify-content:center;align-items:center;padding:22px;animation:.16s category-overlay-in;display:flex;position:fixed;inset:0;overflow-y:auto}.categories-modal{background:#fff;border:1px solid #fff9;border-radius:18px;width:100%;max-width:480px;max-height:calc(100vh - 44px);padding:28px;animation:.18s category-modal-in;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000030}@keyframes category-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes category-modal-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.categories-modal-close{z-index:1;color:#78716c;background:#fff;border:1px solid #e7e5e4;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:23px;font-weight:400;line-height:1;transition:background .16s,color .16s;display:flex;position:absolute;top:17px;right:17px}.categories-modal-close:hover:not(:disabled){color:var(--category-primary-dark);background:#fff0e3}.categories-modal-header{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:0 14px;padding-right:20px;display:grid;position:relative}.category-modal-icon{background:var(--category-primary-light);width:48px;height:48px;color:var(--category-primary-dark);border-radius:13px;justify-content:center;align-items:center;font-size:28px;font-weight:400;display:flex}.category-modal-heading-copy{padding-top:2px}.category-modal-heading-copy h2{color:var(--category-text);letter-spacing:-.4px;margin:0;font-size:19px;font-weight:750}.category-modal-heading-copy p{color:var(--category-muted);margin:8px 0 0;font-size:12px;line-height:1.7}.create-category-form{flex-direction:column;gap:20px;margin-top:29px;display:flex}.create-category-form .form-group{flex-direction:column;gap:8px;display:flex}.create-category-form label{color:#44403c;font-size:12px;font-weight:750}.create-category-form label>span:first-child:not(.optional-label){color:#dc2626}.create-category-form .optional-label{color:#8a8580;font-size:10px;font-weight:500}.create-category-form input,.create-category-form textarea{width:100%;color:var(--category-text);background:#fff;border:1px solid #e7e5e4;border-radius:9px;outline:none;padding:12px 13px;font-size:13px;transition:border-color .16s,box-shadow .16s}.create-category-form input{min-height:46px}.create-category-form textarea{resize:vertical;min-height:100px;line-height:1.6}.create-category-form input::placeholder,.create-category-form textarea::placeholder{color:#a8a29e}.create-category-form input:focus,.create-category-form textarea:focus{border-color:var(--category-primary);box-shadow:0 0 0 3px #f973161f}.create-category-form input:disabled,.create-category-form textarea:disabled{background:#f5f5f4}.create-category-form small{color:#8a8580;font-size:10px;line-height:1.5}.category-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:11px 13px;font-size:12px;line-height:1.6}.category-modal-actions{border-top:1px solid #f5ede5;justify-content:flex-end;gap:10px;margin-top:3px;padding-top:19px;display:flex}.category-cancel-button,.category-submit-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:12px;font-weight:750;transition:background .16s,border-color .16s;display:inline-flex}.category-cancel-button{color:#57534e;background:#fff;border-color:#e7e5e4}.category-cancel-button:hover:not(:disabled){background:#fff7ed}.category-submit-button{border-color:var(--category-primary);background:var(--category-primary);color:#fff}.category-submit-button:hover:not(:disabled){border-color:var(--category-primary-dark);background:var(--category-primary-dark)}.category-button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite category-spin}.categories-loading{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:60vh;display:flex}.categories-loading p{color:var(--category-muted);margin:0;font-size:13px}@keyframes category-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.categories-page{padding:26px}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-summary{gap:13px}.category-summary-card{gap:12px;padding:19px}.category-summary-icon{flex-basis:40px;width:40px;height:40px}}@media (width<=650px){.categories-page{padding:20px 15px 28px}.categories-header{align-items:flex-start;gap:14px;margin-bottom:23px}.categories-heading h1{font-size:28px}.categories-heading p{font-size:12px}.categories-header>.add-category-button{gap:5px;min-height:40px;padding:0 11px;font-size:11px}.add-category-plus{font-size:19px}.category-summary{grid-template-columns:1fr;gap:11px;margin-bottom:29px}.category-summary-card{align-items:center;min-height:auto;padding:15px}.category-summary-copy>strong{margin-top:3px;font-size:25px}.category-summary-copy>small{margin-top:4px}.category-section-header{align-items:flex-start;gap:10px}.category-section-header h2{font-size:17px}.category-section-header p{max-width:260px;font-size:11px}.category-count-pill{min-height:27px;padding:0 9px;font-size:10px}.categories-grid{grid-template-columns:1fr;gap:14px}.category-card{padding:18px}.category-card-content{margin-top:18px}.category-card-content h3{font-size:20px}.categories-empty-state{min-height:280px;padding:28px 18px}.categories-modal-overlay{align-items:center;padding:14px}.categories-modal{border-radius:15px;padding:23px 19px}.categories-modal-header{grid-template-columns:40px minmax(0,1fr);gap:0 11px;padding-right:12px}.category-modal-icon{width:40px;height:40px;font-size:24px}.category-modal-heading-copy h2{font-size:17px}.category-modal-heading-copy p{font-size:11px}.categories-modal-close{width:30px;height:30px;top:12px;right:12px}.create-category-form{gap:17px;margin-top:24px}.category-modal-actions{gap:8px}.category-cancel-button,.category-submit-button{min-height:40px;padding:0 12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.categories-page *,.categories-page :before,.categories-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.category-delete-modal{max-width:460px}.category-delete-warning-icon{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:25px;font-weight:700;display:flex}.category-delete-modal .category-modal-heading-copy p{line-height:1.6}.category-delete-modal .category-modal-heading-copy strong{color:#292524;overflow-wrap:anywhere}.category-confirm-delete-button{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.category-confirm-delete-button:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.category-confirm-delete-button:disabled{opacity:.6;cursor:not-allowed}.menu-items-page{--menu-ink:#292524;--menu-muted:#78716c;--menu-line:#f1e4d8;--menu-green:#f97316;--menu-green-dark:#c2410c;--menu-green-soft:#fff0e3;--menu-red:#b91c1c;min-height:100%;color:var(--menu-ink);box-sizing:border-box;background:#fff7ed;padding:30px}.menu-items-page *,.menu-items-page :before,.menu-items-page :after{box-sizing:border-box}.menu-items-header{justify-content:space-between;align-items:flex-end;gap:22px;max-width:1500px;margin:0 auto 26px;display:flex}.menu-eyebrow{color:var(--menu-green-dark);letter-spacing:.14em;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.menu-items-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,36px);line-height:1.15}.menu-items-header p,.menu-section-heading p{color:var(--menu-muted);margin:9px 0 0;font-size:14px;line-height:1.6}.menu-header-actions{flex-wrap:wrap;gap:10px;display:flex}.add-menu-button,.secondary-menu-button,.menu-cancel-button,.menu-action-button,.menu-reset-filter{min-height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:750;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.add-menu-button{color:#fff;background:var(--menu-green);border-color:var(--menu-green);box-shadow:0 5px 14px #f973161f}.add-menu-button:hover{background:var(--menu-green-dark);border-color:var(--menu-green-dark);transform:translateY(-1px)}.add-menu-button:disabled,.secondary-menu-button:disabled,.menu-action-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-menu-button{color:var(--menu-green-dark);background:#fff;border-color:#fed7aa}.secondary-menu-button:hover{background:var(--menu-green-soft);border-color:#fdba74}.button-plus{font-size:20px;font-weight:500;line-height:14px}.menu-notice{border:1px solid;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;max-width:1500px;margin:0 auto 18px;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.menu-notice button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;font-weight:800}.menu-notice.error{color:#9b2c24;background:#fff1f0;border-color:#f1c7c3}.menu-notice.success{color:#17633e;background:#eef9f1;border-color:#c4e5ce}.menu-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:1500px;margin:0 auto 28px;display:grid}.menu-summary-card{border:1px solid var(--menu-line);background:#fff;border-radius:15px;align-items:center;gap:14px;min-width:0;padding:20px;display:flex;box-shadow:0 3px 12px #29252408}.summary-icon{border-radius:13px;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:21px;font-weight:800;display:grid}.total-icon{color:#c2410c;background:#fff0e3}.available-icon{color:#167347;background:#e7f7ed}.unavailable-icon{color:#a65b16;background:#fff3e2}.category-summary-icon{color:#c2410c;background:#fff0e3}.menu-summary-card>div:last-child{flex-direction:column;min-width:0;display:flex}.menu-summary-card span{color:var(--menu-muted);font-size:12px;font-weight:650}.menu-summary-card strong{margin:4px 0;font-size:25px;line-height:1.1}.menu-summary-card small{color:#78716c;font-size:11px}.menu-list-section{border:1px solid var(--menu-line);background:#fff;border-radius:17px;max-width:1500px;margin:0 auto;padding:24px}.menu-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.menu-section-heading h2{letter-spacing:-.025em;margin:0;font-size:21px}.menu-results-count,.menu-category-item-count{white-space:nowrap;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-size:12px;font-weight:750;display:inline-flex}.menu-filters{border:1px solid var(--menu-line);background:#fffaf5;border-radius:12px;flex-wrap:wrap;gap:14px;margin:22px 0 25px;padding:15px;display:flex}.menu-search-info{flex-direction:column;gap:7px;min-width:210px;display:flex}.filter-label{color:#57534e;font-size:12px;font-weight:750}.menu-search-info select,.menu-form-group input,.menu-form-group select,.menu-form-group textarea{color:#292524;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #e7d9cb;border-radius:9px;outline:none;padding:11px 12px;font-size:13px}.menu-search-info select:focus,.menu-form-group input:focus,.menu-form-group select:focus,.menu-form-group textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.menu-category-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin:0 0 20px;padding:19px}.menu-category-warning strong{font-size:14px}.menu-category-warning p{color:#796744;margin:7px 0 13px;font-size:13px;line-height:1.55}.menu-empty-state{text-align:center;background:#fffaf5;border:1px dashed #e7d9cb;border-radius:14px;flex-direction:column;align-items:center;padding:55px 20px;display:flex}.menu-empty-icon{background:#fff0e3;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:15px;font-size:30px;display:grid}.menu-empty-state h3{margin:0;font-size:18px}.menu-empty-state p{max-width:430px;color:var(--menu-muted);margin:8px 0 18px;font-size:13px;line-height:1.6}.compact-empty{padding:34px 20px}.compact-empty h3{margin-bottom:4px}.menu-reset-filter{color:#c2410c;background:#fff;border-color:#fed7aa}.menu-reset-filter:hover{background:#fff0e3;border-color:#fdba74}.menu-category-groups{flex-direction:column;gap:30px;display:flex}.menu-category-group{min-width:0}.menu-category-group-heading{border-bottom:1px solid var(--menu-line);justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;padding-bottom:13px;display:flex}.menu-category-kicker{color:#78716c;letter-spacing:.13em;font-size:10px;font-weight:850}.menu-category-group-heading h3{letter-spacing:-.02em;margin:4px 0 0;font-size:18px}.menu-items-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.menu-item-card{border:1px solid var(--menu-line);background:#fff;border-radius:14px;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.menu-item-card:hover{border-color:#fdba74;transform:translateY(-2px);box-shadow:0 10px 25px #c2410c14}.menu-item-card-top{background:linear-gradient(135deg,#fff7ed,#fff0e3);place-items:center;height:155px;display:grid;position:relative;overflow:hidden}.menu-item-image{object-fit:cover;width:100%;height:100%}.menu-item-icon{background:#fff;border-radius:20px;place-items:center;width:66px;height:66px;font-size:30px;display:grid;box-shadow:0 4px 15px #2925240d}.menu-status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.menu-item-card-top .menu-status{border:1px solid #fffc;position:absolute;top:11px;right:11px;box-shadow:0 2px 8px #14251a0f}.menu-status.available{color:#176b40;background:#e9f8ee}.menu-status.unavailable{color:#a33a31;background:#fff0ef}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.menu-item-availability-message{padding:9px 12px;font-size:11px;line-height:1.4}.menu-item-availability-message.loading{color:#6d5b18;background:#fff8df}.menu-item-availability-message.success{color:#176b40;background:#eaf8ef}.menu-item-availability-message.error{color:#a33a31;background:#fff0ef}.menu-item-details{flex:1;padding:16px 16px 12px}.menu-category-tag{color:#c2410c;background:#fff0e3;border-radius:6px;margin-bottom:9px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-block}.menu-item-details h3{overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.35}.menu-item-description{color:#78716c;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:7px 0 0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.menu-item-bottom{border-top:1px solid #f5ede5;flex-direction:column;gap:13px;padding:13px 16px 15px;display:flex}.menu-price{flex-direction:column;gap:3px;display:flex}.menu-price small{color:#78716c;font-size:10px}.menu-price strong{color:#c2410c;letter-spacing:-.02em;font-size:19px}.menu-item-actions{flex-wrap:wrap;gap:6px;display:flex}.menu-action-button{color:#57534e;background:#fff;border-color:#e7d9cb;border-radius:7px;min-height:32px;padding:7px 9px;font-size:11px}.menu-action-button:hover{background:#fff7ed;border-color:#fdba74}.menu-action-button.delete-action{color:#b91c1c;border-color:#f0d4d1}.menu-action-button.delete-action:hover{background:#fff3f2;border-color:#e6b8b3}.menu-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#29252485;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-create-modal{border:1px solid var(--menu-line);background:#fff;border-radius:18px;width:min(100%,590px);max-height:min(92vh,900px);padding:25px;overflow-y:auto;box-shadow:0 24px 80px #29252433}.menu-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:23px;display:flex}.menu-modal-header .menu-eyebrow{margin-bottom:6px}.menu-modal-header h2{letter-spacing:-.03em;margin:0;font-size:23px}.menu-modal-header p{color:var(--menu-muted);margin:7px 0 0;font-size:12px;line-height:1.6}.menu-modal-close{border:1px solid var(--menu-line);color:#78716c;cursor:pointer;background:#fff;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:23px;display:grid}.menu-modal-close:hover{color:#292524;background:#fff7ed}.menu-create-form{flex-direction:column;gap:17px;display:flex}.menu-form-group{flex-direction:column;gap:8px;display:flex}.menu-form-group label{color:#57534e;font-size:12px;font-weight:800}.required-star{color:#c63d32}.optional-label{color:#78716c;font-size:11px;font-weight:500}.menu-form-group textarea{resize:vertical;min-height:82px}.menu-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-create-category{color:#c2410c;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.inline-create-category:hover{color:#9a3412;text-decoration:underline}.form-helper{color:#78716c;font-size:11px;line-height:1.5}.menu-price-input{border:1px solid #e7d9cb;border-radius:9px;align-items:center;display:flex;overflow:hidden}.menu-price-input:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.menu-price-input>span{color:#78716c;padding-left:13px;font-size:13px}.menu-price-input input{border:0;box-shadow:none!important}.menu-image-preview{background:#fffaf5;border:1px dashed #e7d9cb;border-radius:10px;margin-top:5px;padding:8px}.menu-image-preview img{object-fit:contain;border-radius:7px;max-width:100%;max-height:170px;margin:auto;display:block}.menu-availability-row{border:1px solid var(--menu-line);background:#fffaf5;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.menu-availability-row strong{font-size:12px}.menu-availability-row p{color:#78716c;margin:4px 0 0;font-size:11px;line-height:1.5}.menu-switch{flex:0 0 43px;width:43px;height:24px;display:inline-flex;position:relative}.menu-switch input{opacity:0;width:1px;height:1px;position:absolute}.menu-switch-slider{cursor:pointer;background:#d6d3d1;border-radius:999px;transition:background .2s;position:absolute;inset:0}.menu-switch-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000001f}.menu-switch input:checked+.menu-switch-slider{background:#f97316}.menu-switch input:checked+.menu-switch-slider:before{transform:translate(19px)}.menu-switch input:focus-visible+.menu-switch-slider{outline-offset:2px;outline:3px solid #f9731640}.menu-availability-label{margin-top:-8px}.menu-modal-actions{justify-content:flex-end;gap:9px;padding-top:6px;display:flex}.menu-cancel-button{color:#57534e;background:#fff;border-color:#e7d9cb}.menu-cancel-button:hover{background:#fff7ed}.modal-submit-button{min-width:150px}.category-modal-overlay{z-index:1100}.category-create-modal{width:min(100%,520px)}.menu-delete-modal{width:min(100%,500px)}.menu-items-loading{color:#78716c;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;font-size:13px;display:flex}.loading-spinner{border:3px solid #f1e4d8;border-top-color:#f97316;border-radius:50%;width:30px;height:30px;animation:.75s linear infinite menu-spin}@keyframes menu-spin{to{transform:rotate(360deg)}}@media (width<=1150px){.menu-summary-grid,.menu-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.menu-items-page{padding:18px 13px}.menu-items-header{flex-direction:column;align-items:stretch}.menu-header-actions{width:100%}.menu-header-actions>button{flex:1}.menu-list-section{padding:16px 12px}.menu-summary-grid{gap:10px}.menu-summary-card{gap:10px;padding:13px 10px}.summary-icon{border-radius:10px;flex-basis:36px;width:36px;height:36px;font-size:17px}.menu-summary-card strong{font-size:21px}.menu-summary-card small{font-size:10px}.menu-items-grid{grid-template-columns:1fr}.menu-item-card{max-width:100%}.menu-item-card-top{height:190px}.menu-filters{flex-direction:column}.menu-search-info{min-width:0}.menu-section-heading{align-items:flex-start}.menu-create-modal{padding:19px 16px}.menu-modal-header h2{font-size:20px}.menu-modal-actions{flex-wrap:wrap}.menu-modal-actions button{flex:1}}@media (prefers-reduced-motion:reduce){.menu-items-page *,.menu-items-page :before,.menu-items-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.menu-form-group{position:relative;overflow:visible}.menu-form-group select{z-index:2;position:relative}.menu-form-group select:focus{border-color:#f97316;outline:none}.menu-create-modal{overflow:visible auto}.customer-menu-page{background:#f7f7f8;min-height:100vh;padding-bottom:100px}.customer-header{z-index:20;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.restaurant-info{min-width:0}.brand-name{color:#6b7280;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;font-size:12px;font-weight:700}.restaurant-info h1{color:#111827;margin:0;font-size:22px;font-weight:700}.restaurant-info p{color:#6b7280;margin:4px 0 0;font-size:13px}.table-info{background:#f3f4f6;border-radius:8px;flex-direction:column;align-items:flex-end;padding:8px 12px;display:flex}.table-info span{color:#9ca3af;letter-spacing:1px;font-size:9px;font-weight:700}.table-info strong{color:#111827;margin-top:2px;font-size:13px}.customer-menu-content{box-sizing:border-box;width:100%;max-width:700px;margin:0 auto;padding:24px 18px}.menu-category-section{margin-bottom:32px}.category-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-heading h2{color:#111827;margin:0;font-size:20px;font-weight:700}.category-heading span{color:#6b7280;background:#eeeeef;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.customer-menu-items{flex-direction:column;gap:10px;display:flex}.customer-menu-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.customer-menu-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.menu-item-info{flex:1;min-width:0}.menu-item-name-row{align-items:center;gap:8px;display:flex}.menu-item-info h3{color:#111827;margin:0;font-size:16px;font-weight:600}.menu-item-info p{color:#6b7280;margin:6px 0;font-size:13px;line-height:1.5}.menu-item-info strong{color:#111827;margin-top:8px;font-size:15px;font-weight:700;display:block}.item-unavailable{opacity:.6;background:#fafafa}.unavailable-label{color:#b91c1c;text-transform:uppercase;background:#fee2e2;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700}.menu-item-action{flex-shrink:0}.menu-item-action>button{color:#111827;cursor:pointer;background:#fff;border:1px solid #111827;border-radius:8px;min-width:65px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .2s}.menu-item-action>button:hover{color:#fff;background:#111827}.menu-item-action .disabled-add-button{color:#9ca3af;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb;min-width:95px}.menu-item-action .disabled-add-button:hover{color:#9ca3af;background:#f3f4f6}.quantity-control{background:#fff;border:1px solid #d1d5db;border-radius:9px;align-items:center;gap:8px;padding:4px;display:flex}.quantity-control button{color:#111827;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:17px;transition:all .15s;display:flex}.quantity-control button:hover{background:#e5e7eb}.quantity-control span{text-align:center;color:#111827;min-width:18px;font-size:14px;font-weight:700}.cart-bar{z-index:50;background:#111827;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;max-width:700px;margin:0 auto;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #00000026}.cart-summary{flex-direction:column;gap:2px;display:flex}.cart-summary span{color:#d1d5db;font-size:12px}.cart-summary strong{color:#fff;font-size:18px}.view-cart-button{color:#111827;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:11px 20px;font-size:13px;font-weight:700;transition:all .2s}.view-cart-button:hover{background:#f3f4f6}.no-menu{text-align:center;padding:80px 20px}.no-menu>div{font-size:48px}.no-menu h2{color:#111827;margin:15px 0 5px;font-size:21px}.no-menu p{color:#6b7280;margin:0;font-size:14px}.customer-menu-loading{color:#6b7280;background:#f7f7f8;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.customer-spinner{border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;width:36px;height:36px;margin-bottom:15px;animation:.8s linear infinite customer-spin}@keyframes customer-spin{to{transform:rotate(360deg)}}.customer-menu-error{text-align:center;background:#f7f7f8;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.error-icon{font-size:45px}.customer-menu-error h2{color:#111827;margin:15px 0 5px}.customer-menu-error p{color:#6b7280;max-width:400px;margin:0;font-size:14px;line-height:1.5}.customer-menu-error button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;margin-top:18px;padding:10px 18px;font-size:13px;font-weight:600}.customer-menu-error button:hover{background:#000}@media (width<=600px){.customer-header{padding:15px}.restaurant-info h1{font-size:19px}.restaurant-info p{font-size:12px}.table-info{padding:7px 9px}.customer-menu-content{padding:20px 14px}.category-heading h2{font-size:18px}.customer-menu-item{gap:10px;padding:14px}.menu-item-info h3{font-size:15px}.menu-item-info p{font-size:12px}.menu-item-info strong{font-size:14px}.menu-item-action>button{min-width:58px;padding:7px 12px}.quantity-control{gap:5px}.quantity-control button{width:27px;height:27px}.cart-bar{border-radius:12px 12px 0 0}}.cart-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.cart-modal{background:#fff;border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-width:700px;max-height:85vh;animation:.25s cart-slide-up;display:flex;overflow:hidden;box-shadow:0 -10px 40px #0003}@keyframes cart-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cart-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px;display:flex}.cart-modal-header h2{color:#111827;margin:0;font-size:21px}.cart-modal-header p{color:#6b7280;margin:4px 0 0;font-size:13px}.cart-close-button{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:34px;height:34px;font-size:23px}.cart-close-button:hover{background:#e5e7eb}.cart-items{flex:1;padding:10px 20px;overflow-y:auto}.cart-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;display:flex}.cart-item-info{flex:1}.cart-item-info h3{color:#111827;margin:0 0 5px;font-size:15px}.cart-item-info span{color:#6b7280;font-size:12px}.cart-item-right{align-items:center;gap:15px;display:flex}.cart-item-right>strong{text-align:right;color:#111827;min-width:65px;font-size:14px}.cart-quantity{border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.cart-quantity button{color:#111827;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;width:27px;height:27px;padding:0;font-size:17px}.cart-quantity button:hover{background:#e5e7eb}.cart-quantity span{text-align:center;color:#111827;min-width:18px;font-size:13px;font-weight:700}.cart-modal-footer{background:#fff;border-top:1px solid #e5e7eb;padding:18px 20px}.cart-total-row{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.cart-total-row span{color:#6b7280;font-size:14px}.cart-total-row strong{color:#111827;font-size:22px}.place-order-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:9px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.place-order-button:hover{background:#000}.place-order-button:disabled{opacity:.6;cursor:not-allowed}.order-success-page{box-sizing:border-box;background:#f7f7f8;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.order-success-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-width:420px;padding:35px 25px;box-shadow:0 10px 30px #0000000f}.success-icon{color:#15803d;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 20px;font-size:32px;font-weight:700;display:flex}.order-success-card h1{color:#111827;margin:0;font-size:25px}.order-success-card>p{color:#6b7280;margin:8px 0 20px;font-size:14px;line-height:1.5}.order-number-box{background:#f3f4f6;border-radius:10px;margin-bottom:15px;padding:15px}.order-number-box span{color:#9ca3af;letter-spacing:1px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.order-number-box strong{color:#111827;font-size:20px}.success-total{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.success-total span{color:#6b7280;font-size:14px}.success-total strong{color:#111827;font-size:20px}.success-status{margin-top:15px!important;font-size:13px!important}.success-status strong{color:#15803d}@media (width<=600px){.cart-modal{border-radius:16px 16px 0 0;max-height:90vh}.cart-item{align-items:flex-start}.cart-item-right{flex-direction:column;align-items:flex-end;gap:8px}.cart-item-right>strong{min-width:auto}.cart-items{padding:8px 15px}.cart-modal-footer{padding:15px}}:root{--order-primary:#f97316;--order-primary-dark:#c2410c;--order-primary-light:#fff0e3;--order-text:#292524;--order-muted:#78716c;--order-border:#f1e4d8;--order-background:#fff7ed;--order-white:#fff}.orders-page,.orders-page *{box-sizing:border-box}.orders-page{background:var(--order-background);min-height:100%;color:var(--order-text);padding:30px;font-family:inherit}.orders-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.orders-eyebrow{color:var(--order-primary-dark);letter-spacing:1.4px;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.orders-header h1{color:var(--order-text);letter-spacing:-1px;margin:0 0 8px;font-size:clamp(27px,3vw,34px);font-weight:800}.orders-header p{color:var(--order-muted);margin:0;font-size:14px;line-height:1.6}.refresh-btn{min-height:43px;color:var(--order-primary-dark);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #fed7aa;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:12px;font-weight:750;transition:background .2s,border-color .2s;display:inline-flex}.refresh-btn:hover:not(:disabled){border-color:var(--order-primary);background:#fff7ed}.refresh-btn:disabled{cursor:wait;opacity:.65}.refresh-icon{font-size:20px;line-height:1}.refresh-icon.spinning{animation:.8s linear infinite orderSpin}@keyframes orderSpin{to{transform:rotate(360deg)}}.orders-notice{border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:13px 15px;font-size:13px;line-height:1.6;display:flex}.orders-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.orders-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.orders-notice button{color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:3px 7px;font-size:12px;font-weight:750}.order-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.summary-card{border:1px solid var(--order-border);background:var(--order-white);border-radius:13px;align-items:center;gap:14px;min-width:0;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 7px #29252408}.summary-card:hover{border-color:#fdba74;box-shadow:0 5px 16px #2925240d}.order-summary-icon{border-radius:12px;flex:0 0 45px;justify-content:center;align-items:center;width:45px;height:45px;font-size:21px;font-weight:800;display:flex}.new-summary-icon{color:#c2410c;background:#fff0e3}.preparing-summary-icon{color:#496bc2;background:#eaf0ff}.ready-summary-icon{color:#26804c;background:#e8f5ed}.completed-summary-icon{color:#7e22ce;background:#f3e8ff}.summary-card-content{flex-direction:column;gap:5px;min-width:0;display:flex}.summary-card-content>span{color:var(--order-muted);font-size:12px;font-weight:650}.summary-card-content strong{color:var(--order-text);font-size:28px;font-weight:800;line-height:1.15}.summary-card-content small{color:#a8a29e;font-size:10px;line-height:1.4}.orders-tabs{border-bottom:1px solid var(--order-border);gap:25px;margin-bottom:25px;display:flex}.orders-tab{min-height:47px;color:var(--order-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;margin-bottom:-1px;padding:0 2px;font-size:13px;font-weight:700;transition:color .2s,border-color .2s;display:inline-flex}.orders-tab:hover{color:var(--order-primary-dark)}.orders-tab.active{border-bottom-color:var(--order-primary);color:var(--order-primary-dark)}.orders-tab>span{color:#57534e;background:#f5f5f4;border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;display:inline-flex}.orders-tab.active>span{background:var(--order-primary-light);color:var(--order-primary-dark)}.orders-section{min-width:0}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-heading h2{color:var(--order-text);margin:0 0 6px;font-size:20px;font-weight:800}.section-heading p{color:var(--order-muted);margin:0;font-size:12px;line-height:1.6}.section-count{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;flex-shrink:0;padding:7px 11px;font-size:11px;font-weight:750}.orders-board{scrollbar-color:#fdba74 transparent;scrollbar-width:thin;grid-template-columns:repeat(5,minmax(240px,1fr));align-items:start;gap:14px;padding-bottom:12px;display:grid;overflow-x:auto}.order-column{border:1px solid var(--order-border);background:#fffaf5;border-radius:12px;flex-direction:column;min-width:0;min-height:290px;display:flex;overflow:hidden}.column-header{border-bottom:1px solid var(--order-border);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:16px 13px;display:flex}.column-heading-text{align-items:flex-start;gap:9px;min-width:0;display:flex}.column-heading-text>div{min-width:0}.column-heading-text h3{color:var(--order-text);overflow-wrap:anywhere;margin:0 0 5px;font-size:13px;font-weight:800}.column-heading-text>div>span{color:#a8a29e;font-size:10px;line-height:1.5;display:block}.column-status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px}.dot-placed{background:#f97316}.dot-accepted{background:#6584d8}.dot-preparing{background:#9270d0}.dot-ready{background:#279d67}.dot-served{background:#7e22ce}.column-count{color:#9a3412;background:#fff0e3;border-radius:8px;flex:0 0 25px;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:inline-flex}.column-orders{flex-direction:column;flex:1;gap:12px;min-height:210px;padding:11px;display:flex}.empty-orders{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:160px;padding:20px 8px;display:flex}.empty-orders-icon{width:36px;height:36px;color:var(--order-primary-dark);background:#fff0e3;border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:17px;display:flex}.empty-orders p{color:#a8a29e;margin:0;font-size:11px}.order-card{background:#fff;border:1px solid #f1e4d8;border-radius:10px;min-width:0;padding:15px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 5px #29252408}.order-card:hover{border-color:#fdba74;transform:translateY(-1px);box-shadow:0 5px 14px #2925240f}.order-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.order-heading-main{flex-direction:column;gap:6px;min-width:0;display:flex}.order-id{color:var(--order-text);overflow-wrap:anywhere;font-size:13px;font-weight:850}.order-time{color:#a8a29e;align-items:center;gap:5px;font-size:10px;display:inline-flex}.order-time-icon{font-size:14px}.table-badge{max-width:100%;color:var(--order-primary-dark);overflow-wrap:anywhere;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-flex}.order-card-divider{background:#f5ede5;height:1px;margin:14px 0}.order-items-heading{color:#78716c;justify-content:space-between;gap:10px;margin-bottom:11px;font-size:10px;font-weight:750;display:flex}.order-items-heading>span:last-child{color:#a8a29e;font-weight:500}.order-items{flex-direction:column;gap:11px;display:flex}.order-item{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.item-left{align-items:flex-start;gap:8px;min-width:0;display:flex}.item-quantity{color:#9a3412;background:#fff0e3;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;min-width:25px;min-height:23px;padding:3px 5px;font-size:10px;font-weight:800;display:inline-flex}.item-name{color:#44403c;overflow-wrap:anywhere;padding-top:3px;font-size:11px;line-height:1.5}.item-price{color:#57534e;white-space:nowrap;flex-shrink:0;padding-top:3px;font-size:10px;font-weight:700}.order-no-items{color:#a8a29e;margin:0;font-size:11px}.order-notes{background:#fffbeb;border:1px solid #fde68a;border-radius:7px;margin-top:13px;padding:10px}.order-notes strong{color:#92400e;font-size:10px}.order-notes p{color:#78716c;overflow-wrap:anywhere;margin:5px 0 0;font-size:10px;line-height:1.6}.order-total{border-top:1px dashed #e7d9cb;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:13px;display:flex}.order-total>span{color:#78716c;font-size:11px;font-weight:650}.order-total strong{color:var(--order-primary-dark);overflow-wrap:anywhere;font-size:15px;font-weight:850}.order-actions{flex-direction:column;gap:8px;margin-top:15px;display:flex}.order-action{border:1px solid var(--order-primary);background:var(--order-primary);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:39px;padding:9px 10px;font-size:11px;font-weight:750;transition:background .2s,border-color .2s,transform .2s;display:flex}.order-action:hover:not(:disabled){border-color:var(--order-primary-dark);background:var(--order-primary-dark)}.order-action:active:not(:disabled){transform:translateY(1px)}.order-action:disabled,.cancel-action:disabled{cursor:wait;opacity:.6}.cancel-action{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;width:100%;min-height:34px;padding:7px 10px;font-size:10px;font-weight:750;transition:background .2s,border-color .2s}.cancel-action:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.order-final-label{border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:14px;padding:10px;font-size:11px;font-weight:750;display:flex}.completed-label{color:#277947;background:#eaf7ee}.cancelled-label{color:#b91c1c;background:#fef2f2}.history-section{border:1px solid var(--order-border);background:#fff;border-radius:13px;padding:24px;box-shadow:0 2px 7px #29252408}.history-orders{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.empty-history{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px;display:flex}.history-empty-icon{width:60px;height:60px;color:var(--order-primary-dark);background:#fff0e3;border-radius:18px;justify-content:center;align-items:center;margin-bottom:17px;font-size:29px;display:flex}.empty-history h3{color:var(--order-text);margin:0 0 8px;font-size:17px}.empty-history p{color:var(--order-muted);margin:0;font-size:12px;line-height:1.7}.orders-loading{min-height:300px;color:var(--order-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.orders-spinner{border:3px solid #fed7aa;border-top-color:var(--order-primary);border-radius:50%;width:34px;height:34px;animation:.75s linear infinite orderSpin}.orders-loading p{margin:0}@media (width<=1250px){.order-summary,.history-orders{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.orders-page{padding:20px}.orders-header{flex-direction:column;align-items:flex-start}.refresh-btn{align-self:flex-start}.order-summary{gap:12px}.summary-card{padding:16px}.summary-card-content strong{font-size:25px}.orders-board{grid-template-columns:repeat(5,minmax(245px,1fr))}.history-section{padding:18px}.history-orders{grid-template-columns:1fr}}@media (width<=480px){.orders-page{padding:15px}.order-summary{grid-template-columns:1fr}.summary-card{padding:17px}.orders-tabs{scrollbar-width:none;gap:18px;overflow-x:auto}.orders-tabs::-webkit-scrollbar{display:none}.orders-tab{flex-shrink:0;font-size:12px}.section-heading{flex-direction:column;align-items:flex-start}.history-section{padding:14px}}.orders-page button:focus-visible{outline-offset:2px;outline:3px solid #f9731659}@media (prefers-reduced-motion:reduce){.orders-page *,.orders-page :before,.orders-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.customer-status-page{box-sizing:border-box;background:#f7f7f8;max-width:760px;min-height:100vh;margin:0 auto;padding:16px}.customer-status-header{background:#fff;border:1px solid #eee;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px;display:flex}.customer-small-label{color:#999;letter-spacing:1px;margin:0;font-size:10px;font-weight:700}.customer-status-header h1{color:#171717;margin:5px 0;font-size:25px}.customer-session-text{color:#888;margin:0;font-size:12px}.session-status{color:#15803d;background:#ecfdf3;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:700}.customer-error{color:#dc2626;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:16px;padding:12px;font-size:13px}.customer-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.customer-section-header h2{margin:0;font-size:20px}.customer-section-header p{color:#888;margin:4px 0 0;font-size:12px}.customer-section-header>strong{font-size:18px}.customer-orders-list{flex-direction:column;gap:14px;display:flex}.customer-order-card{background:#fff;border:1px solid #e7e7e7;border-radius:14px;padding:17px}.customer-order-top{justify-content:space-between;align-items:center;display:flex}.customer-order-top div span{color:#999;font-size:10px;display:block}.customer-order-top strong{font-size:16px}.order-status-badge{border-radius:20px;padding:7px 11px;font-size:10px;font-weight:700}.order-status-badge.placed{color:#dc2626;background:#fff1f2}.order-status-badge.accepted{color:#c2410c;background:#fff7ed}.order-status-badge.preparing{color:#2563eb;background:#eff6ff}.order-status-badge.ready{color:#15803d;background:#ecfdf3}.order-status-badge.served{color:#7c3aed;background:#f5f3ff}.order-status-badge.completed{color:#15803d;background:#ecfdf3}.order-status-badge.cancelled{color:#dc2626;background:#fff1f2}.order-progress{margin:25px 0;display:flex}.progress-item{text-align:center;flex:1;position:relative}.progress-item:before{content:"";background:#ddd;height:2px;position:absolute;top:12px;left:50%;right:-50%}.progress-item:last-child:before{display:none}.progress-item.active:before{background:#111827}.progress-circle{color:#fff;z-index:1;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;margin:0 auto 5px;font-size:10px;display:flex;position:relative}.progress-item.active .progress-circle{background:#111827}.progress-item span{color:#999;font-size:8px}.progress-item.active span{color:#222;font-weight:600}.order-completed-message{color:#15803d;text-align:center;background:#ecfdf3;border-radius:8px;margin:15px 0;padding:10px;font-size:12px;font-weight:600}.order-cancelled-message{color:#dc2626;text-align:center;background:#fff1f2;border-radius:8px;margin:15px 0;padding:10px;font-size:12px}.customer-items{border-top:1px solid #eee;margin-top:15px;padding-top:10px}.customer-item{justify-content:space-between;padding:7px 0;font-size:13px;display:flex}.customer-item div{gap:9px;display:flex}.customer-item strong{min-width:25px}.customer-order-total{border-top:1px solid #eee;justify-content:space-between;margin-top:8px;padding-top:12px;display:flex}.customer-order-total span{color:#777;font-size:13px}.customer-order-total strong{font-size:16px}.request-bill-card{color:#fff;background:#111827;border-radius:15px;justify-content:space-between;align-items:center;margin-top:18px;padding:20px;display:flex}.request-bill-card h2{margin:0 0 5px;font-size:17px}.request-bill-card p{color:#aaa;margin:0;font-size:12px}.request-bill-card button{color:#111827;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:11px 17px;font-weight:700}.request-bill-card button:disabled{opacity:.45;cursor:not-allowed}.customer-loading{text-align:center;color:#777;padding:80px 20px}.customer-empty{text-align:center;color:#888;background:#fff;border-radius:12px;padding:50px}@media (width<=600px){.customer-status-page{padding:10px}.customer-status-header{padding:16px}.customer-status-header h1{font-size:21px}.order-progress{overflow-x:auto}.progress-item{min-width:60px}.request-bill-card{flex-direction:column;align-items:stretch;gap:15px}.request-bill-card button{width:100%}}.customer-bill-page{color:#1f2937;background:#f5f7fb;justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 16px;font-family:Arial,sans-serif;display:flex}.bill-container{background:#fff;border-radius:20px;width:100%;max-width:520px;margin:0 auto;padding:26px;box-shadow:0 8px 30px #0f172a14}.bill-header{text-align:center;border-bottom:1px dashed #d1d5db;padding-bottom:22px}.bill-label{color:#2563eb;letter-spacing:2px;font-size:12px;font-weight:800;display:inline-block}.bill-header h1{color:#111827;margin:10px 0;font-size:28px}.bill-header p{color:#6b7280;margin:5px 0;font-size:14px}.bill-items{padding:18px 0}.bill-item{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.bill-item>div{flex-direction:column;gap:6px;display:flex}.bill-item strong{color:#111827;font-size:14px}.bill-item small{color:#6b7280;font-size:12px}.bill-item>span{white-space:nowrap;font-size:14px;font-weight:700}.bill-totals{border-top:1px dashed #d1d5db;padding:18px 0}.bill-totals>div,.bill-payment{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:14px;display:flex}.bill-totals>div>span,.bill-payment>span{color:#6b7280}.bill-totals strong,.bill-payment strong{color:#111827}.bill-totals .bill-grand-total{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:17px;font-size:17px}.bill-grand-total strong{color:#111827;font-size:24px}.bill-payment{border-top:1px solid #e5e7eb;padding:16px 0}.status-paid{color:#15803d!important}.status-pending{color:#b45309!important}.bill-paid{text-align:center;color:#047857;background:#ecfdf5;border-radius:12px;margin-top:12px;padding:14px;font-weight:700}.bill-payment-info{color:#92400e;background:#fffbeb;border-radius:12px;margin-top:12px;padding:14px;font-size:13px;line-height:1.6}.upi-payment-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.upi-payment-section h2{color:#111827;margin:0 0 8px;font-size:19px}.upi-subtitle{color:#6b7280;margin:0 0 18px;font-size:13px;line-height:1.5}.upi-app-list{flex-direction:column;gap:12px;display:flex}.upi-app-button{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:13px;width:100%;min-height:76px;padding:14px;transition:border-color .2s,background .2s;display:flex}.upi-app-button:hover:not(:disabled){background:#f8faff;border-color:#2563eb}.upi-app-button:disabled{opacity:.65;cursor:wait}.upi-app-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:23px;font-weight:800;display:flex}.upi-app-icon.phonepe{background:#5f259f}.upi-app-icon.google-pay{color:#4285f4;background:#fff;border:1px solid #e5e7eb}.upi-app-icon.bhim{background:#087b58}.upi-app-text{flex-direction:column;flex:1;gap:5px;display:flex}.upi-app-text strong{color:#111827;font-size:14px}.upi-app-text small{color:#6b7280;font-size:12px}.upi-app-arrow{color:#9ca3af;font-size:28px}.upi-payment-message{color:#1d4ed8;overflow-wrap:anywhere;background:#eff6ff;border-radius:10px;margin:15px 0 0;padding:12px;font-size:13px;line-height:1.6}.upi-security-note{color:#6b7280;margin:16px 0 0;font-size:11px;line-height:1.6}.refresh-bill-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;margin-top:18px;padding:13px;font-size:14px;font-weight:600}.refresh-bill-button:hover{background:#f9fafb}.bill-loading,.bill-error{text-align:center;background:#fff;border-radius:14px;width:100%;max-width:520px;margin:40px auto;padding:24px;line-height:1.6}.bill-error{color:#b91c1c}.bill-error button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;margin:15px auto 0;padding:10px 16px;display:block}@media (width<=480px){.customer-bill-page{padding:12px}.bill-container{border-radius:16px;padding:20px 16px}.bill-header h1{font-size:24px}.bill-grand-total strong{font-size:21px}}:root{--billing-primary:#f97316;--billing-primary-dark:#c2410c;--billing-primary-light:#fff0e3;--billing-text:#292524;--billing-muted:#78716c;--billing-border:#f1e4d8;--billing-background:#fff7ed;--billing-white:#fff}.billing-page,.billing-page *{box-sizing:border-box}.billing-page{background:var(--billing-background);min-height:100%;color:var(--billing-text);padding:30px;font-family:inherit}.billing-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.billing-eyebrow{color:var(--billing-primary-dark);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.billing-header h1{color:var(--billing-text);letter-spacing:-1px;margin:0 0 8px;font-size:clamp(27px,3vw,34px);font-weight:800}.billing-header p{color:var(--billing-muted);margin:0;font-size:14px;line-height:1.6}.billing-refresh-button{min-height:43px;color:var(--billing-primary-dark);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #fed7aa;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:12px;font-weight:750;transition:background .2s,border-color .2s;display:inline-flex}.billing-refresh-button:hover:not(:disabled){border-color:var(--billing-primary);background:#fff7ed}.billing-refresh-button:disabled{cursor:wait;opacity:.65}.billing-refresh-icon{font-size:20px;line-height:1}.billing-refresh-icon.spinning{animation:.8s linear infinite billingSpin}@keyframes billingSpin{to{transform:rotate(360deg)}}.billing-notice{border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:13px 15px;font-size:13px;line-height:1.6;display:flex}.billing-error,.billing-payment-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.billing-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.billing-notice button{color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:3px 7px;font-size:12px;font-weight:750}.billing-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px;display:grid}.billing-summary-card{border:1px solid var(--billing-border);background:var(--billing-white);border-radius:13px;align-items:center;gap:14px;min-width:0;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 7px #29252408}.billing-summary-card:hover{border-color:#fdba74;box-shadow:0 5px 16px #2925240d}.billing-summary-icon{border-radius:12px;flex:0 0 45px;justify-content:center;align-items:center;width:45px;height:45px;font-size:22px;font-weight:800;display:flex}.sessions-icon{color:#496bc2;background:#eaf0ff}.amount-icon{color:#c2410c;background:#fff0e3}.ready-icon{color:#25804b;background:#e8f6ec}.waiting-icon{color:#b91c1c;background:#fee2e2}.billing-summary-card>div:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.billing-summary-card span{color:var(--billing-muted);font-size:12px;font-weight:650}.billing-summary-card strong{color:var(--billing-text);overflow-wrap:anywhere;font-size:27px;font-weight:800;line-height:1.25}.billing-summary-card small{color:#a8a29e;font-size:10px;line-height:1.5}.billing-list-section{border:1px solid var(--billing-border);background:#fff;border-radius:14px;padding:25px;box-shadow:0 2px 7px #29252408}.billing-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.billing-section-heading h2{color:var(--billing-text);margin:0 0 7px;font-size:20px;font-weight:800}.billing-section-heading p{color:var(--billing-muted);margin:0;font-size:12px;line-height:1.6}.billing-section-count{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;flex-shrink:0;padding:7px 11px;font-size:11px;font-weight:750}.billing-session-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.billing-session-card{border:1px solid var(--billing-border);background:#fff;border-radius:12px;flex-direction:column;min-width:0;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.billing-session-card:hover{border-color:#fdba74;transform:translateY(-2px);box-shadow:0 7px 20px #2925240f}.billing-card-top{align-items:flex-start;gap:12px;display:flex}.billing-table-icon{background:var(--billing-primary-light);width:47px;height:47px;color:var(--billing-primary-dark);border-radius:12px;flex:0 0 47px;justify-content:center;align-items:center;font-size:24px;display:flex}.billing-table-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.billing-label{color:#a8a29e;letter-spacing:1px;font-size:10px;font-weight:800}.billing-table-info h3{color:var(--billing-text);overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:850;line-height:1.15}.billing-session-id{color:#a8a29e;overflow-wrap:anywhere;font-size:10px}.billing-status{border-radius:20px;align-items:center;gap:6px;max-width:100%;padding:7px 9px;font-size:9px;font-weight:800;line-height:1.4;display:inline-flex}.billing-status.ready{color:#217947;background:#e9f7ee}.billing-status.waiting{color:#9a3412;background:#fff0e3}.billing-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.billing-card-info{border-top:1px solid #f5ede5;border-bottom:1px solid #f5ede5;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px;padding:17px 0;display:grid}.billing-card-info>div{flex-direction:column;gap:6px;min-width:0;display:flex}.billing-card-info span{color:var(--billing-muted);font-size:11px}.billing-card-info strong{color:var(--billing-text);font-size:20px;font-weight:800}.billing-card-info .pending-number{color:#c2410c}.billing-card-total{justify-content:space-between;align-items:center;gap:10px;padding-top:18px;display:flex}.billing-card-total>div{flex-direction:column;gap:5px;min-width:0;display:flex}.billing-card-total>div>span{color:var(--billing-muted);font-size:11px}.billing-card-total strong{color:var(--billing-primary-dark);overflow-wrap:anywhere;font-size:23px;font-weight:850}.billing-currency-label{color:#9a3412;background:#fff0e3;border-radius:6px;flex-shrink:0;padding:5px 8px;font-size:10px;font-weight:750}.billing-card-hint{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:7px;margin:14px 0 0;padding:10px;font-size:10px;line-height:1.6}.billing-card-actions{margin-top:auto;padding-top:19px}.view-bill-button{border:1px solid var(--billing-primary);background:var(--billing-primary);color:#fff;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:43px;padding:0 14px;font-size:12px;font-weight:750;transition:background .2s,border-color .2s,transform .2s;display:flex}.view-bill-button:hover:not(:disabled){border-color:var(--billing-primary-dark);background:var(--billing-primary-dark)}.view-bill-button:active:not(:disabled){transform:translateY(1px)}.view-bill-button:disabled{cursor:wait;opacity:.6}.view-bill-button>span{font-size:17px}.billing-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:35px 20px;display:flex}.billing-empty-icon{width:66px;height:66px;color:var(--billing-primary-dark);background:#fff0e3;border-radius:20px;justify-content:center;align-items:center;margin-bottom:18px;font-size:30px;display:flex}.billing-empty h3{color:var(--billing-text);margin:0 0 9px;font-size:19px}.billing-empty p{max-width:390px;color:var(--billing-muted);margin:0 0 20px;font-size:12px;line-height:1.7}.billing-secondary-button{min-height:40px;color:var(--billing-primary-dark);cursor:pointer;background:#fff;border:1px solid #fed7aa;border-radius:8px;padding:0 15px;font-size:12px;font-weight:750;transition:background .2s,border-color .2s}.billing-secondary-button:hover:not(:disabled){border-color:var(--billing-primary);background:#fff7ed}.billing-secondary-button:disabled{opacity:.6;cursor:wait}.billing-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#29252494;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.billing-modal{background:#fff;border:1px solid #fff6;border-radius:16px;flex-direction:column;width:100%;max-width:570px;max-height:calc(100vh - 48px);animation:.2s ease-out billingModalIn;display:flex;overflow:hidden;box-shadow:0 24px 70px #0003}@keyframes billingModalIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.billing-modal-header{border-bottom:1px solid #f5ede5;align-items:center;gap:14px;padding:23px 25px;display:flex}.billing-modal-table-icon{background:var(--billing-primary-light);width:47px;height:47px;color:var(--billing-primary-dark);border-radius:12px;flex:0 0 47px;justify-content:center;align-items:center;font-size:24px;display:flex}.billing-modal-title{flex:1;min-width:0}.billing-modal-title h2{color:var(--billing-text);margin:5px 0;font-size:23px;font-weight:850}.billing-modal-title p{color:var(--billing-muted);margin:0;font-size:11px;line-height:1.5}.billing-modal-close{color:#57534e;cursor:pointer;background:#fff;border:1px solid #e7d9cb;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:flex}.billing-modal-close:hover:not(:disabled){background:#fff7ed;border-color:#fdba74}.billing-modal-close:disabled{opacity:.5;cursor:not-allowed}.billing-modal-body{flex:1;padding:22px 25px;overflow-y:auto}.billing-payment-error{border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:12px;line-height:1.6}.billing-items-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.billing-items-heading h3,.payment-method-section h3{color:var(--billing-text);margin:0;font-size:14px;font-weight:800}.billing-items-heading>span{color:#9a3412;background:#fff0e3;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.billing-items{flex-direction:column;gap:14px;display:flex}.billing-item{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.billing-item-main{flex-direction:column;gap:5px;min-width:0;display:flex}.billing-item-main>strong{color:#44403c;overflow-wrap:anywhere;font-size:12px}.billing-item-main>span{color:#a8a29e;font-size:10px}.billing-item-subtotal{color:#44403c;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.billing-no-items{color:var(--billing-muted);margin:0;font-size:12px;line-height:1.6}.billing-total-section{border-top:1px dashed #e7d9cb;border-bottom:1px dashed #e7d9cb;flex-direction:column;gap:13px;margin-top:22px;padding:18px 0;display:flex}.billing-total-section>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-total-section>div>span{color:var(--billing-muted);font-size:12px}.billing-total-section>div>strong{color:#57534e;font-size:12px;font-weight:750}.billing-total-section .billing-grand-total{border-top:1px solid #f1e4d8;margin-top:4px;padding-top:15px}.billing-total-section .billing-grand-total>span{color:var(--billing-text);font-size:13px;font-weight:800}.billing-total-section .billing-grand-total>strong{color:var(--billing-primary-dark);font-size:23px;font-weight:850}.payment-method-section{margin-top:23px}.payment-method-section>p{color:var(--billing-muted);margin:6px 0 14px;font-size:11px;line-height:1.5}.payment-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.payment-method{color:#57534e;cursor:pointer;background:#fff;border:1px solid #e7d9cb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:95px;padding:12px 8px;font-size:12px;font-weight:750;transition:border-color .2s,background .2s;display:flex;position:relative}.payment-method:hover:not(:disabled){background:#fffaf5;border-color:#fdba74}.payment-method.active{border:1.5px solid var(--billing-primary);color:var(--billing-primary-dark);background:#fff7ed}.payment-method:disabled{cursor:not-allowed;opacity:.65}.payment-icon{width:35px;height:35px;color:var(--billing-primary-dark);background:#fff0e3;border-radius:10px;justify-content:center;align-items:center;font-size:21px;font-weight:800;display:flex}.payment-method.active .payment-icon{background:#fed7aa}.payment-selected-check{background:var(--billing-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;display:flex;position:absolute;top:7px;right:7px}.billing-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:9px;align-items:flex-start;gap:10px;margin-top:19px;padding:13px;display:flex}.billing-warning>span{color:#92400e;background:#fef3c7;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:850;display:flex}.billing-warning p{color:#92400e;margin:0;font-size:11px;line-height:1.7}.billing-modal-footer{background:#fff;border-top:1px solid #f5ede5;justify-content:flex-end;gap:10px;padding:18px 25px;display:flex}.cancel-payment-button,.confirm-payment-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:43px;padding:0 17px;font-size:12px;font-weight:750;transition:background .2s,border-color .2s;display:inline-flex}.cancel-payment-button{color:#57534e;background:#fff;border:1px solid #e7d9cb}.cancel-payment-button:hover:not(:disabled){background:#fafaf9}.confirm-payment-button{border:1px solid var(--billing-primary);background:var(--billing-primary);color:#fff}.confirm-payment-button:hover:not(:disabled){border-color:var(--billing-primary-dark);background:var(--billing-primary-dark)}.confirm-payment-button:disabled,.cancel-payment-button:disabled{cursor:not-allowed;opacity:.55}.billing-loading{min-height:300px;color:var(--billing-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.billing-loading p{margin:0}.billing-spinner{border:3px solid #fed7aa;border-top-color:var(--billing-primary);border-radius:50%;width:34px;height:34px;animation:.75s linear infinite billingSpin}@media (width<=1250px){.billing-summary,.billing-session-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.billing-page{padding:20px}.billing-header{flex-direction:column;align-items:flex-start}.billing-summary-card{padding:16px}.billing-list-section{padding:18px}.billing-session-list{gap:13px}.billing-session-card{padding:16px}.billing-card-top{flex-wrap:wrap}.billing-status{margin-left:59px}}@media (width<=540px){.billing-page{padding:15px}.billing-summary{grid-template-columns:1fr;gap:12px}.billing-summary-card{padding:17px}.billing-session-list{grid-template-columns:1fr}.billing-section-heading{flex-direction:column;align-items:flex-start}.billing-modal-overlay{align-items:flex-end;padding:0}.billing-modal{border-radius:17px 17px 0 0;max-height:93vh}.billing-modal-header,.billing-modal-body{padding:19px}.billing-modal-footer{flex-direction:column-reverse;padding:16px 19px}.billing-modal-footer button{width:100%}.payment-methods{gap:7px}.payment-method{min-height:86px;padding:10px 5px}.billing-card-top{flex-wrap:nowrap;align-items:flex-start}.billing-status{margin-left:auto}}.billing-page button:focus-visible{outline-offset:2px;outline:3px solid #f9731659}@media (prefers-reduced-motion:reduce){.billing-page *,.billing-page :before,.billing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.create-restaurant-page{box-sizing:border-box;background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.create-restaurant-card{box-sizing:border-box;background:#fff;border-radius:14px;width:100%;max-width:600px;padding:35px;box-shadow:0 10px 35px #00000014}.create-restaurant-header{margin-bottom:25px}.create-restaurant-header h1{color:#1f2937;margin:0 0 8px;font-size:28px}.create-restaurant-header p{color:#6b7280;margin:0;font-size:15px;line-height:1.5}.form-group{margin-bottom:18px}.form-group label{color:#374151;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb}.form-group textarea{resize:vertical}.create-restaurant-error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px}.create-restaurant-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:13px;font-size:15px;font-weight:600}.create-restaurant-button:hover{background:#1d4ed8}.create-restaurant-button:disabled{opacity:.7;cursor:not-allowed}@media (width<=600px){.create-restaurant-page{padding:20px 15px}.create-restaurant-card{padding:25px 20px}.create-restaurant-header h1{font-size:24px}}.employees-page{color:#292524;max-width:1200px;margin:0 auto;padding:28px}.employees-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.employees-page-header h1{color:#292524;margin:0;font-size:30px;font-weight:700}.employees-page-header p{color:#78716c;margin:7px 0 0;font-size:14px}.employees-add-button{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.employees-add-button:hover{background:#c2410c}.employees-add-button:active{transform:translateY(1px)}.employees-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:14px}.employees-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:14px}.employees-form-card{background:#fff;border:1px solid #f1e4d8;border-radius:12px;margin-bottom:28px;padding:24px;box-shadow:0 4px 15px #7c2d120a}.employees-form-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.employees-form-header h2{color:#292524;margin:0;font-size:21px}.employees-form-header p{color:#78716c;margin:6px 0 0;font-size:14px}.employees-close-button{color:#9a3412;cursor:pointer;background:#fff0e3;border:none;border-radius:7px;flex-shrink:0;width:34px;height:34px;font-size:22px;transition:background .2s}.employees-close-button:hover{background:#fed7aa}.employees-form{flex-direction:column;gap:20px;display:flex}.employees-form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.employees-form-group{flex-direction:column;gap:7px;min-width:0;display:flex}.employees-form-group label{color:#44403c;font-size:14px;font-weight:600}.employees-form-group input,.employees-form-group select{box-sizing:border-box;color:#292524;background:#fff;border:1px solid #e7d8ca;border-radius:7px;outline:none;width:100%;padding:12px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.employees-form-group input::placeholder{color:#a8a29e}.employees-form-group input:focus,.employees-form-group select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.employees-form-group input:disabled,.employees-form-group select:disabled{color:#a8a29e;cursor:not-allowed;background:#fff7ed}.employees-field-hint{color:#78716c;margin:0;font-size:12px;line-height:1.5}.employees-form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.employees-cancel-button{color:#57534e;cursor:pointer;background:#fff;border:1px solid #e7d8ca;border-radius:7px;padding:11px 17px;font-weight:600;transition:background .2s,border-color .2s}.employees-cancel-button:hover{background:#fff7ed;border-color:#fdba74}.employees-submit-button{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:7px;padding:11px 18px;font-weight:600;transition:background .2s}.employees-submit-button:hover{background:#c2410c}.employees-submit-button:disabled,.employees-cancel-button:disabled{opacity:.6;cursor:not-allowed}.employees-empty-state{text-align:center;background:#fff;border:1px solid #f1e4d8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:40px 20px;display:flex}.employees-empty-icon{color:#ea580c;background:#fff0e3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;font-size:28px;display:flex}.employees-empty-state h2{color:#292524;margin:0;font-size:20px}.employees-empty-state p{color:#78716c;max-width:450px;margin:9px 0 20px;font-size:14px;line-height:1.6}.employees-empty-button{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:7px;padding:11px 18px;font-weight:600;transition:background .2s}.employees-empty-button:hover{background:#c2410c}.employees-list-section{margin-top:28px}.employees-list-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.employees-list-header h2{color:#292524;margin:0;font-size:21px}.employees-list-header p{color:#78716c;margin:6px 0 0;font-size:14px}.employees-refresh-button,.employees-retry-button{color:#57534e;cursor:pointer;background:#fff;border:1px solid #e7d8ca;border-radius:7px;padding:9px 14px;font-weight:600;transition:background .2s,border-color .2s}.employees-refresh-button:hover,.employees-retry-button:hover{background:#fff7ed;border-color:#fdba74}.employees-refresh-button:disabled{opacity:.6;cursor:not-allowed}.employees-list-message{text-align:center;color:#78716c;background:#fff;border:1px solid #f1e4d8;border-radius:12px;padding:40px 20px}.employees-table-wrapper{background:#fff;border:1px solid #f1e4d8;border-radius:12px;overflow-x:auto}.employees-table{border-collapse:collapse;text-align:left;width:100%}.employees-table th,.employees-table td{white-space:nowrap;border-bottom:1px solid #f5eee7;padding:16px 18px}.employees-table th{color:#78716c;text-transform:uppercase;letter-spacing:.04em;background:#fff7ed;font-size:12px;font-weight:700}.employees-table td{color:#57534e;font-size:14px}.employees-table tbody tr:last-child td{border-bottom:none}.employees-table tbody tr:hover{background:#fffaf5}.employees-name-cell{color:#292524;align-items:center;gap:11px;font-weight:600;display:flex}.employees-avatar{color:#c2410c;background:#fff0e3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.employees-role-badge{border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.employees-role-waiter{color:#1d4ed8;background:#eff6ff}.employees-role-kitchen{color:#c2410c;background:#fff0e3}.employees-page button:focus-visible{outline-offset:2px;outline:3px solid #f9731659}.employees-page button:disabled{pointer-events:none}@media (width<=700px){.employees-page{padding:18px}.employees-page-header{flex-direction:column;align-items:flex-start}.employees-add-button{width:100%}.employees-form-card{padding:18px}.employees-form-row{grid-template-columns:1fr}.employees-form-actions{flex-direction:column-reverse}.employees-cancel-button,.employees-submit-button{width:100%}.employees-list-header{align-items:flex-start}.employees-table th,.employees-table td{padding:13px}}@media (width<=480px){.employees-page{padding:14px}.employees-page-header h1{font-size:25px}.employees-form-header h2,.employees-list-header h2{font-size:19px}.employees-form-card{padding:15px}.employees-empty-state{min-height:300px;padding:28px 16px}.employees-table th,.employees-table td{padding:11px;font-size:13px}}.restaurant-navbar{z-index:1000;box-sizing:border-box;background:#fff;border-bottom:1px solid #f1e4d8;align-items:center;height:68px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #7c2d120a}.restaurant-navbar-brand{flex-shrink:0}.restaurant-brand-button{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.restaurant-brand-logo{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 3px 8px #f973162e}.restaurant-brand-button:hover .restaurant-brand-logo{transform:translateY(-1px);box-shadow:0 5px 12px #f973163d}.restaurant-brand-text{letter-spacing:-.5px;color:#292524;font-size:20px;font-weight:800}.restaurant-navbar-links{align-items:center;gap:4px;height:100%;margin-left:30px;display:flex}.restaurant-nav-link{color:#78716c;white-space:nowrap;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 13px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.restaurant-nav-link:hover{color:#c2410c;background:#fff7ed}.restaurant-nav-link-active{color:#c2410c;background:#fff0e3;font-weight:700}.restaurant-nav-link-active:hover{color:#9a3412;background:#ffedd5}.restaurant-nav-icon{flex-shrink:0;font-size:16px;line-height:1}.restaurant-navbar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.restaurant-role{color:#9a3412;white-space:nowrap;background:#fff7ed;border:1px solid #ffedd5;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:800;display:flex}.restaurant-role-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:7px;height:7px}.restaurant-logout-button{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fecaca;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,color .2s}.restaurant-logout-button:hover{color:#b91c1c;background:#fef2f2;border-color:#f87171}.restaurant-mobile-menu-button{cursor:pointer;color:#c2410c;background:#fff;border:1px solid #f1e4d8;border-radius:9px;width:40px;height:40px;margin-left:auto;font-size:20px;transition:background .2s,border-color .2s;display:none}.restaurant-mobile-menu-button:hover{background:#fff7ed;border-color:#fdba74}.restaurant-mobile-menu{box-sizing:border-box;background:#fff;border-bottom:1px solid #f1e4d8;padding:12px;position:absolute;top:68px;left:0;right:0;box-shadow:0 10px 24px #7c2d121a}.restaurant-mobile-nav-link{color:#57534e;border-radius:9px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.restaurant-mobile-nav-link:hover{color:#c2410c;background:#fff7ed}.restaurant-mobile-nav-link-active{color:#c2410c;background:#fff0e3;font-weight:700}.restaurant-mobile-logout{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;width:100%;margin-top:10px;padding:13px;font-weight:700;transition:background .2s,border-color .2s}.restaurant-mobile-logout:hover{background:#fee2e2;border-color:#f87171}.restaurant-navbar-version{color:#a8a29e;white-space:nowrap;border-left:1px solid #f1e4d8;margin-left:4px;padding-left:12px;font-size:11px}.restaurant-mobile-version{color:#a8a29e;text-align:center;border-top:1px solid #f1e4d8;margin-top:8px;padding:14px 16px;font-size:11px}.restaurant-navbar button:focus-visible,.restaurant-navbar a:focus-visible,.restaurant-mobile-menu button:focus-visible,.restaurant-mobile-menu a:focus-visible{outline-offset:2px;outline:3px solid #f9731659}@media (width<=1000px){.restaurant-navbar{padding:0 16px}.restaurant-navbar-links{gap:3px;margin-left:15px}.restaurant-nav-link{padding:0 9px}.restaurant-nav-link span:last-child,.restaurant-role{display:none}}@media (width<=700px){.restaurant-navbar{height:60px;padding:0 14px}.restaurant-navbar-links,.restaurant-navbar-right{display:none}.restaurant-mobile-menu-button{display:block}.restaurant-brand-text{font-size:18px}.restaurant-brand-logo{border-radius:10px;width:35px;height:35px}.restaurant-mobile-menu{top:60px}}@media (width<=380px){.restaurant-navbar{padding:0 10px}.restaurant-brand-button{gap:8px}.restaurant-brand-text{font-size:17px}.restaurant-brand-logo{width:33px;height:33px}}