:root{--mx-red: #c8102e;--mx-red-dark: #9f0d24;--mx-red-soft: #fde8ec;--bg: #f4f6f8;--surface: #ffffff;--surface-2: #eef1f4;--text: #1a1d21;--text-2: #5b6470;--border: #e2e8f0;--shadow: 0 8px 24px rgba(26, 29, 33, .06);--radius: 14px;--sidebar: 268px;--topbar: 64px;--ok: #0f7b4c;--ok-bg: #e8f7ef;--warn: #b45309;--warn-bg: #fff6e8;--info: #1d4ed8;--info-bg: #ebf1ff;--font-ar: "Cairo", "IBM Plex Sans", sans-serif;--font-lat: "IBM Plex Sans", "Cairo", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-lat);font-size:14.5px;line-height:1.5}[dir=rtl] body,[dir=rtl]{font-family:var(--font-ar)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em}.app-shell{min-height:100%;display:flex;background:var(--bg)}.sidebar{width:var(--sidebar);background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:18px 18px 14px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,var(--mx-red),var(--mx-red-dark));color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 16px #c8102e40}.brand h1{font-size:16px}.brand p{margin:0;color:var(--text-2);font-size:12px}.nav{padding:8px;overflow:auto;flex:1}.nav-group{color:var(--text-2);font-size:11px;font-weight:700;letter-spacing:.08em;padding:12px 12px 6px;text-transform:uppercase}.nav a,.nav button.nav-link{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;background:transparent;border-radius:10px;color:var(--text);text-align:start}.nav a:hover,.nav button.nav-link:hover{background:var(--surface-2)}.nav a.active{background:var(--mx-red-soft);color:var(--mx-red-dark);font-weight:700}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:10}.search-box{flex:1;max-width:560px;position:relative}.search-box input{width:100%;height:40px;border:1px solid var(--border);border-radius:999px;padding:0 42px;background:var(--bg)}.search-box svg{position:absolute;top:11px;inset-inline-start:14px;color:var(--text-2)}.top-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.content{padding:22px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.page-head h2{font-size:22px}.muted{color:var(--text-2)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stat .label{color:var(--text-2);font-size:12px;font-weight:600}.stat .value{font-size:24px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.stat .hint{font-size:12px;color:var(--text-2);margin-top:4px}.kpi-red{color:var(--mx-red)}.grid-2{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:start;font-variant-numeric:tabular-nums}th{font-size:12px;color:var(--text-2);font-weight:700;background:#fafbfc}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.btn{height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;gap:8px;font-weight:600}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--mx-red);border-color:var(--mx-red);color:#fff}.btn.primary:hover{background:var(--mx-red-dark)}.btn.ghost{background:transparent}.btn.danger{color:var(--mx-red);border-color:#f3c5cd;background:var(--mx-red-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:9px 11px;min-height:40px}textarea{min-height:88px;resize:vertical}label{display:block;font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:6px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.field{min-width:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.muted{background:var(--surface-2);color:var(--text-2)}.badge.bad{background:var(--mx-red-soft);color:var(--mx-red-dark)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:50;padding:20px}.dialog{width:min(920px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 80px #0003;padding:20px}.toast{position:fixed;inset-inline-end:20px;bottom:20px;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;z-index:80}.login{min-height:100%;display:grid;place-items:center;background:radial-gradient(1200px 500px at 80% -10%,#fde8ec,transparent),var(--bg)}.login-card{width:min(440px,92vw);background:#fff;border-radius:22px;padding:32px;box-shadow:var(--shadow);border:1px solid var(--border)}.login-card h2{margin:8px 0 4px}.mono{font-family:var(--mono)}.empty,.state{padding:40px;text-align:center;color:var(--text-2)}.chart{display:flex;align-items:end;gap:6px;height:140px;padding-top:8px}.chart-bar{flex:1;background:linear-gradient(180deg,#f43f5e,var(--mx-red));border-radius:6px 6px 2px 2px;min-height:4px}.user-chip{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--bg)}.pos-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:14px}.line-row{display:grid;grid-template-columns:2fr 80px 110px 90px 36px;gap:8px;align-items:center;margin-bottom:8px}.totals{background:var(--bg);border-radius:12px;padding:12px}.totals div{display:flex;justify-content:space-between;padding:4px 0}.print-sheet{background:#fff;padding:24px;color:#111}.print-head{display:flex;justify-content:space-between;border-bottom:3px solid var(--mx-red);padding-bottom:12px;margin-bottom:16px}@media print{.app-shell,.topbar,.sidebar,.page-head,.btn,.no-print{display:none!important}.print-only{display:block!important}}@media(max-width:1100px){.cards,.form-grid,.grid-2,.pos-layout{grid-template-columns:1fr}.sidebar{display:none}}