:root{--color-primary: #059669;--color-primary-hover: #047857;--color-primary-soft: rgba(5, 150, 105, .12);--color-text: #111827;--color-muted: #6b7280;--color-border: #e5e7eb;--color-surface: #ffffff;--color-surface-2: #f3f4f6;--color-bg: #f8faf9;--color-danger: #dc2626;--color-danger-soft: rgba(220, 38, 38, .1);--color-warning: #d97706;--color-success: #059669;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 8px 24px rgba(17, 24, 39, .08);--shadow-lg: 0 16px 40px rgba(17, 24, 39, .14);--sidebar-width: 260px;--topbar-height: 64px;--font-sans: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--font-display: "Cairo", "IBM Plex Sans Arabic", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem}html[data-theme=dark]{--color-text: #f3f4f6;--color-muted: #9ca3af;--color-border: #374151;--color-surface: #111827;--color-surface-2: #1f2937;--color-bg: #0b1220;--color-primary-soft: rgba(5, 150, 105, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.input,.select,.textarea{width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:.7rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}.input:hover,.select:hover,.textarea:hover{border-color:#cbd5e1}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.input:disabled,.select:disabled,.textarea:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}.textarea{min-height:96px;resize:vertical}.field{display:grid;gap:.4rem}.field label{font-size:.875rem;font-weight:600;color:var(--color-text)}.field .hint{font-size:.8rem;color:var(--color-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:var(--radius-md);border:1px solid transparent;padding:.65rem 1rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-2)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.btn-ghost{background:transparent;color:var(--color-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.btn.icon{width:2.25rem;height:2.25rem;padding:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page{display:grid;gap:var(--space-5)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header h1{margin:0;font-size:clamp(1.35rem,2vw,1.75rem)}.page-header p{margin:.35rem 0 0;color:var(--color-muted)}.table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}table.data{width:100%;border-collapse:collapse;min-width:640px}table.data th,table.data td{padding:.85rem 1rem;text-align:start;border-bottom:1px solid var(--color-border);white-space:nowrap}table.data th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);background:var(--color-surface-2)}table.data tbody tr:hover{background:var(--color-primary-soft)}table.data tbody tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-surface-2);color:var(--color-muted)}.badge.success{background:var(--color-primary-soft);color:var(--color-primary)}.badge.danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge.warning{background:#d977061f;color:var(--color-warning)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{padding:1.15rem 1.25rem;display:grid;gap:.35rem}.stat-card .label{color:var(--color-muted);font-size:.85rem}.stat-card .value{font-size:1.6rem;font-weight:700;font-family:var(--font-display)}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.toolbar .search-box{flex:1 1 220px;max-width:360px;position:relative}.toolbar .search-box svg{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);color:var(--color-muted);pointer-events:none}.toolbar .search-box .input{padding-inline-start:2.35rem}.row-actions{display:inline-flex;gap:.25rem}.form-grid{display:grid;gap:1rem}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.form-grid.two{grid-template-columns:1fr}}.alert{padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:.9rem}.alert.success{background:var(--color-primary-soft);color:var(--color-primary)}.matrix{width:100%;border-collapse:collapse}.matrix th,.matrix td{padding:.65rem .75rem;border-bottom:1px solid var(--color-border);text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:start}.matrix input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--color-primary)}