:root{--spacing-3xs:2px;--spacing-2xs:4px;--spacing-xs:6px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--header-height:72px;--sidebar-width:270px;--sidebar-collapsed-width:80px;--input-height:46px;--input-height-sm:38px;--button-height:44px;--button-height-sm:36px;--table-row-height:54px;--card-padding:24px;--card-padding-sm:16px;--font-size-3xs:0.6875rem;--font-size-2xs:0.75rem;--font-size-xs:0.8125rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.625;--font-primary:var(--font-outfit,"Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);--font-arabic:var(--font-cairo,"Cairo",Tahoma,"Segoe UI",sans-serif);--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(15,23,42,0.03);--shadow-sm:0 2px 6px -1px rgba(15,23,42,0.04),0 1px 3px -1px rgba(15,23,42,0.02);--shadow-md:0 6px 18px -2px rgba(15,23,42,0.05),0 2px 6px -1px rgba(15,23,42,0.02);--shadow-lg:0 14px 36px -4px rgba(15,23,42,0.07),0 4px 12px -2px rgba(15,23,42,0.03);--shadow-xl:0 24px 54px -8px rgba(15,23,42,0.1),0 8px 24px -4px rgba(15,23,42,0.04);--shadow-inner:inset 0 2px 4px 0 rgba(15,23,42,0.03);--shadow-glow-primary:0 0 24px 3px rgba(37,99,235,0.2);--shadow-glow-accent:0 0 24px 3px rgba(14,165,233,0.2);--shadow-glow-success:0 0 20px 2px rgba(16,185,129,0.18);--color-surface-bg:#eef3f9;--color-surface-bg-gradient:radial-gradient(circle at 10% 12%,rgba(37,99,235,0.09) 0%,transparent 40%),radial-gradient(circle at 90% 85%,rgba(14,165,233,0.09) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(245,158,11,0.04) 0%,transparent 50%),linear-gradient(135deg,#f8fafc,#edf3f9 50%,#f1f5fa);--color-surface-card:rgba(255,255,255,0.76);--color-surface-card-subtle:rgba(255,255,255,0.48);--color-surface-hover:rgba(238,244,251,0.85);--color-surface-active:rgba(226,234,245,0.90);--color-surface-sidebar:rgba(255,255,255,0.78);--color-surface-header:rgba(255,255,255,0.75);--glass-bg:linear-gradient(135deg,rgba(255,255,255,0.80),rgba(255,255,255,0.48) 50%,rgba(255,255,255,0.70));--glass-bg-subtle:linear-gradient(135deg,rgba(255,255,255,0.60),rgba(248,250,252,0.38));--glass-border:rgba(255,255,255,0.82);--glass-border-subtle:rgba(226,232,240,0.60);--glass-border-highlight:rgba(255,255,255,1);--glass-shadow:0 18px 45px -6px rgba(15,23,42,0.08),0 4px 14px -2px rgba(15,23,42,0.03);--glass-inner-highlight:inset 0 1.5px 1.5px 0 rgba(255,255,255,1),inset 0 -1px 1px 0 rgba(255,255,255,0.4);--glass-blur:blur(26px) saturate(210%);--color-brand-primary:#2563eb;--color-brand-primary-hover:#1d4ed8;--color-brand-primary-active:#1e40af;--color-brand-primary-light:#eff6ff;--color-brand-primary-subtle:#f0f7ff;--color-surface:var(--color-surface-card);--color-surface-subtle:rgba(241,245,249,0.75);--card-bg:var(--color-surface-card);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--border-color:var(--color-border-neutral);--color-border:var(--color-border-neutral);--color-primary:var(--color-brand-primary);--color-primary-hover:var(--color-brand-primary-hover);--color-brand-accent:#0ea5e9;--color-brand-accent-hover:#0284c7;--color-brand-accent-light:#e0f2fe;--color-brand-gold:#d97706;--color-brand-gold-hover:#b45309;--color-brand-gold-light:#fef3c7;--color-primary-navy:#1e293b;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#ffffff;--color-text-brand:#2563eb;--color-border-neutral:#e2e8f0;--color-border-subtle:#edf2f7;--color-border-focus:#2563eb;--color-border-hover:#cbd5e1;--color-pastel-mint-bg:#ecfdf5;--color-pastel-mint-text:#059669;--color-pastel-mint-border:#a7f3d0;--color-pastel-peach-bg:#fff7ed;--color-pastel-peach-text:#ea580c;--color-pastel-peach-border:#fed7aa;--color-pastel-lavender-bg:#f5f3ff;--color-pastel-lavender-text:#7c3aed;--color-pastel-lavender-border:#ddd6fe;--color-pastel-sky-bg:#f0f9ff;--color-pastel-sky-text:#0284c7;--color-pastel-sky-border:#bae6fd;--color-pastel-rose-bg:#fff1f2;--color-pastel-rose-text:#e11d48;--color-pastel-rose-border:#fecdd3;--color-status-success:#10b981;--color-status-success-hover:#059669;--color-status-success-bg:#ecfdf5;--color-status-success-border:#a7f3d0;--color-status-success-text:#065f46;--color-status-warning:#f59e0b;--color-status-warning-hover:#d97706;--color-status-warning-bg:#fffbeb;--color-status-warning-border:#fde68a;--color-status-warning-text:#92400e;--color-status-error:#ef4444;--color-status-error-hover:#dc2626;--color-status-error-bg:#fef2f2;--color-status-error-border:#fecaca;--color-status-error-text:#991b1b;--color-status-info:#0ea5e9;--color-status-info-hover:#0284c7;--color-status-info-bg:#f0f9ff;--color-status-info-border:#bae6fd;--color-status-info-text:#075985;--color-status-neutral:#64748b;--color-status-neutral-bg:#f1f5f9;--color-status-neutral-border:#e2e8f0;--color-status-neutral-text:#334155;--transition-speed-fast:0.15s;--transition-speed:0.22s;--transition-speed-slow:0.35s;--transition-ease:cubic-bezier(0.4,0,0.2,1);--transition-spring:cubic-bezier(0.34,1.56,0.64,1)}[data-theme=dark]{--color-surface-bg:#070d18;--color-surface-bg-gradient:radial-gradient(circle at 15% 15%,rgba(59,130,246,0.16) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(139,92,246,0.14) 0%,transparent 50%),radial-gradient(circle at 50% 45%,rgba(14,165,233,0.08) 0%,transparent 50%),radial-gradient(circle at 50% 0%,#0d1a33 0%,#070d18 70%);--color-surface-card:rgba(15,26,48,0.76);--color-surface-card-subtle:rgba(20,34,63,0.52);--color-surface-hover:rgba(24,42,77,0.75);--color-surface-active:rgba(31,53,96,0.85);--color-surface-sidebar:rgba(10,18,34,0.80);--color-surface-header:rgba(10,18,34,0.76);--glass-bg:linear-gradient(135deg,rgba(16,28,54,0.78),rgba(10,18,36,0.55) 50%,rgba(22,38,70,0.70));--glass-bg-subtle:linear-gradient(135deg,rgba(22,38,70,0.52),rgba(13,23,45,0.38));--glass-border:rgba(255,255,255,0.14);--glass-border-subtle:rgba(255,255,255,0.07);--glass-border-highlight:rgba(56,189,248,0.40);--glass-shadow:0 20px 52px -8px rgba(0,0,0,0.7),0 6px 18px -2px rgba(0,0,0,0.45);--glass-inner-highlight:inset 0 1.5px 1.5px 0 rgba(255,255,255,0.25),inset 0 -1px 1px 0 rgba(255,255,255,0.06);--glass-blur:blur(28px) saturate(210%);--color-brand-primary:#3b82f6;--color-brand-primary-hover:#60a5fa;--color-brand-primary-active:#2563eb;--color-brand-primary-light:#172a54;--color-brand-primary-subtle:#101c38;--color-surface:var(--color-surface-card);--color-surface-subtle:rgba(20,34,63,0.65);--card-bg:var(--color-surface-card);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--border-color:var(--color-border-neutral);--color-border:var(--color-border-neutral);--color-primary:var(--color-brand-primary);--color-primary-hover:var(--color-brand-primary-hover);--color-brand-accent:#38bdf8;--color-brand-accent-hover:#7dd3fc;--color-brand-accent-light:#0f2d4e;--color-brand-gold:#f59e0b;--color-brand-gold-hover:#fbbf24;--color-brand-gold-light:#452b07;--color-primary-navy:#cbd5e1;--color-text-primary:#ffffff;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#070d18;--color-text-brand:#38bdf8;--color-border-neutral:rgba(255,255,255,0.08);--color-border-subtle:rgba(255,255,255,0.05);--color-border-focus:#38bdf8;--color-border-hover:rgba(255,255,255,0.15);--color-pastel-mint-bg:rgba(16,185,129,0.14);--color-pastel-mint-text:#34d399;--color-pastel-mint-border:rgba(16,185,129,0.28);--color-pastel-peach-bg:rgba(249,115,22,0.14);--color-pastel-peach-text:#fb923c;--color-pastel-peach-border:rgba(249,115,22,0.28);--color-pastel-lavender-bg:rgba(139,92,246,0.14);--color-pastel-lavender-text:#a78bfa;--color-pastel-lavender-border:rgba(139,92,246,0.28);--color-pastel-sky-bg:rgba(14,165,233,0.14);--color-pastel-sky-text:#38bdf8;--color-pastel-sky-border:rgba(14,165,233,0.28);--color-pastel-rose-bg:rgba(244,63,94,0.14);--color-pastel-rose-text:#fb7185;--color-pastel-rose-border:rgba(244,63,94,0.28);--color-status-success:#34d399;--color-status-success-hover:#6ee7b7;--color-status-success-bg:rgba(16,185,129,0.16);--color-status-success-border:rgba(16,185,129,0.35);--color-status-success-text:#6ee7b7;--color-status-warning:#fbbf24;--color-status-warning-hover:#fcd34d;--color-status-warning-bg:rgba(245,158,11,0.16);--color-status-warning-border:rgba(245,158,11,0.35);--color-status-warning-text:#fcd34d;--color-status-error:#f87171;--color-status-error-hover:#fca5a5;--color-status-error-bg:rgba(239,68,68,0.16);--color-status-error-border:rgba(239,68,68,0.35);--color-status-error-text:#fca5a5;--color-status-info:#38bdf8;--color-status-info-hover:#7dd3fc;--color-status-info-bg:rgba(14,165,233,0.16);--color-status-info-border:rgba(14,165,233,0.35);--color-status-info-text:#7dd3fc;--color-status-neutral:#94a3b8;--color-status-neutral-bg:rgba(148,163,184,0.12);--color-status-neutral-border:rgba(148,163,184,0.2);--color-status-neutral-text:#cbd5e1;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-sm:0 2px 6px -1px rgba(0,0,0,0.4),0 1px 3px -1px rgba(0,0,0,0.2);--shadow-md:0 6px 18px -2px rgba(0,0,0,0.5),0 2px 6px -1px rgba(0,0,0,0.2);--shadow-lg:0 14px 36px -4px rgba(0,0,0,0.6),0 4px 12px -2px rgba(0,0,0,0.3);--shadow-xl:0 24px 54px -8px rgba(0,0,0,0.75);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background-color:var(--color-surface-bg);background-image:var(--color-surface-bg-gradient);background-attachment:fixed;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background-color var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease)}body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;outline:none!important}*,:after,:before{outline:none!important;-webkit-tap-highlight-color:transparent!important}:focus,:focus-visible{outline:none!important}.btn,.card,.nav-link,[tabindex],a,button,input,select,textarea{outline:none!important;-webkit-tap-highlight-color:transparent!important}.btn:focus,.btn:focus-visible,.nav-link:focus,.nav-link:focus-visible,a:focus,a:focus-visible,button:focus,button:focus-visible{outline:none!important;box-shadow:none!important}a{color:var(--color-brand-primary);text-decoration:none;transition:color var(--transition-speed) var(--transition-ease);outline:none!important}a:hover{color:var(--color-brand-primary-hover)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}[dir=rtl]{font-family:var(--font-arabic);font-feature-settings:"cv01" 1,"ss01" 1,"kern" 1;letter-spacing:0}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl);letter-spacing:-.025em}h2{font-size:var(--font-size-2xl);letter-spacing:-.02em}h3{font-size:var(--font-size-xl);letter-spacing:-.015em}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.container{max-width:1440px;margin-inline:auto;padding-inline:var(--spacing-lg)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.card,.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--card-padding);box-shadow:var(--glass-shadow),var(--glass-inner-highlight);transition:all var(--transition-speed) var(--transition-ease);position:relative;overflow:hidden}.card:before,.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75) 50%,transparent);pointer-events:none}[data-theme=dark] .card:before,[data-theme=dark] .glass-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.22) 50%,transparent)}.card:hover,.glass-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -6px rgba(15,23,42,.08),var(--glass-inner-highlight);border-color:var(--glass-border-highlight)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-subtle)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-2xs)}.icon-box{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);font-size:1.25rem;transition:transform var(--transition-speed) var(--transition-ease);flex-shrink:0}.icon-box-mint{background:var(--color-pastel-mint-bg);color:var(--color-pastel-mint-text);border:1px solid var(--color-pastel-mint-border)}.icon-box-peach{background:var(--color-pastel-peach-bg);color:var(--color-pastel-peach-text);border:1px solid var(--color-pastel-peach-border)}.icon-box-lavender{background:var(--color-pastel-lavender-bg);color:var(--color-pastel-lavender-text);border:1px solid var(--color-pastel-lavender-border)}.icon-box-sky{background:var(--color-pastel-sky-bg);color:var(--color-pastel-sky-text);border:1px solid var(--color-pastel-sky-border)}.icon-box-rose{background:var(--color-pastel-rose-bg);color:var(--color-pastel-rose-text);border:1px solid var(--color-pastel-rose-border)}.badge,.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:.25rem .65rem;border-radius:var(--radius-full);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);line-height:1;text-transform:capitalize;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent;transition:all var(--transition-speed) var(--transition-ease)}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor}.badge-active,.badge-approved,.badge-balanced,.badge-paid,.badge-processed,.badge-success{background-color:var(--color-status-success-bg);color:var(--color-status-success-text);border-color:var(--color-status-success-border)}.badge-closing,.badge-partially_paid,.badge-pending,.badge-requested,.badge-warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning-text);border-color:var(--color-status-warning-border)}.badge-danger,.badge-error,.badge-out_of_balance,.badge-rejected,.badge-suspended,.badge-unpaid,.badge-voided,.badge-withdrawn{background-color:var(--color-status-error-bg);color:var(--color-status-error-text);border-color:var(--color-status-error-border)}.badge-applied,.badge-enrolled,.badge-info,.badge-open,.badge-posted{background-color:var(--color-status-info-bg);color:var(--color-status-info-text);border-color:var(--color-status-info-border)}.badge-closed,.badge-draft,.badge-inactive,.badge-neutral,.badge-reversed{background-color:var(--color-status-neutral-bg);color:var(--color-status-neutral-text);border-color:var(--color-status-neutral-border)}.badge-outline-success{background:transparent;border:1.5px solid var(--color-status-success);color:var(--color-status-success)}.badge-outline-info{background:transparent;border:1.5px solid var(--color-brand-accent);color:var(--color-brand-accent)}.badge-outline-warning{background:transparent;border:1.5px solid var(--color-status-warning);color:var(--color-status-warning)}.badge-outline-danger{background:transparent;border:1.5px solid var(--color-status-error);color:var(--color-status-error)}.btn,button{cursor:pointer;border:none;background:transparent}.amount,.currency-val,.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono),var(--font-primary);font-weight:var(--font-weight-semibold)}