.brand img{width:105px;height:32px;object-fit:contain}
.brand-large img{width:155px;height:48px}
.phone-first{max-width:420px}.customer-check{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 18px;padding:15px 17px;border-radius:8px;background:#f7fbf9;border:1px solid #d9eee5}.customer-check p{margin:4px 0 0;color:var(--muted);font-size:12px}.customer-check strong{color:var(--green);font-size:20px}.checkout-reward{margin:2px 0 14px;padding:14px 16px;border-radius:8px;background:#fff9ec;border:1px solid #f4e4b7}.checkout-reward.is-disabled{background:#f8f6f7;border-color:var(--line)}.checkout-reward.is-disabled .reward-icon{background:#efeaec;color:var(--muted)}.checkout-reward.is-disabled .reward-copy h3,.checkout-reward.is-disabled .reward-toggle{color:var(--muted)}.checkout-reward.is-disabled .reward-toggle{cursor:not-allowed}.reward-toggle{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;margin:0!important;color:#5d4b1d}.reward-toggle input{width:auto}.checkout-reward select{margin-top:12px}.payment-summary{display:grid;gap:8px;margin:12px 0;padding:13px 16px;border-radius:8px;background:#f8f6f7;font-size:13px}.payment-summary span,.payment-summary strong{display:flex;justify-content:space-between}.payment-summary strong{padding-top:9px;border-top:1px solid var(--line);font-size:15px}.payment-summary strong b{color:var(--pink)}
.users-section{margin-top:28px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title h3{margin:5px 0;font-size:18px}.section-title p{margin:0;color:var(--muted);font-size:12px}.add-user-form{margin-bottom:13px}.form-actions{display:flex;gap:8px}.form-actions .secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding-inline:24px;border-radius:12px}.secondary{padding:12px 18px;border-radius:8px;background:#f6f2f4;color:#715e67;font-weight:700}.role-pill{display:inline-block;padding:4px 7px;border-radius:5px;background:var(--pink-pale);color:var(--pink);font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;margin-inline-end:6px;border-radius:50%}.status-dot.on{background:var(--green)}.status-dot.off{background:#b5a7ae}.mini.danger{background:#fff3f4;color:#bd3d52}.current-account{color:var(--muted);font-size:11px}
select{width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.check-line{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important}.check-line input{width:auto}.success-card{text-align:center;max-width:430px}.success-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 14px;border-radius:50%;background:var(--green-pale);color:var(--green);font-size:30px;font-weight:900}.success-card p{color:var(--muted);line-height:1.8}.admin-tools{margin:12px 0}.voided{opacity:.45;text-decoration:line-through}.audit-panel{margin-top:14px}.audit-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.audit-row:first-child{border-top:0}.audit-row small{color:var(--muted)}
.undo-link{margin-top:12px;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline}.inactive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.inactive-grid article{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.inactive-grid b{color:var(--pink);font-size:22px}.inactive-grid span{color:var(--muted);font-size:11px}
#customersPage table{table-layout:fixed;min-width:820px}#customersPage th,#customersPage td{vertical-align:middle}#customersPage th:nth-child(1),#customersPage td:nth-child(1){width:24%;text-align:start}#customersPage th:nth-child(2),#customersPage td:nth-child(2){width:21%;text-align:center}#customersPage th:nth-child(3),#customersPage td:nth-child(3){width:13%;text-align:center}#customersPage th:nth-child(4),#customersPage td:nth-child(4){width:18%;text-align:center}#customersPage th:nth-child(5),#customersPage td:nth-child(5){width:12%;text-align:center}#customersPage th:nth-child(6),#customersPage td:nth-child(6){width:12%;text-align:center}.phone-cell span,.money-cell span{display:inline-block;direction:ltr;unicode-bidi:isolate}.phone-cell span{font-family:Arial,sans-serif;letter-spacing:.25px}.number-cell,.money-cell{font-variant-numeric:tabular-nums}.action-cell .mini{min-width:52px}
.cashier-stage{border-color:#d8eee5;background:#fbfffd}.cashier-stage .flow-head>span{background:var(--green-pale);color:var(--green)}#checkoutHint{line-height:1.65}
.transaction-choice{display:flex;width:max-content;max-width:100%;gap:5px;margin:-6px 0 18px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff}
.info-banner{display:flex;align-items:flex-start;gap:10px;max-width:1070px;margin:-8px 0 16px;padding:12px 14px;border:1px solid #d8eee5;border-radius:10px;background:var(--green-pale);color:#315d4f;font-size:12px;line-height:1.55}.info-banner b{color:var(--green);white-space:nowrap}
.choice-btn,.filter-btn{padding:10px 14px;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}
.choice-btn.active,.filter-btn.active{background:var(--pink-pale);color:var(--pink)}
.choice-btn.secondary-path.active{background:var(--amber-pale);color:var(--amber)}
.skip-layout{max-width:760px}.skip-card{border-color:#f0dfa9;background:#fffdf8}.skip-card .flow-head>span{width:46px;border-radius:8px;background:var(--amber-pale);color:var(--amber)}
.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.transactions-panel{margin-bottom:14px}.transactions-table{min-width:920px}.type-badge{display:inline-block;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:900}.type-badge.loyalty{background:var(--green-pale);color:var(--green)}.type-badge.skip,.skip-badge{background:var(--amber-pale);color:var(--amber);font-weight:900}
.section-label,.summary-section{display:block;margin:4px 0;color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.summary-section{padding-top:8px;border-top:1px solid var(--line)}.summary-section:first-child{padding-top:0;border-top:0}.skip-note,.success-note{display:block;margin:12px 0 0;padding:11px 12px;border-radius:8px;background:#fff9eb;color:#765711;font-size:12px;line-height:1.55;text-align:start}.success-detail{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--line);text-align:start}.success-detail:first-child{border-top:0}.success-detail b{color:var(--muted);font-size:12px}.success-detail strong{color:var(--ink)}
@media(max-width:760px){.transaction-choice{width:100%}.choice-btn{flex:1}.filter-tabs{width:100%}.filter-btn{flex:1}}
.path-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;max-width:820px;margin:18px 0 0}
.path-card{display:grid;gap:10px;min-height:190px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:start;box-shadow:0 18px 44px rgba(80,35,59,.07);transition:.22s ease}
.path-card:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(80,35,59,.11)}
.path-card strong{font-size:22px;color:var(--ink)}.path-card small{max-width:300px;color:var(--muted);font-size:13px;line-height:1.55}.path-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:24px;font-weight:900}
.loyalty-path{border-color:#d8eee5}.loyalty-path .path-icon{background:var(--green-pale);color:var(--green)}
.skip-path{border-color:#f0dfa9}.skip-path .path-icon{background:var(--amber-pale);color:var(--amber)}
.wizard-shell{max-width:880px}.wizard-step{margin-bottom:14px;border-radius:16px;box-shadow:0 14px 34px rgba(80,35,59,.06);overflow:hidden}.wizard-step.is-current{border-color:#ead0dd}
.wizard-step.reveal-step{animation:stepIn .24s ease both}.step-body{animation:stepIn .24s ease both}.step-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-radius:12px;background:#fff}.step-summary span{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.step-summary strong{display:block;margin-top:3px;color:var(--ink);font-size:14px}
.large-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding-inline:24px;border-radius:12px}.new-customer-fields{margin-top:14px}.computed-grid input[readonly]{background:#f8f6f7;color:var(--ink);font-weight:800}
.payment-card{position:static;min-height:0;width:100%;box-shadow:none;border:0;padding:0}.payment-card .points-preview{margin:16px 0}.staff-guide{max-width:880px}.staff-step{border-radius:14px}.info-banner{border-radius:14px}.skip-card{border-radius:18px;box-shadow:0 14px 34px rgba(80,35,59,.06)}
.transaction-list{display:grid;gap:10px}.transaction-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(80,35,59,.05)}.transaction-card.loyalty{border-inline-start:4px solid var(--green)}.transaction-card.skipped{border-inline-start:4px solid var(--amber)}
.transaction-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.transaction-main b{font-size:16px}.transaction-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.transaction-facts span{padding:9px 11px;border-radius:10px;background:#fbf9fa;min-width:0}.transaction-facts small{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.transaction-facts b{display:block;margin-top:3px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}
@media(max-width:760px){.transaction-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;font-size:12px;color:var(--muted)}
.pagination .mini:disabled{opacity:.4;cursor:not-allowed}
@keyframes stepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.path-grid{grid-template-columns:1fr}.path-card{min-height:150px}.transaction-main,.transaction-facts{display:grid}.transaction-facts span{min-width:0}}
.glow-start{max-width:880px;margin:0 auto;text-align:center;animation:stepIn .26s ease both}
.glow-start-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px}
.glow-start-head i{width:34px;height:34px;color:var(--pink)}
.glow-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--pink-pale);color:var(--pink);font-weight:900;font-size:13px}
.glow-badge i{width:16px;height:16px}
.glow-start-head h2{margin:0;font-size:28px}
.glow-start-head p{margin:0;color:var(--muted);font-size:14px}
.path-grid{text-align:start}
.path-card{cursor:pointer;border:none}
.path-card i{width:24px;height:24px}
.path-cta{display:flex;align-items:center;gap:8px;margin-top:6px;padding:11px 18px;border-radius:10px;background:var(--pink-pale);color:var(--pink);font-weight:800;width:max-content}
.path-card i[data-lucide]{flex-shrink:0}
.dir-arrow{width:16px;height:16px}
[dir="ltr"] .dir-arrow{transform:scaleX(-1)}
.input-icon{position:relative}
.input-icon i{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.input-icon input{padding-inline-start:42px}
.points-pill{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px 16px;border-radius:12px;background:var(--pink-pale);color:var(--pink);font-weight:800}
.points-pill i{width:20px;height:20px}
.step-icon-circle{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pink-pale);color:var(--pink)}
.step-icon-circle i{width:18px;height:18px}
.step-icon-circle.skip-icon{background:var(--amber-pale);color:var(--amber)}
.step-summary .step-icon-circle{background:var(--green-pale);color:var(--green)}
.step-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--pink-pale);color:var(--pink);flex-shrink:0}
.step-icon i{width:17px;height:17px}
.customer-found{display:flex;align-items:center;gap:12px;flex:1}
.customer-found i{width:22px;height:22px;color:var(--green);flex-shrink:0}
.customer-found.not-found i{color:var(--amber)}
.customer-found p{margin:2px 0 0;color:var(--muted);font-size:12px}
.customer-points{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--pink-pale);color:var(--pink)}
.customer-points i{width:18px;height:18px}
.customer-points small{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}
.customer-points strong{font-size:16px}
.modal-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:var(--amber-pale);color:var(--amber)}
.modal-icon i{width:26px;height:26px}
.success-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.success-actions button{display:flex;align-items:center;gap:8px}
.success-actions i{width:16px;height:16px}
.confirm-card{max-width:440px;text-align:center}
.confirm-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}
.confirm-actions button{display:flex;align-items:center;gap:8px}
.confirm-actions i{width:16px;height:16px}
.confirm-check{display:flex!important;align-items:center;gap:8px!important;justify-content:center;margin-top:14px;color:var(--muted);font-size:13px}
.confirm-check input{width:auto}
.path-card,.wizard-step,.step-body{transition:.25s ease}
.btn-icon{display:inline-flex;align-items:center;gap:8px}
.btn-icon i{width:16px;height:16px}
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}
.settings-grid .settings{max-width:none}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}
.staff-report-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:14px}
.staff-report-head .avatar{width:64px;height:64px;font-size:24px;margin-bottom:10px}
.staff-report-head h2{margin:0}
.staff-report-head p{margin:3px 0 0;color:var(--muted);font-size:12px}
.staff-report-stats{grid-template-columns:repeat(2,1fr)}
.staff-name-cell{display:flex;align-items:center;gap:10px}
.staff-name-cell .avatar{width:30px;height:30px;font-size:13px}
body.staff-mode .table-wrap,body.staff-mode .modal-card,body.staff-mode .transaction-list{user-select:none;-webkit-user-select:none}
.staff-warning{display:flex;align-items:center;gap:10px;margin-bottom:13px;padding:13px 16px;border-radius:10px;background:var(--amber-pale);border:1px solid #f0dfa9;color:#6c5314;font-size:12px}
.staff-warning b{color:var(--amber)}
.staff-warning i{width:16px;height:16px;flex-shrink:0}
.staff-row-alert{padding-inline:10px;border-radius:8px;background:var(--amber-pale)}
.skip-alert{color:var(--amber)}
.customers-toolbar{display:flex;align-items:flex-end;gap:14px;margin-bottom:14px}
.customers-toolbar .search{margin-bottom:0;flex:1}
.sort-field{display:grid;gap:7px;color:#55474e;font-size:12px;font-weight:800}
.sort-field select{padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:180px}
@media(max-width:760px){.customers-toolbar{flex-direction:column;align-items:stretch}.sort-field select{min-width:0;width:100%}}
.report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;padding:6px;border-radius:12px;background:#f6f2f4}
.report-tabs .filter-btn{flex:0 0 auto;padding:11px 18px}
@media(max-width:760px){.report-tabs{flex-direction:column}.report-tabs .filter-btn{flex:1;text-align:center}}
.chart-panel{margin-top:14px}
.chart-legend{display:flex;gap:16px;margin:8px 0 4px;font-size:11px;color:var(--muted)}
.chart-legend span{display:inline-flex;align-items:center;gap:5px}
.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}
.chart-legend i.sales{background:var(--pink)}
.chart-legend i.points{background:var(--green)}
.chart-bars{display:flex;align-items:stretch;gap:10px;height:170px;padding-top:10px}
.chart-axis{display:flex;flex-direction:column;justify-content:space-between;width:46px;height:140px;flex-shrink:0;font-size:10px;color:var(--muted);padding-bottom:18px;box-sizing:border-box}
.chart-axis-sales{align-items:flex-end;text-align:end}
.chart-axis-points{align-items:flex-start;text-align:start}
.chart-area{position:relative;flex:1;overflow-x:auto}
.chart-area-inner{position:relative;display:flex;align-items:flex-end;gap:14px;height:140px;min-width:100%}
.chart-gridlines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.chart-gridlines span{display:block;border-top:1px dashed var(--line);height:0}
.chart-month{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:54px;flex-shrink:0}
.chart-cols{position:relative;display:flex;align-items:flex-end;gap:4px;height:140px}
.chart-col{width:14px;border-radius:4px 4px 0 0;min-height:2px}
.chart-col.sales{background:var(--pink)}
.chart-col.points{background:var(--green)}
.chart-month small{font-size:10px;color:var(--muted);font-weight:800}