:root{--ui-red:#e43d30;--ui-orange:#f6a623;--ui-ink:#211a18;--ui-muted:#756963;--ui-bg:#fffaf6;--ui-card:#fff;--ui-line:#eee2da;--ui-shadow:0 18px 55px rgba(83,39,24,.12)}
.customer-page-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:rgba(255,250,246,.94);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.25s}.customer-page-loader.is-visible{opacity:1;visibility:visible}.restaurant-loader-card{width:min(310px,calc(100% - 36px));background:#fff;border:1px solid var(--ui-line);border-radius:30px;padding:30px;text-align:center;box-shadow:var(--ui-shadow)}.restaurant-loader-pizza{width:92px;height:92px;margin:0 auto 17px;border-radius:30px;background:linear-gradient(135deg,#fff0e9,#ffe2ad);display:grid;place-items:center;position:relative;animation:loaderFloat 1.2s ease-in-out infinite}.restaurant-loader-pizza:after{content:"";position:absolute;inset:-8px;border:2px dashed rgba(228,61,48,.28);border-radius:36px;animation:loaderSpin 4s linear infinite}.restaurant-loader-pizza span{font-size:52px}.restaurant-loader-card strong{display:block;font-size:18px}.restaurant-loader-card small{display:block;color:var(--ui-muted);margin-top:7px}.restaurant-loader-bar{height:7px;background:#f5ece7;border-radius:99px;overflow:hidden;margin-top:20px}.restaurant-loader-bar i{display:block;height:100%;width:45%;border-radius:99px;background:linear-gradient(90deg,var(--ui-red),var(--ui-orange));animation:loaderMove 1s ease-in-out infinite}.customer-loading{overflow:hidden}@keyframes loaderFloat{50%{transform:translateY(-7px) rotate(-3deg)}}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderMove{0%{transform:translateX(130%)}100%{transform:translateX(-240%)}}
.profile-page,.customer-orders-page,.order-success-page,.order-details-layout{margin:28px auto 45px}.profile-card,.order-success-card,.customer-order-card,.checkout-card,.checkout-summary{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:26px!important;box-shadow:0 10px 35px rgba(83,39,24,.07)!important}.profile-card,.order-success-card{padding:clamp(22px,5vw,42px)!important}.profile-avatar{width:88px!important;height:88px!important;border-radius:28px!important;background:linear-gradient(135deg,var(--ui-red),var(--ui-orange))!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:34px!important;box-shadow:0 12px 28px rgba(228,61,48,.24)!important}.profile-form input,.profile-form select,.profile-form textarea,.checkout-card input,.checkout-card select,.checkout-card textarea{border:1px solid var(--ui-line)!important;border-radius:14px!important;background:#fff!important;min-height:48px!important;padding:12px 14px!important;outline:none!important;transition:.2s!important}.profile-form input:focus,.checkout-card input:focus,.checkout-card select:focus,.checkout-card textarea:focus{border-color:var(--ui-red)!important;box-shadow:0 0 0 4px rgba(228,61,48,.09)!important}.profile-form button,.primary-action,.checkout-submit-button,.otp-primary-button{border:0!important;border-radius:15px!important;background:linear-gradient(135deg,var(--ui-red),#f06436)!important;color:#fff!important;box-shadow:0 10px 22px rgba(228,61,48,.22)!important;font-weight:800!important}.profile-orders-link,.secondary-action{border-radius:15px!important;border:1px solid var(--ui-line)!important;background:#fff!important}.orders-page-header{background:linear-gradient(135deg,#351b16,#8d3024)!important;color:#fff!important;border-radius:30px!important;padding:28px!important;box-shadow:var(--ui-shadow)!important}.orders-page-header p,.orders-page-kicker{color:#ffd8c5!important}.orders-statistics>div,.orders-filter-tabs{border-radius:18px!important;border:1px solid var(--ui-line)!important;background:#fff!important}.customer-order-card{overflow:hidden!important;transition:.2s!important}.customer-order-card:hover{transform:translateY(-3px)!important}.order-card-header{background:#fff8f3!important;border-bottom:1px solid var(--ui-line)!important}.order-success-card{text-align:center}.success-check{width:92px!important;height:92px!important;border-radius:50%!important;background:#eafaf0!important;color:#20a65a!important;display:grid!important;place-items:center!important;margin:auto!important;font-size:45px!important}.success-actions{display:flex!important;gap:10px!important;justify-content:center!important;flex-wrap:wrap!important}.success-actions a{padding:13px 20px!important}.otp-page{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:34px 0}.otp-card{width:min(480px,100%);background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:30px!important;padding:clamp(24px,5vw,42px)!important;box-shadow:var(--ui-shadow)!important}.otp-icon{width:78px;height:78px;border-radius:24px;background:linear-gradient(135deg,#fff0e9,#ffe1a6);display:grid;place-items:center;font-size:38px}.otp-code-input{letter-spacing:12px!important;text-align:center!important;font-size:26px!important;font-weight:800!important}.otp-kicker{color:var(--ui-red)!important;font-weight:800!important}.customer-alert,.otp-message{border-radius:14px!important;padding:13px 15px!important}.customer-alert.success,.otp-message.success{background:#ecfdf3!important;color:#167947!important}.customer-alert.error,.otp-message.error{background:#fff0f0!important;color:#b3261e!important}
@media(max-width:720px){.restaurant-main{width:min(100% - 20px,1220px)!important}.restaurant-header{height:68px!important;padding:0 12px!important}.restaurant-brand small{display:none}.brand-mark{width:42px!important;height:42px!important}.orders-page-header{border-radius:22px!important;padding:20px!important}.profile-page,.customer-orders-page,.order-success-page{margin-top:18px}.restaurant-loader-card{padding:24px}}

/* Restaurant UI V2 — orders */
.customer-orders-page{max-width:1120px}.orders-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.orders-page-header:after{content:"🍕";position:absolute;left:28px;bottom:-34px;font-size:120px;opacity:.12;transform:rotate(-12deg)}.orders-page-header h1{font-size:clamp(28px,4vw,44px);margin:6px 0}.orders-header-icon{width:78px;height:78px;border-radius:24px;background:rgba(255,255,255,.12);display:grid;place-items:center;backdrop-filter:blur(8px)}.orders-header-icon svg{width:38px;fill:none;stroke:#fff;stroke-width:1.8}.orders-statistics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.orders-statistics article{background:#fff;border:1px solid var(--ui-line);border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(83,39,24,.05)}.orders-statistics span{display:block;color:var(--ui-muted);font-size:13px}.orders-statistics strong{font-size:28px;color:var(--ui-ink)}.orders-filter-tabs{display:flex;gap:8px;padding:7px;overflow:auto;margin-bottom:18px}.orders-filter-tabs a{white-space:nowrap;padding:11px 15px;border-radius:13px;color:var(--ui-muted);font-weight:700;text-decoration:none}.orders-filter-tabs a span{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#f4ece7;margin-inline-start:6px;font-size:12px}.orders-filter-tabs a.is-active{background:linear-gradient(135deg,var(--ui-red),#f06b38);color:#fff}.orders-filter-tabs a.is-active span{background:rgba(255,255,255,.2)}.orders-list{display:grid;gap:16px}.customer-order-card{padding:0}.order-card-header,.order-card-summary,.order-payment-row,.order-card-actions{padding:18px 20px}.order-card-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.order-status-badge{padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px}.status-new,.status-pending{background:#fff4df;color:#a56500}.status-accepted,.status-preparing{background:#fff0eb;color:#c63d28}.status-ready{background:#eaf8ff;color:#0876a8}.status-delivery{background:#eeeaff;color:#5c43b5}.status-delivered{background:#eafaf0;color:#16854a}.order-card-summary{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.order-product-visual{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#fff0e9,#ffe2ad);display:grid;place-items:center;font-size:29px}.order-summary-info{display:grid;gap:5px}.order-summary-info span{color:var(--ui-muted);font-size:13px}.order-total{text-align:left}.order-total small{display:block;color:var(--ui-muted)}.order-total strong{font-size:20px}.order-progress{display:flex;align-items:center;padding:4px 20px 18px}.progress-step{display:grid;justify-items:center;gap:6px;min-width:62px;color:#aa9c95}.progress-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eee5e0}.progress-step.is-complete{color:var(--ui-red)}.progress-step.is-complete .progress-dot{background:var(--ui-red);color:#fff}.progress-line{height:3px;flex:1;background:#eee5e0}.progress-line.is-complete{background:linear-gradient(90deg,var(--ui-red),var(--ui-orange))}.order-details-button{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--ui-red),#f06b38);border-radius:14px;padding:13px 16px;font-weight:800}.order-payment-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--ui-line);color:var(--ui-muted)}.payment-badge{padding:6px 10px;border-radius:999px;background:#f5eee9}.order-items-details{border-top:1px solid var(--ui-line)}.order-items-details summary{padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;font-weight:800}.order-items-details summary svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.order-items-list{padding:0 20px 20px}.order-item-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--ui-line)}.order-item-icon{width:44px;height:44px;border-radius:14px;background:#fff4ec;display:grid;place-items:center;font-size:22px}.orders-empty-state{text-align:center;background:#fff;border:1px solid var(--ui-line);border-radius:28px;padding:50px 20px}.orders-empty-icon{font-size:58px}.orders-empty-state a{display:inline-block;margin-top:14px;background:var(--ui-red);color:#fff;text-decoration:none;padding:13px 20px;border-radius:14px;font-weight:800}
@media(max-width:720px){.orders-statistics{grid-template-columns:repeat(3,1fr);gap:8px}.orders-statistics article{padding:13px 10px}.orders-statistics strong{font-size:22px}.orders-page-header{align-items:flex-start}.orders-header-icon{display:none}.order-card-summary{grid-template-columns:auto 1fr}.order-total{grid-column:2;text-align:right}.order-progress{overflow:auto}.progress-step{min-width:68px}.order-item-row{grid-template-columns:auto 1fr}.order-item-price{grid-column:2}.restaurant-header-actions{gap:6px}.round-action{width:42px!important;height:42px!important}}
