:root{--color-bg:#faf8f3;--color-bg-2:#f5f1e8;--color-surface:#fff;--color-surface-tint:#fbf8f1;--color-fg:#1c1f2e;--color-fg-2:#6b6762;--color-fg-3:#a8a29e;--color-fg-inv:#faf8f3;--color-accent:#c9a96e;--color-accent-dark:#a88b4e;--color-accent-light:#e8ddd0;--color-accent-pale:#f4ede0;--color-border:#eae3d6;--color-border-strong:#d5ccb8;--color-border-soft:#f0ebe0;--color-success:#3a7d5b;--color-success-bg:#e6f0ea;--color-error:#c0392b;--color-error-bg:#faedec;--color-warning:#b8860b;--color-warning-bg:#fbf4e0;--color-info:#4a6fa5;--color-info-bg:#ecf1f9;--radius-sm:4px;--radius-md:10px;--radius-lg:18px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(28,31,46,.04);--shadow-md:0 2px 12px rgba(28,31,46,.06);--shadow-lg:0 8px 32px rgba(28,31,46,.1);--shadow-xl:0 16px 48px rgba(28,31,46,.14);--font-sans:var(--font-cairo),system-ui,sans-serif;--font-display:var(--font-cormorant),"Cairo",serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--d-fast:160ms;--d-base:240ms;--d-slow:400ms}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-fg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga";overflow:hidden}body{width:100vw;height:100vh}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app{display:grid;grid-template-columns:240px 1fr;grid-template-rows:minmax(0,1fr);width:100%;height:100%;background:var(--color-bg)}.sidebar{background:var(--color-surface);border-inline-start:1px solid var(--color-border);display:flex;flex-direction:column;padding:24px 0;position:relative}.brand{padding:0 24px 24px;border-bottom:1px solid var(--color-border-soft);margin-bottom:16px;display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;background:var(--color-fg);border-radius:10px;display:grid;place-items:center;position:relative;flex-shrink:0}.brand-mark:after{content:"";position:absolute;inset:3px;border:1px solid var(--color-accent);border-radius:7px;pointer-events:none}.brand-mark svg{width:22px;height:22px;color:var(--color-accent)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text .ar{font-size:18px;font-weight:700;letter-spacing:-.01em}.brand-text .en{font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--color-fg-2);letter-spacing:.04em;margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px;padding:0 12px;flex:1;overflow-y:auto}.nav-section-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--color-fg-3);padding:16px 12px 8px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-fg-2);transition:all var(--d-fast) var(--ease-out);text-align:start;width:100%;position:relative}.nav-item:hover:not([disabled]){background:var(--color-surface-tint);color:var(--color-fg)}.nav-item.active{background:var(--color-fg);color:var(--color-fg-inv);font-weight:600}.nav-item.active .nav-icon{color:var(--color-accent)}.nav-item[disabled]{opacity:.4;cursor:not-allowed}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item .nav-icon{color:var(--color-fg-3);transition:color var(--d-fast)}.nav-item:hover:not([disabled]) .nav-icon{color:var(--color-accent-dark)}.nav-item .badge-num{margin-inline-start:auto;background:var(--color-accent);color:var(--color-fg);font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;min-width:20px;text-align:center}.sidebar-footer{border-top:1px solid var(--color-border-soft);padding:16px 24px;display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.user-meta{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}.user-meta .name{font-size:13px;font-weight:600}.user-meta .role{font-size:11px;color:var(--color-fg-3)}.main{display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}.topbar{height:64px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 32px;gap:20px;flex-shrink:0}.search{flex:1;max-width:480px;position:relative}.search input{width:100%;height:38px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:0 40px;font-size:13px;color:var(--color-fg);transition:all var(--d-fast)}.search input::-moz-placeholder{color:var(--color-fg-3)}.search input::placeholder{color:var(--color-fg-3)}.search input:focus{outline:none;border-color:var(--color-accent);background:#fff}.search svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-fg-3)}.topbar-right{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.topbar-date{display:flex;flex-direction:column;text-align:end;line-height:1.15;padding-inline-end:12px;border-inline-end:1px solid var(--color-border);margin-inline-end:4px}.topbar-date .day{font-size:13px;font-weight:600}.topbar-date .greg{font-size:11px;color:var(--color-fg-3);font-family:var(--font-mono)}.icon-btn{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;color:var(--color-fg-2);position:relative;transition:all var(--d-fast)}.icon-btn:hover{background:var(--color-bg);color:var(--color-fg)}.icon-btn svg{width:18px;height:18px}.icon-btn .dot{position:absolute;top:8px;inset-inline-end:8px;width:8px;height:8px;background:var(--color-error);border:2px solid var(--color-surface);border-radius:50%}.content{flex:1;overflow-y:auto;padding:32px 40px}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.content::-webkit-scrollbar-track{background:transparent}.h1{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.h2{font-size:22px;letter-spacing:-.01em;line-height:1.25}.h2,.h3{font-weight:600}.h3{font-size:17px;letter-spacing:-.005em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--color-accent-dark);text-transform:uppercase}.muted{color:var(--color-fg-2)}.faded{color:var(--color-fg-3)}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-display)}.tabular{font-variant-numeric:tabular-nums}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:16px}.page-title h1{font-size:32px;font-weight:700;letter-spacing:-.02em}.page-title .eyebrow{margin-bottom:6px}.page-title p{color:var(--color-fg-2);margin-top:4px;font-size:14px}.gold-rule{height:1px;background:linear-gradient(to inline-end,var(--color-accent),transparent);margin:4px 0 24px;width:56px}[dir=rtl] .gold-rule{background:linear-gradient(to left,var(--color-accent),transparent)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card.elevated{box-shadow:var(--shadow-md)}.card-header{padding:18px 22px;border-bottom:1px solid var(--color-border-soft);display:flex;align-items:center;justify-content:space-between}.card-body{padding:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-size:13px;font-weight:600;transition:all var(--d-fast) var(--ease-out);border:1px solid transparent;white-space:nowrap}.btn:active{transform:scale(.97)}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-fg);color:var(--color-fg-inv)}.btn-primary:hover:not(:disabled){background:#2a2d40}.btn-gold{background:var(--color-accent);color:var(--color-fg)}.btn-gold:hover:not(:disabled){background:var(--color-accent-dark);color:#fff}.btn-ghost{color:var(--color-fg)}.btn-ghost:hover:not(:disabled){background:var(--color-bg)}.btn-outline{border-color:var(--color-border-strong);color:var(--color-fg);background:var(--color-surface)}.btn-outline:hover:not(:disabled){border-color:var(--color-fg)}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-lg{height:48px;padding:0 24px;font-size:14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--color-bg-2);color:var(--color-fg-2);border:1px solid var(--color-border)}.pill.gold{background:var(--color-accent-pale);color:var(--color-accent-dark);border-color:var(--color-accent-light)}.pill.success{background:var(--color-success-bg);color:var(--color-success);border-color:transparent}.pill.error{background:var(--color-error-bg);color:var(--color-error);border-color:transparent}.pill.warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:transparent}.pill.info{background:var(--color-info-bg);color:var(--color-info)}.pill.dark,.pill.info{border-color:transparent}.pill.dark{background:var(--color-fg);color:var(--color-accent)}.pill .pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--color-fg-2);letter-spacing:.01em}.input,.select,.textarea{height:42px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:0 14px;font-size:14px;color:var(--color-fg);transition:all var(--d-fast);width:100%}.textarea{height:auto;padding:12px 14px;min-height:80px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-pale)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--color-border);position:relative}.section-head:after{content:"";position:absolute;bottom:-1px;inset-inline-start:0;width:48px;height:2px;background:var(--color-accent)}.section-head h2{font-size:18px;font-weight:700;letter-spacing:-.01em}.section-head .meta{font-size:12px;color:var(--color-fg-3)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:start;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-3);padding:12px 16px;border-bottom:1px solid var(--color-border)}.tbl td{padding:14px 16px;border-bottom:1px solid var(--color-border-soft);vertical-align:middle}.tbl tbody tr{transition:background var(--d-fast)}.tbl tbody tr:hover{background:var(--color-surface-tint)}.tbl tbody tr:last-child td{border-bottom:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--d-base) var(--ease-out) backwards}.row{align-items:center}.col,.row{display:flex;gap:12px}.col{flex-direction:column}.spacer{flex:1}.avatar-lg{width:56px;height:56px;place-items:center;font-size:18px;border:1px solid var(--color-accent-light)}.avatar-lg,.avatar-md{border-radius:50%;background:linear-gradient(135deg,var(--color-accent-pale),var(--color-accent-light));color:var(--color-accent-dark);display:grid;font-weight:700;flex-shrink:0}.avatar-md{width:40px;height:40px;place-items:center;font-size:14px;border:1px solid var(--color-accent-light)}.numerals{font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:400}.locale-switcher{display:inline-flex;align-items:stretch;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-tint);padding:2px;height:32px}.locale-switcher__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;padding:0 12px;border-radius:999px;font:500 12px/1 var(--font-sans);color:var(--color-fg-2);transition:background .16s ease,color .16s ease}.locale-switcher__btn:hover:not(:disabled){color:var(--color-fg)}.locale-switcher__btn.active{background:var(--color-fg);color:var(--color-fg-inv);cursor:default}.locale-switcher__btn:disabled:not(.active){opacity:.5;cursor:progress}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}@media print{body *{visibility:hidden}.print-receipt,.print-receipt *,.print-report,.print-report *{visibility:visible}.print-receipt,.print-report{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;box-shadow:none!important;border:none!important}.no-print{display:none!important}}