*{box-sizing:border-box}html{color:#1f2937;background:#f6f7f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.store-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;width:240px;min-height:100vh;padding:24px 16px;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:12px;margin-bottom:32px;padding:0 8px;display:flex}.sidebar-brand-mark{color:#111827;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.sidebar-brand div{flex-direction:column;gap:2px;display:flex}.sidebar-brand strong{font-size:15px}.sidebar-brand span:last-child{color:#9ca3af;font-size:12px}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-link{color:#cbd5e1;border-radius:9px;align-items:center;min-height:44px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar-link:hover{color:#fff;background:#1f2937}.sidebar-link.active{color:#fff;background:#374151}.store-main{width:100%;min-width:0;margin-left:240px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{font-size:15px;font-weight:700}.topbar-user{align-items:center;gap:18px;display:flex}.topbar-user-info{text-align:right;flex-direction:column;display:flex}.topbar-user-info strong{font-size:14px}.topbar-user-info span{color:#6b7280;font-size:12px}.topbar-signout{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:38px;padding:0 14px;font-weight:600}.store-content{padding:32px}.store-content h1{margin-top:0}.workspace-page{width:100%;max-width:1000px}.page-heading{margin-bottom:24px}.page-heading h1{margin:0 0 8px;font-size:32px}.page-heading p{color:#6b7280;margin:0}.search-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-width:760px;padding:24px}.customer-search-form label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.search-row{gap:10px;display:flex}.search-row input{border:1px solid #d1d5db;border-radius:9px;outline:none;flex:1;min-width:0;height:46px;padding:0 14px}.search-row input:focus{border-color:#111827}.primary-action{color:#fff;background:#111827;border:0;border-radius:9px;min-width:110px;height:46px;padding:0 18px;font-weight:700}.primary-action:disabled{opacity:.6;cursor:not-allowed}.customer-not-found{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:18px;display:flex}.customer-not-found h2{margin:0 0 5px;font-size:17px}.customer-not-found p{color:#6b7280;margin:0;font-size:14px}.secondary-action{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:42px;padding:0 14px;font-weight:700}.form-error{color:#b91c1c;background:#fef2f2;border-radius:9px;margin-top:16px;padding:12px 14px;font-size:14px}@media (width<=700px){.store-content{padding:20px}.search-row{flex-direction:column}.primary-action{width:100%}.customer-not-found{flex-direction:column;align-items:stretch}.secondary-action{width:100%}}.page-heading-with-action{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}@media (width<=700px){.page-heading-with-action{flex-direction:column;align-items:stretch}.page-heading-with-action .secondary-action{width:100%}}.customer-profile-grid{grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:18px;display:grid}.customer-info-card,.customer-points-card,.customer-actions-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px}.customer-info-card h2,.customer-actions-card h2{margin:0 0 18px;font-size:18px}.customer-detail-row{border-top:1px solid #f0f0f0;justify-content:space-between;gap:20px;padding:14px 0;display:flex}.customer-detail-row:first-of-type{border-top:0}.customer-detail-row span{color:#6b7280;font-size:14px}.customer-detail-row strong{text-align:right;overflow-wrap:anywhere}.customer-points-card{flex-direction:column;justify-content:center;min-height:220px;display:flex}.customer-points-card span{color:#6b7280;font-weight:600}.customer-points-card strong{margin-top:10px;font-size:48px;line-height:1}.customer-points-card small{color:#6b7280;margin-top:8px}.customer-actions-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.customer-actions-card p{color:#6b7280;margin:6px 0 0}.customer-actions{gap:10px;display:flex}@media (width<=800px){.customer-profile-grid{grid-template-columns:1fr}.customer-actions-card{flex-direction:column;align-items:stretch}.customer-actions{flex-direction:column}.customer-actions .primary-action,.customer-actions .secondary-action{width:100%}}.product-search-card{max-width:760px;margin-bottom:24px}.product-search-card label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.product-search-card input{background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;height:46px;padding:0 14px}.product-search-card input:focus{border-color:#111827}.product-page-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.product-list-section{min-width:0}.product-section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.product-section-heading h2{margin:0;font-size:18px}.product-section-heading span{color:#6b7280;font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:100px;padding:18px;display:flex}.product-card.selected{border-color:#111827}.product-card-info{flex-direction:column;gap:6px;display:flex}.product-card-info span{color:#6b7280;font-size:13px}.product-add-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:64px;height:36px;font-weight:700}.quantity-control{align-items:center;gap:10px;display:flex}.quantity-control button{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:34px;height:34px;font-size:18px}.quantity-control strong{text-align:center;min-width:20px}.order-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;position:sticky;top:96px}.order-summary-card h2{margin:0 0 18px;font-size:18px}.selection-empty{color:#6b7280;font-size:14px}.selection-list{flex-direction:column;display:flex}.selection-row{border-top:1px solid #f0f0f0;justify-content:space-between;gap:14px;padding:13px 0;display:flex}.selection-row:first-child{border-top:0}.selection-row div{flex-direction:column;gap:4px;display:flex}.selection-row span{color:#6b7280;font-size:12px}.selection-total{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:18px}.selection-total div{justify-content:space-between;margin-bottom:10px;display:flex}.selection-total span{color:#6b7280;font-size:14px}.continue-button{width:100%;margin-top:10px}.continue-button:disabled{opacity:.45;cursor:not-allowed}.empty-product-state{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px}@media (width<=1000px){.product-page-layout{grid-template-columns:1fr}.order-summary-card{position:static}}@media (width<=700px){.product-grid{grid-template-columns:1fr}}.confirmation-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.confirmation-main{flex-direction:column;gap:16px;display:flex}.confirmation-card,.confirmation-summary{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px}.confirmation-card h2,.confirmation-summary h2{margin:0 0 18px;font-size:18px}.confirmation-customer{justify-content:space-between;align-items:center;gap:24px;display:flex}.confirmation-customer>div:first-child>span{color:#6b7280;font-size:13px;font-weight:600}.confirmation-customer h2{margin:5px 0;font-size:20px}.confirmation-customer p{color:#6b7280;margin:0;font-size:14px}.current-points{flex-direction:column;align-items:flex-end;display:flex}.current-points span{color:#6b7280;font-size:13px}.current-points strong{margin-top:4px;font-size:28px}.confirmation-items{flex-direction:column;display:flex}.confirmation-item{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.confirmation-item:first-child{border-top:0}.confirmation-item div{flex-direction:column;gap:4px;display:flex}.confirmation-item span{color:#6b7280;font-size:13px}.confirmation-total{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:18px}.confirmation-total>div,.summary-line{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.confirmation-total span,.summary-line span{color:#6b7280;font-size:14px}.points-positive{color:#15803d}.confirmation-summary{position:sticky;top:96px}.summary-new-balance{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:flex-end;margin-top:20px;padding-top:20px;display:flex}.summary-new-balance span{font-weight:700}.summary-new-balance strong{font-size:30px}.confirm-order-button{width:100%;margin-top:24px}.redeem-notice{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.redeem-notice p{color:#6b7280;margin:5px 0 0;font-size:14px}@media (width<=1000px){.confirmation-layout{grid-template-columns:1fr}.confirmation-summary{position:static}}@media (width<=700px){.confirmation-customer,.redeem-notice{flex-direction:column;align-items:stretch}.current-points{align-items:flex-start}.redeem-notice .secondary-action{width:100%}}.redeem-customer-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:24px;display:flex}.redeem-customer-card>div:first-child>span{color:#6b7280;font-size:13px;font-weight:600}.redeem-customer-card h2{margin:5px 0;font-size:20px}.redeem-customer-card p{color:#6b7280;margin:0;font-size:14px}.redeem-balance{flex-direction:column;align-items:flex-end;display:flex}.redeem-balance span{color:#6b7280;font-size:13px}.redeem-balance strong{margin-top:4px;font-size:30px}.redeem-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.section-title{margin:0 0 14px;font-size:18px}.redeem-reward-list{flex-direction:column;gap:10px;display:flex}.redeem-reward-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px;display:flex}.redeem-reward-card:hover{border-color:#9ca3af}.redeem-reward-card.selected{border:2px solid #111827}.redeem-reward-card div{flex-direction:column;gap:5px;display:flex}.redeem-reward-card span{color:#6b7280;font-size:13px}.redeem-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;position:sticky;top:96px}.redeem-summary-card h2{margin:0 0 20px;font-size:18px}.points-negative{color:#b91c1c}.redeem-confirm-button{width:100%;margin-top:22px}.redeem-empty{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px}.redeem-empty h2{margin:0 0 6px;font-size:18px}.redeem-empty p{color:#6b7280;margin:0}@media (width<=1000px){.redeem-layout{grid-template-columns:1fr}.redeem-summary-card{position:static}}@media (width<=700px){.redeem-customer-card{flex-direction:column;align-items:stretch}.redeem-balance{align-items:flex-start}}.new-customer-container{width:100%;max-width:760px}.registration-steps{align-items:center;margin-bottom:22px;display:flex}.registration-step{color:#9ca3af;align-items:center;gap:10px;display:flex}.registration-step>span{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.registration-step div{flex-direction:column;display:flex}.registration-step strong{font-size:13px}.registration-step small{font-size:11px}.registration-step.active,.registration-step.completed{color:#111827}.registration-step.active>span{color:#fff;background:#111827}.registration-step.completed>span{color:#166534;background:#dcfce7}.step-line{background:#d1d5db;flex:1;height:1px;margin:0 16px}.new-customer-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:26px}.new-customer-card h2{margin:0 0 22px;font-size:19px}.new-customer-name-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.store-field{margin-bottom:18px}.store-field label{margin-bottom:7px;font-size:14px;font-weight:700;display:block}.store-field input{border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;height:46px;padding:0 13px}.store-field input:focus{border-color:#111827}.store-field small{color:#6b7280;margin-top:6px;font-size:12px;display:block}.new-customer-submit{width:100%}.verification-heading{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.verification-icon{background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.verification-heading h2{margin:0 0 5px}.verification-heading p{color:#6b7280;margin:0 0 5px;font-size:14px}.store-verification-input{text-align:center;letter-spacing:.3em;font-weight:800;font-size:24px!important}.form-success{color:#166534;background:#f0fdf4;border-radius:9px;margin-bottom:16px;padding:12px 14px;font-size:14px}.verification-actions{color:#9ca3af;justify-content:center;gap:8px;margin-top:18px;font-size:13px;display:flex}.text-action{color:#374151;background:0 0;border:0;padding:0;font-weight:700}.registration-success{text-align:center;padding:42px 26px}.success-check{color:#166534;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 16px;font-size:26px;font-weight:800;display:flex}.registration-success h2{margin-bottom:8px}.registration-success p{color:#6b7280;margin:0 0 24px}@media (width<=700px){.new-customer-name-grid{grid-template-columns:1fr;gap:0}.registration-step small{display:none}}.profile-success-message{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;margin-bottom:18px;padding:14px 16px;display:flex}.profile-success-message div{flex-direction:column;gap:3px;display:flex}.profile-success-message strong{font-size:14px}.profile-success-message span{font-size:13px}.orders-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.orders-table-wrapper{width:100%;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th,.orders-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:16px 18px;font-size:14px}.orders-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;font-size:12px}.orders-table tbody tr{cursor:pointer}.orders-table tbody tr:hover{background:#f9fafb}.order-customer{flex-direction:column;gap:3px;display:flex}.order-customer span{color:#6b7280;font-size:12px}.order-status{color:#166534;background:#dcfce7;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.pagination{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.pagination-button{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:38px;padding:0 14px;font-weight:700}.pagination-button:hover:not(:disabled){background:#f9fafb}.pagination-button:disabled{opacity:.45;cursor:not-allowed}.pagination-info{flex-direction:column;align-items:center;gap:2px;display:flex}.pagination-info span{font-size:13px;font-weight:700}.pagination-info small{color:#6b7280;font-size:12px}@media (width<=600px){.pagination{gap:10px}.pagination-button{padding:0 10px}}.redemption-status{color:#5b21b6;background:#ede9fe;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.page-size-control{align-items:center;gap:8px;display:flex}.page-size-control span{color:#6b7280;font-size:13px}.page-size-control select{background:#fff;border:1px solid #d1d5db;border-radius:8px;height:38px;padding:0 30px 0 10px}.table-loading{padding:20px}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;padding:22px;display:flex}.metric-card span{color:#6b7280;font-size:13px;font-weight:600}.metric-card strong{margin-top:10px;font-size:34px;line-height:1}.dashboard-activity-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.dashboard-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px}.activity-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.activity-heading h2{margin:0 0 4px;font-size:18px}.activity-heading p{color:#6b7280;margin:0;font-size:13px}.activity-list{flex-direction:column;display:flex}.activity-row{text-align:left;background:0 0;border:0;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 0;display:flex}.activity-row:first-child{border-top:0}.activity-row:hover{background:#f9fafb}.activity-row div{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-row span{text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-size:12px;overflow:hidden}@media (width<=1100px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.dashboard-activity-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard-metrics{grid-template-columns:1fr}}.staff-login-shell{background:#f6f7f9;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.staff-login-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:440px;padding:32px}.staff-login-brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.staff-login-mark{color:#fff;background:#111827;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.staff-login-brand>div:last-child{flex-direction:column;display:flex}.staff-login-brand strong{font-size:15px}.staff-login-brand span{color:#6b7280;margin-top:2px;font-size:12px}.staff-login-heading{margin-bottom:24px}.staff-login-heading h1{margin:0 0 8px;font-size:30px}.staff-login-heading p{color:#6b7280;margin:0}.staff-login-button{width:100%;margin-top:4px}