@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");:root{--color-primary:#0a9396;--color-primary-deep:#005f73;--color-primary-soft:rgba(10,147,150,.1);--color-accent:#f5a623;--color-accent-soft:rgba(245,166,35,.16);--color-accent-marker:#9b2226;--color-surface-app:#eef1f4;--color-surface-card:#fff;--color-text-primary:#1d1d1d;--color-text-secondary:#4f4f4f;--color-text-muted:#666;--color-text-subtle:#707070;--color-rating:#f5a623;--color-error:#ff5252;--color-image-fallback:#efefef;--color-cedar:var(--color-primary);--color-cedar-dark:var(--color-primary-deep);--color-cedar-soft:var(--color-primary-soft);--color-gold:var(--color-accent);--color-gold-soft:var(--color-accent-soft);--color-clay:#b85c38;--color-coral:#e85d4f;--color-coral-soft:rgba(232,93,79,.12);--color-paper:var(--color-surface-app);--color-paper-2:#fff;--color-mist:#e7eef3;--color-mist-2:#f2f6f9;--color-line:#e5e2dc;--color-line-strong:#c8c5be;--color-success:#2f855a;--color-warning:#b7791f;--color-danger:var(--color-error);--color-text:var(--color-text-primary);--color-ink:var(--color-text-primary);--color-ink-soft:var(--color-text-secondary);--color-muted:var(--color-text-muted);--color-white:var(--color-surface-card);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:24px;--space-xs:var(--space-1);--space-sm:var(--space-3);--space-md:var(--space-5);--space-lg:var(--space-7);--space-xl:var(--space-8);--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--shadow-sm:0 1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.04);--shadow-md:0 6px 10px rgba(0,0,0,.075),0 2px 4px rgba(0,0,0,.05);--shadow-lg:0 24px 48px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.06);--font-cairo:"Cairo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-ui-en:var(--font-cairo);--font-ui-ar:var(--font-cairo);--font-ui-ku:var(--font-cairo);--font-serif:Georgia,"Times New Roman",serif}html,html[lang=ar],html[lang=ku]{font-family:var(--font-cairo)}html[dir=rtl]{direction:rtl}html[dir=ltr]{direction:ltr}body{background:var(--color-surface-app);color:var(--color-text-primary);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55;min-height:100vh}h1,h2,h3,h4{font-weight:700}h1{font-size:clamp(24px,4vw,36px);line-height:1.2}h2{font-size:clamp(20px,2.6vw,26px);line-height:1.25}h3{font-size:16px;line-height:1.3}a:hover{text-decoration-thickness:1.5px;text-underline-offset:3px}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:15px;color:var(--color-text-primary);background:var(--color-surface-card);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:10px 14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease;width:100%;box-sizing:border-box;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}input::placeholder{color:var(--color-text-subtle)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.muted{color:var(--color-text-muted)}.surface{background:var(--color-surface-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}*{box-sizing:border-box}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 8px}:root{--sidebar-bg:#0f1a2e;--sidebar-bg-2:#142340;--sidebar-border:hsla(0,0%,100%,.08);--sidebar-text:hsla(0,0%,100%,.78);--sidebar-text-muted:hsla(0,0%,100%,.5);--sidebar-text-active:#fff;--sidebar-active-bg:rgba(10,147,150,.18);--sidebar-active-border:var(--color-primary);--topbar-bg:var(--color-surface-card);--topbar-border:var(--color-line);--content-bg:#eef1f4}.shell{display:grid;grid-template-columns:248px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"sidebar topbar" "sidebar content";min-height:100vh}.sidebar{grid-area:sidebar;background:linear-gradient(180deg,var(--sidebar-bg) 0,var(--sidebar-bg-2) 100%);color:var(--sidebar-text);-webkit-border-end:1px solid var(--sidebar-border);border-inline-end:1px solid var(--sidebar-border);padding:18px 14px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:12px;text-decoration:none;color:var(--sidebar-text-active)}.sidebar-brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-deep));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}.sidebar-brand-name{color:#fff;font-weight:700}.sidebar-brand-tag{display:block;font-size:10px}.sidebar-brand-tag,.sidebar-section{color:var(--sidebar-text-muted);letter-spacing:.08em;text-transform:uppercase}.sidebar-section{font-size:10.5px;font-weight:700;margin:16px 10px 6px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--sidebar-text);font-weight:500;font-size:14px;-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.sidebar nav a:hover{background:hsla(0,0%,100%,.06);text-decoration:none;color:var(--sidebar-text-active)}.sidebar nav a.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);border-inline-start-color:var(--sidebar-active-border);font-weight:600}.sidebar nav a .nav-icon{width:18px;text-align:center;opacity:.85}.topbar{grid-area:topbar;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar-crumbs{color:var(--color-text-muted);font-size:14px}.topbar-crumbs strong{color:var(--color-text-primary);font-weight:600}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user-avatar{width:32px;height:32px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-deep);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.topbar-user-name{font-weight:600;color:var(--color-text-primary);font-size:14px}.topbar-user-email{color:var(--color-text-muted);font-size:12px;display:block}.topbar-logout{background:transparent;border:1px solid var(--color-line);border-radius:8px;padding:6px 12px;font-size:13px;color:var(--color-text-secondary);cursor:pointer}.topbar-logout:hover{background:var(--color-surface-app)}.content{grid-area:content;background:var(--content-bg);padding:24px 28px;overflow-x:hidden}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px}.kpi-card{background:var(--color-surface-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:30px;font-weight:700;color:var(--color-text-primary);line-height:1.1}.kpi-trend{font-size:12px;color:var(--color-text-muted);margin-top:2px}.kpi-trend.positive{color:var(--color-success)}.kpi-trend.negative{color:var(--color-error)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.quick-action{background:var(--color-surface-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--color-text-primary);box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.quick-action-title{font-weight:700}.quick-action-desc{color:var(--color-text-muted);font-size:13px}.skeleton{display:block;background:linear-gradient(90deg,#e5e9ee,#f0f3f6 50%,#e5e9ee);background-size:200% 100%;border-radius:6px;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{background:rgba(255,82,82,.05);border:1px solid rgba(255,82,82,.2);color:var(--color-error);border-radius:var(--radius-lg);padding:16px;font-size:14px}@media (max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:auto 56px 1fr;grid-template-areas:"sidebar" "topbar" "content"}.sidebar{height:auto;position:static}.content{padding:16px}}