:root{--brand-sky:#77bde9;--ink:#17212b;--muted:#64748b;--line:#e6ebf1;--surface:#fff;--bg:#f5f8fb;--success:#0f9f6e;--danger:#d83a3a;--warning:#b7791f;--radius:18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}body.rtl{font-family:Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;background:var(--brand-sky);display:flex;align-items:center;justify-content:center;padding:32px}.login-wrap{width:min(420px,100%);text-align:center}.login-logo{width:min(380px,82vw);display:block;margin:0 auto 34px}.login-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:30px;text-align:start;box-shadow:0 20px 70px rgba(18,52,73,.12)}.login-card h1{margin:0 0 6px;font-size:26px;letter-spacing:-.03em}.login-card p{margin:0 0 22px;color:var(--muted)}.login-lang{display:flex;justify-content:center;gap:8px;margin-top:18px}.login-lang a,.lang-link{color:rgba(23,33,43,.78);background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.7);padding:7px 11px;border-radius:999px;font-size:13px}.topbar{position:sticky;top:0;z-index:10;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:var(--brand-sky);border-bottom:1px solid rgba(255,255,255,.35)}.topbar-brand{display:flex;align-items:center;gap:14px}.topbar-logo{height:46px;width:auto;display:block}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.22);color:white;border:1px solid rgba(255,255,255,.35);font-size:12px;font-weight:800}.topbar-actions{display:flex;align-items:center;gap:9px}.user-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.75);font-size:13px}.shell{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:234px;padding:22px 16px;background:#fff;border-inline-end:1px solid var(--line)}.nav-link{display:block;padding:12px 14px;margin-bottom:6px;border-radius:14px;color:#526173;font-weight:700}.nav-link.active,.nav-link:hover{background:#eef7fe;color:#126aa0}.main{flex:1;padding:28px;max-width:1480px;margin:0 auto;width:100%}.page-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h1{margin:0;font-size:30px;letter-spacing:-.04em}h2{margin:0 0 18px;font-size:21px;letter-spacing:-.03em}h3{margin:0 0 10px;font-size:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.035)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:22px}.stat-label{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:38px;font-weight:900;letter-spacing:-.05em;margin-top:8px}.stat-help{color:var(--muted);margin-top:5px}.hero-stat{background:linear-gradient(180deg,#fff,#fbfdff);border-color:#dcebf6}.hero-stat .stat-value{font-size:52px}.form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:end}.form-grid .span-2{grid-column:span 2}.form-grid .span-3{grid-column:span 3}.form-row{margin-bottom:16px}.form-grid .form-row{margin-bottom:0}.form-row label{display:block;font-size:13px;color:#475569;font-weight:800;margin-bottom:7px}.input,select,textarea{width:100%;border:1px solid #d9e2ec;background:#fff;border-radius:14px;min-height:46px;padding:0 14px;font:inherit;color:var(--ink);outline:none}textarea{padding-top:12px;min-height:90px}.input:focus,select:focus,textarea:focus{border-color:#77bde9;box-shadow:0 0 0 4px rgba(119,189,233,.18)}.help{color:var(--muted);font-size:13px;margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;min-height:44px;padding:0 18px;font:inherit;font-weight:850;cursor:pointer;background:#111827;color:white}.btn-primary{background:#111827;color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:rgba(255,255,255,.74);color:#17212b;border:1px solid rgba(255,255,255,.55)}.btn-light{background:#eef3f8;color:#17212b}.btn-outline{background:#fff;color:#17212b;border:1px solid var(--line)}.btn-sm{min-height:34px;padding:0 12px;font-size:13px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.export-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.alert{padding:14px 16px;border-radius:14px;margin-bottom:18px;border:1px solid transparent;background:#eef3f8}.alert-success{background:#ecfdf5;color:#066146;border-color:#b8efd8}.alert-danger{background:#fff1f1;color:#9b1c1c;border-color:#ffd2d2}.alert-warning{background:#fff8e8;color:#7a4b00;border-color:#ffe4a3}.alert-info{background:#eef7fe;color:#126aa0;border-color:#cbe9fb}.result-box{padding:20px;border-radius:18px;margin-top:20px;border:1px solid var(--line)}.result-box.success{background:#ecfdf5;border-color:#b8efd8;color:#064e3b}.result-box.danger{background:#fff1f1;border-color:#ffd2d2;color:#991b1b}.result-title{font-size:22px;font-weight:900;margin-bottom:8px}.locked-location{padding:16px;border-radius:16px;border:1px solid var(--line);background:#f8fbfd;margin-bottom:18px}.phone-input{font-size:34px;font-weight:900;letter-spacing:.08em;text-align:center;min-height:64px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;text-align:start;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#fbfdff}tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:850}.status-active{background:#ecfdf5;color:#067a55}.status-inactive{background:#f1f5f9;color:#64748b}.checkbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.check-card{display:flex!important;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.check-card input{width:18px;height:18px}.small-muted{color:var(--muted);font-size:13px}.report-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:18px}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-box{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfdff}.summary-box .label{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.summary-box .value{font-weight:900;font-size:24px;margin-top:4px}.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr 54px;gap:12px;align-items:center}.bar-label{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:12px;background:#eef3f8;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:#17212b;border-radius:999px;min-width:4px}.bar-value{text-align:end;font-weight:850}.chart-note{color:var(--muted);font-size:13px;margin-top:12px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef7fe;color:#126aa0;font-size:12px;font-weight:850}.muted-panel{background:#fbfdff;border:1px solid var(--line);border-radius:16px;padding:16px}.kpi-icon{width:38px;height:38px;border-radius:13px;background:#eef7fe;display:flex;align-items:center;justify-content:center;font-weight:900;color:#126aa0;margin-bottom:12px}@media(max-width:1100px){.grid-3,.grid-4,.form-grid,.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .span-2,.form-grid .span-3{grid-column:span 1}.report-head{grid-template-columns:1fr}.export-actions{justify-content:flex-start}}@media(max-width:900px){.shell{display:block}.sidebar{width:auto;padding:12px;border-inline-end:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow-x:auto;gap:8px}.nav-link{white-space:nowrap;margin-bottom:0}.main{padding:18px}.grid-2,.grid-3,.grid-4,.form-grid,.summary-strip{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr 1fr}.topbar{padding:0 14px}.topbar-logo{height:36px}.user-chip,.badge{display:none}.bar-row{grid-template-columns:1fr;gap:6px}.bar-value{text-align:start}}@media(max-width:560px){.checkbox-grid{grid-template-columns:1fr}.login-page{padding:18px}.login-card{padding:22px}.phone-input{font-size:28px}.stat-value{font-size:34px}.hero-stat .stat-value{font-size:44px}}

/* Production reporting + dashboard */
.report-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.report-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.report-summary-grid .stat-card{min-height:132px}.hero-stat{background:linear-gradient(180deg,#ffffff 0%,#f4fbff 100%);border-color:#b7e2f7}.stat-value-small{font-size:22px!important;line-height:1.15}.table-top-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.table-top-row h2{margin:0}.print-header{display:none}.bar-list{display:flex;flex-direction:column;gap:14px}.bar-item{display:flex;flex-direction:column;gap:8px}.bar-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.bar-meta span{color:var(--muted);font-weight:800}.bar-track{height:10px;border-radius:999px;background:#edf3f8;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:#77bde9}.daily-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:9px;align-items:end;min-height:190px}.daily-col{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.daily-bar-wrap{height:118px;width:100%;display:flex;align-items:flex-end;justify-content:center;background:#f7fafc;border-radius:12px;padding:6px;border:1px solid var(--line)}.daily-bar{width:100%;border-radius:9px;background:#77bde9;min-height:4px}.daily-label{font-size:11px;color:var(--muted);font-weight:800}.daily-count{font-size:12px;font-weight:850}.location-highlight{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fbfdff}.printable-report{break-inside:avoid}.btn-success{background:#0f9f6e;color:#fff;border-color:#0f9f6e}.btn-success:hover{filter:brightness(.96)}
@media(max-width:1100px){.report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-hero{display:block}.report-actions{margin-top:14px}.daily-grid{grid-template-columns:repeat(7,minmax(0,1fr));row-gap:14px}}
@media(max-width:640px){.report-filter-grid{grid-template-columns:1fr}.daily-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.report-actions .btn{width:100%;justify-content:center}.table-top-row{align-items:flex-start;flex-direction:column}}
@media print{.topbar,.sidebar,.hide-print,.page-title-row,.btn,.alert{display:none!important}.shell{display:block}.main{padding:0}.card{box-shadow:none!important;border:0!important;padding:0!important}.print-header{display:block;margin-bottom:18px}.print-header h2{margin:0 0 6px}.print-header p{margin:0;color:#475569;font-size:12px}.table-wrap{border:0;border-radius:0}table{font-size:11px}th,td{padding:7px 8px}.status-pill{border:1px solid #94a3b8;background:#fff;color:#0f172a}.app-body{background:#fff}}

.chart-empty{display:flex;align-items:center;gap:14px;padding:22px;border:1px dashed var(--line);border-radius:18px;background:#fbfdff;min-height:220px}.chart-empty-icon{width:52px;height:52px;border-radius:16px;background:#eef7fe;display:flex;align-items:center;justify-content:center;font-size:24px}.chart-card{display:flex;flex-direction:column;gap:18px}.chart-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chart-summary-box{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}.chart-summary-box strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:4px}.chart-summary-label{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.chart-wrap{width:100%;height:260px}.line-chart{width:100%;height:100%;display:block}.chart-grid-line{stroke:#e9eef4;stroke-width:1}.chart-axis-label{fill:#7a8798;font-size:11px;font-weight:700}.chart-area{fill:rgba(119,189,233,.18);stroke:none}.chart-line{fill:none;stroke:#77bde9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#77bde9;stroke:#fff;stroke-width:2}.chart-point:hover{r:5}
@media(max-width:900px){.chart-summary-row{grid-template-columns:1fr}.chart-wrap{height:220px}}


.cashier-card{position:relative;overflow:hidden;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.cashier-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:#dbeaf5}.cashier-card.ready:before{background:#77bde9}.cashier-card.accepted{border-color:rgba(15,159,110,.35);background:linear-gradient(180deg,#ffffff 0%,#f4fffb 100%)}.cashier-card.accepted:before{background:var(--success)}.cashier-card.rejected{border-color:rgba(216,58,58,.28);background:linear-gradient(180deg,#ffffff 0%,#fff8f8 100%)}.cashier-card.rejected:before{background:#d83a3a}.cashier-status-line{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fbfdff;border-radius:999px;padding:7px 11px;color:var(--muted);font-size:12px;font-weight:850;margin-bottom:16px}.status-dot{width:9px;height:9px;border-radius:50%;background:#77bde9;box-shadow:0 0 0 4px rgba(119,189,233,.14)}.cashier-card.accepted .status-dot{background:var(--success);box-shadow:0 0 0 4px rgba(15,159,110,.13)}.cashier-card.rejected .status-dot{background:#d83a3a;box-shadow:0 0 0 4px rgba(216,58,58,.12)}.cashier-card.accepted .phone-input:focus{border-color:rgba(15,159,110,.55);box-shadow:0 0 0 4px rgba(15,159,110,.12)}.cashier-card.rejected .phone-input:focus{border-color:rgba(216,58,58,.45);box-shadow:0 0 0 4px rgba(216,58,58,.10)}.security-warning a{text-decoration:underline}.btn:disabled{cursor:not-allowed}
@media(max-width:900px){.cashier-grid{grid-template-columns:1fr}}