:root{--background:45 33% 98%;--foreground:142 50% 15%;--border:45 15% 88%;--card:0 0% 100%;--card-foreground:142 50% 15%;--muted:45 20% 95%;--muted-foreground:142 15% 42%;--primary:142 60% 25%;--primary-foreground:0 0% 100%;--secondary:45 25% 93%;--secondary-foreground:142 45% 20%;--accent:32 85% 45%;--accent-foreground:0 0% 100%;--destructive:12 72% 45%;--destructive-foreground:0 0% 100%;--info:202 65% 38%;--info-foreground:0 0% 100%;--sidebar:142 65% 12%;--sidebar-foreground:45 30% 98%;--sidebar-border:142 60% 18%;--sidebar-accent:142 55% 20%;--radius:.65rem;--font-sans:"IBM Plex Sans Arabic", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--shadow-sm:0 1px 2px #14281e0f;--shadow-md:0 4px 16px #14281e14}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:hsl(var(--background));min-height:100dvh;color:hsl(var(--foreground));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.25}p{margin:0}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid hsl(var(--border));padding:1.1rem 1.25rem}.card-body{padding:1.25rem}.btn{border-radius:calc(var(--radius) - 2px);border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover:not(:disabled){background:#14522b}.btn-outline{background:hsl(var(--card));border-color:hsl(var(--border));color:hsl(var(--foreground))}.btn-outline:hover:not(:disabled){background:hsl(var(--muted))}.btn-ghost{color:hsl(var(--muted-foreground));background:0 0}.btn-ghost:hover:not(:disabled){background:hsl(var(--muted));color:hsl(var(--foreground))}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-sm{padding:.3rem .6rem;font-size:.78rem}.badge{border:1px solid hsl(var(--border));white-space:nowrap;background:hsl(var(--card));color:hsl(var(--muted-foreground));border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-primary{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary) / .25);color:hsl(var(--primary))}.badge-destructive{background:hsl(var(--destructive) / .12);border-color:hsl(var(--destructive) / .28);color:hsl(var(--destructive))}.badge-secondary{background:hsl(var(--accent) / .14);border-color:hsl(var(--accent) / .3);color:#97560c}.badge-info{background:hsl(var(--info) / .12);border-color:hsl(var(--info) / .28);color:hsl(var(--info))}.field{flex-direction:column;gap:.35rem;display:flex}.field label{color:hsl(var(--muted-foreground));font-size:.8rem;font-weight:600}.input,.select,.textarea{border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);background:hsl(var(--card));width:100%;color:hsl(var(--foreground));font:inherit;padding:.5rem .65rem}.textarea{resize:vertical;min-height:5rem}.input:focus,.select:focus,.textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .14);outline:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:hsl(var(--muted-foreground))}.skeleton{background:linear-gradient(90deg, hsl(var(--muted)) 25%, hsl(var(--secondary)) 50%, hsl(var(--muted)) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{border-radius:var(--radius);border:1px solid hsl(var(--destructive) / .3);background:hsl(var(--destructive) / .06);color:hsl(var(--destructive));padding:1rem 1.15rem}.alert h2{font-size:1rem}.app-shell{min-height:100dvh;display:flex}.sidebar{background:hsl(var(--sidebar));width:16rem;color:hsl(var(--sidebar-foreground));flex-direction:column;flex-shrink:0;display:none}@media (width>=768px){.sidebar{display:flex}}.sidebar-brand{letter-spacing:.01em;align-items:center;height:5rem;padding:0 1.5rem;font-size:1.05rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:.5rem 1rem 1rem;display:flex;overflow-y:auto}.nav-item{border-radius:calc(var(--radius) - 2px);color:hsl(var(--sidebar-foreground) / .72);align-items:center;gap:.7rem;padding:.6rem .75rem;font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{background:hsl(var(--sidebar-accent) / .6);color:hsl(var(--sidebar-foreground))}.nav-item[aria-current=page]{background:hsl(var(--sidebar-accent));color:hsl(var(--sidebar-foreground));font-weight:600}.nav-icon{text-align:center;width:1.25rem;font-size:1rem}.sidebar-footer{border-top:1px solid hsl(var(--sidebar-border));flex-direction:column;gap:.65rem;padding:1rem;display:flex}.sidebar-user{align-items:center;gap:.65rem;display:flex}.avatar{background:hsl(var(--accent) / .35);border-radius:999px;flex-shrink:0;place-items:center;width:2.4rem;height:2.4rem;font-weight:700;display:grid}.main-column{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-header{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));z-index:30;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}@media (width>=768px){.mobile-header{display:none}}.mobile-drawer{border-bottom:1px solid hsl(var(--border));background:hsl(var(--sidebar));color:hsl(var(--sidebar-foreground))}@media (width>=768px){.mobile-drawer{display:none}}main.app-main{flex:1;width:100%;max-width:84rem;margin:0 auto;padding:1.25rem}@media (width>=768px){main.app-main{padding:2rem}}.grid{gap:1rem;display:grid}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))}@media (width>=1024px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.stack{flex-direction:column;gap:1rem;display:flex}.stack-lg{flex-direction:column;gap:1.75rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.page-title{letter-spacing:-.01em;font-size:1.75rem}@media (width>=768px){.page-title{font-size:2.1rem}}.kpi-value{font-family:var(--font-mono);font-size:1.6rem;font-weight:700}.list-row{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.8rem .9rem;display:flex}.list-row-soft{background:hsl(var(--muted));border-color:#0000}.data-table th{text-align:start;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));white-space:nowrap;padding:.6rem .75rem;font-size:.75rem}.data-table td{border-bottom:1px solid hsl(var(--border));vertical-align:top;padding:.75rem;font-size:.875rem}.data-table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.bar{background:hsl(var(--secondary));border-radius:999px;height:.4rem;overflow:hidden}.bar>span{background:hsl(var(--info));height:100%;display:block}.toast-host{z-index:60;flex-direction:column;gap:.5rem;max-width:min(24rem,100vw - 2.5rem);display:flex;position:fixed;inset-block-end:1.25rem;inset-inline-end:1.25rem}.toast{border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:var(--shadow-md);padding:.75rem .9rem}.toast strong{font-size:.875rem;display:block}.toast p{color:hsl(var(--muted-foreground));font-size:.8rem}.toast-error{border-color:hsl(var(--destructive) / .4);background:hsl(var(--destructive) / .06)}.landing-hero{text-align:center;background:radial-gradient(60% 80% at 50% 0%, hsl(var(--primary) / .1), transparent 70%);padding:clamp(3rem,8vw,6rem) 1.25rem clamp(2rem,5vw,3rem)}.landing-eyebrow{background:hsl(var(--primary) / .1);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .2);border-radius:999px;margin-bottom:1.5rem;padding:.3rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.login-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (width>=900px){.login-grid{grid-template-columns:1.1fr .9fr}}.role-card{text-align:start;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));width:100%;padding:.75rem .85rem;transition:border-color .15s,background-color .15s}.role-card:hover{border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .05)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}