:root{--primary:#004867;--primary-light:#186085;--primary-fixed:#c8e6ff;--secondary:#0061a3;--secondary-fixed:#d1e4ff;--secondary-container:#4ca8ff;--academic-green:#0a4d33;--academic-green-light:#126344;--tertiary-brown:#7c5130;--tertiary-fixed:#ffdcc5;--tertiary-text:#603a1b;--background:#f8f9fa;--surface:#fff;--surface-container-low:#f3f4f5;--surface-container:#edeeef;--outline-variant:#c0c7cf;--outline:#71787f;--text-main:#191c1d;--text-variant:#40484e;--text-muted:#71787f;--text-on-primary:#fff;--container-max:1200px;--gutter:24px;--border-radius-lg:12px;--border-radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00486714;--shadow-lg:0 12px 28px #18608526;--transition-fast:.2s ease;--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;direction:rtl}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Cairo,Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}h1,h2,h3,h4,h5,h6{color:var(--primary);font-weight:700;line-height:1.3}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,.btn{cursor:pointer;border-radius:var(--border-radius-lg);transition:all var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:700;display:inline-flex}button:active,.btn:active{transform:scale(.97)}.max-container{max-width:var(--container-max);padding-left:var(--gutter);padding-right:var(--gutter);width:100%;margin-left:auto;margin-right:auto}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.pattern-bg{background-image:radial-gradient(var(--outline-variant) .6px, transparent .6px);background-size:24px 24px}.hero-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l30 30-30 30L0 30z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.site-header{z-index:50;background-color:var(--background);transition:box-shadow var(--transition-smooth);border-bottom:1px solid #c0c7cf66;position:sticky;top:0}.site-header.scrolled{box-shadow:0 4px 24px #0048671f}.logo-link{flex-shrink:0;align-items:center;gap:12px;display:flex}.logo-img{object-fit:contain;width:auto;height:44px;transition:transform var(--transition-smooth)}.logo-link:hover .logo-img{transform:scale(1.05)}.desktop-nav{color:var(--text-variant);align-items:center;gap:28px;font-size:.875rem;font-weight:600;display:flex}@media (max-width:1023px){.desktop-nav,.btn-login-desktop{display:none!important}}.nav-link{transition:color var(--transition-fast);padding:4px 0;position:relative}.nav-link:after{content:"";background:var(--primary);border-radius:var(--border-radius-full);width:0;height:2px;transition:width var(--transition-smooth);position:absolute;bottom:-4px;right:0}.nav-link:hover,.nav-link.active-link{color:var(--primary);font-weight:700}.nav-link:hover:after,.nav-link.active-link:after{width:100%}.btn-primary{background-color:var(--primary-light);color:#fff;white-space:nowrap;padding:8px 20px;font-size:.875rem}.btn-primary:hover{background-color:var(--primary)}.btn-hamburger{color:var(--text-variant);background:0 0;border-radius:8px;padding:8px;display:none}@media (max-width:1023px){.btn-hamburger{display:flex}}.mobile-overlay{z-index:59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:none;position:fixed;inset:0}.mobile-overlay.visible{display:block}.mobile-drawer{background:var(--surface);z-index:60;width:min(280px,85vw);transition:transform var(--transition-smooth);flex-direction:column;gap:24px;padding:24px;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 32px #00000026}.mobile-drawer.open{transform:translate(0)}.hero-section{background-color:var(--academic-green);color:#fff;align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.hero-track-container{width:100%;overflow:hidden}.hero-carousel-track{will-change:transform;direction:ltr;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.hero-slide{direction:rtl;flex:0 0 100%;width:100%;padding:64px 0}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;display:grid}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-image-container{display:none!important}}.hero-badge{border-radius:var(--border-radius-full);color:#fff;border:1px solid #fff3;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.hero-headline{color:#fff;margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.25}.hero-body{color:#ffffffd9;max-width:520px;margin-bottom:28px;font-size:1.05rem;line-height:1.7}.hero-btn-white{color:var(--academic-green);background-color:#fff;padding:12px 24px;font-size:.875rem;font-weight:700}.hero-btn-white:hover{background-color:var(--surface-container-low)}.hero-btn-outline{color:#fff;border:2px solid #ffffff4d;padding:12px 24px;font-size:.875rem;font-weight:700}.hero-btn-outline:hover{background-color:#ffffff1a}.hero-image-card{border-radius:var(--border-radius-lg);z-index:10;background:#fff;border:1px solid #ffffff26;padding:12px;position:relative;box-shadow:0 20px 40px #00000040}.hero-img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%}.hero-floating-badge{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:#fff;align-items:center;gap:12px;padding:12px;display:flex;position:absolute;bottom:-24px;left:-24px}.badge-icon-box{background:#fff;border-radius:8px;padding:8px;display:flex}.hero-controls{pointer-events:none;z-index:20;justify-content:space-between;width:100%;padding:0 16px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:44px;height:44px;transition:all var(--transition-fast);background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex}.hero-arrow:hover{background:#ffffff47;transform:scale(1.05)}.hero-pagination{z-index:20;justify-content:center;gap:8px;width:100%;display:flex;position:absolute;bottom:20px}.hero-dot{border-radius:var(--border-radius-full);height:10px;transition:all var(--transition-smooth);cursor:pointer;background:#ffffff59;border:none;width:10px;padding:0}.hero-dot.active{background:#fff;width:28px}.stats-section{background-color:var(--academic-green);color:#fff;border-top:1px solid #ffffff14;padding:24px 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.stat-value{color:#fff;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.stat-suffix{color:#ffc7a0}.stat-label{color:#ffffffbf;margin-top:4px;font-size:.75rem;font-weight:600}.section-programs{background-color:var(--surface-container-low);padding:64px 0}.section-header{text-align:center;margin-bottom:48px}.section-title{color:var(--primary);margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem)}.section-subtitle{color:var(--text-variant);max-width:520px;margin:0 auto;font-size:.875rem}.tab-container{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:36px;display:flex}.tab-btn{border-radius:var(--border-radius-full);border:2px solid var(--primary);color:var(--primary);transition:all var(--transition-fast);background:0 0;padding:8px 24px;font-size:.875rem;font-weight:700}.tab-btn.active{background-color:var(--primary);color:#fff}.programs-grid{grid-template-columns:repeat(3,1fr);gap:24px;transition:opacity .3s;display:grid}@media (max-width:1023px){.programs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.programs-grid{grid-template-columns:1fr}}.academic-card{background:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border-top:4px solid var(--secondary);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.academic-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.card-img-box{height:190px;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.academic-card:hover .card-img{transform:scale(1.05)}.card-badge{color:#fff;border-radius:var(--border-radius-full);padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.card-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.card-title{color:var(--primary);margin-bottom:8px;font-size:1.05rem;font-weight:700}.card-desc{color:var(--text-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:20px;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid var(--surface-container);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.student-count{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.card-link{color:var(--secondary);align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:flex}.card-link:hover{color:var(--primary)}.section-features{background-color:var(--surface);padding:64px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}@media (max-width:1023px){.features-grid{grid-template-columns:repeat(2,1fr)}.feature-span-tablet{grid-column:span 2;max-width:400px;margin:0 auto}}@media (max-width:640px){.features-grid{grid-template-columns:1fr}.feature-span-tablet{grid-column:span 1}}.feature-box{text-align:center;transition:transform var(--transition-fast);padding:16px}.feature-icon-wrapper{border-radius:var(--border-radius-lg);width:68px;height:68px;transition:transform var(--transition-smooth);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.feature-box:hover .feature-icon-wrapper{transform:scale(1.1)}.feature-title{color:var(--primary);margin-bottom:8px;font-size:1.1rem}.feature-desc{color:var(--text-variant);font-size:.875rem;line-height:1.6}.section-faculty{background-color:var(--background);padding:64px 0}.faculty-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px;display:flex}.slider-controls{gap:8px;display:flex}.circle-btn{border:1px solid var(--outline-variant);background:var(--surface);width:40px;height:40px;color:var(--primary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.circle-btn:hover:not(:disabled){background:var(--surface-container);transform:scale(1.05)}.circle-btn:disabled{opacity:.4;cursor:default}.faculty-viewport{border-radius:var(--border-radius-lg);padding:8px 4px;overflow:hidden}.faculty-track{will-change:transform;direction:ltr;gap:24px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.faculty-card{background:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--surface-container);text-align:center;transition:transform var(--transition-fast);direction:rtl;flex:0 0 280px;padding:24px}.faculty-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.faculty-avatar-box{border:2px solid var(--secondary);border-radius:50%;width:96px;height:96px;margin:0 auto 16px;padding:4px}.faculty-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.faculty-name{color:var(--primary);margin-bottom:4px;font-size:1.05rem;font-weight:700}.faculty-title{color:var(--secondary);margin-bottom:12px;font-size:.85rem;font-weight:700}.faculty-bio{color:var(--text-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.6;display:-webkit-box;overflow:hidden}.section-gallery{background-color:var(--background);padding:64px 0}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:1023px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-span-tablet{grid-column:span 2}}@media (max-width:640px){.gallery-grid{grid-template-columns:1fr}.gallery-span-tablet{grid-column:span 1}}.gallery-item{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background-color:var(--surface-container);height:260px;overflow:hidden}.gallery-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.gallery-item:hover .gallery-img{transform:scale(1.08)}.section-video-reel{background-color:var(--surface);padding:64px 0}.video-reel-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:24px;padding-bottom:16px;display:flex;overflow-x:auto}.video-reel-container::-webkit-scrollbar{display:none}.reel-item{scroll-snap-align:start;border-radius:var(--border-radius-lg);min-width:230px;box-shadow:var(--shadow-md);cursor:pointer;aspect-ratio:9/16;flex:0 0 230px;position:relative;overflow:hidden}.reel-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth)}.reel-item:hover .reel-img{transform:scale(1.04)}.reel-overlay{transition:background var(--transition-fast);background:#0003;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reel-item:hover .reel-overlay{background:#00000073}.play-icon-box{color:#fff;transition:transform var(--transition-fast);font-size:48px}.reel-item:hover .play-icon-box{transform:scale(1.15)}.reel-title-bar{color:#fff;background:linear-gradient(#0000,#000000d9);padding:16px;font-size:.875rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.site-footer{background-color:var(--surface-container);border-top:1px solid var(--outline-variant);padding:64px 0 32px}.footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:40px;margin-bottom:48px;display:grid}@media (max-width:1023px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-logo-box{margin-bottom:16px}.footer-desc{color:var(--text-variant);font-size:.85rem;line-height:1.7}.footer-heading{color:var(--primary);margin-bottom:16px;font-size:.95rem;font-weight:700}.footer-links-list{color:var(--text-variant);flex-direction:column;gap:10px;font-size:.85rem;list-style:none;display:flex}.footer-link:hover{color:var(--secondary)}.contact-row{color:var(--text-variant);align-items:center;gap:8px;font-size:.85rem;display:flex}.social-bar{gap:8px;margin-top:16px;display:flex}.social-icon-btn{background:var(--surface);width:36px;height:36px;color:var(--primary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.social-icon-btn:hover{background:var(--secondary-fixed);color:var(--primary);transform:translateY(-2px)}.footer-bottom-bar{border-top:1px solid var(--outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;display:flex}.copyright-text{color:var(--text-variant);font-size:.85rem}.accreditation-badges{gap:16px;display:flex}.badge-img{background-position:50%;background-repeat:no-repeat;background-size:contain;width:128px;height:40px}
:root{--dash-primary:#00514a;--dash-primary-dark:#00403b;--dash-primary-container:#006b62;--dash-on-primary-container:#96e8dd;--dash-primary-fixed:#9ff2e6;--dash-primary-fixed-dim:#83d5ca;--dash-accent:#81542c;--dash-accent-dark:#6b4320;--dash-success:#2e9e44;--dash-warning:#f59e0b;--dash-danger:#ba1a1a;--dash-surface:#f7fafb;--dash-on-surface:#181c1d;--dash-surface-variant:#e0e3e4;--dash-on-surface-variant:#3e4947;--dash-outline:#6e7977;--dash-outline-variant:#bec9c6;--dash-bg-light:#f2f5f8;--dash-bg-dark:#0c1526;--dash-surface-dark:#122241;--dash-card-shadow:0 4px 20px -4px #1018281a;--dash-lift-shadow:0 12px 32px -8px #00514a40;--dash-soft-shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dash-bg-current:var(--dash-bg-dark);--dash-card-bg:var(--dash-surface-dark);--dash-text:#fff;--dash-text-muted:#94a3b8;--dash-border:#ffffff14}html:not(.dark){--dash-bg-current:#f0f2f2;--dash-card-bg:#fff;--dash-text:#181c1d;--dash-text-muted:#64748b;--dash-border:#e2e8f0}.login-body-wrapper{background-color:#fff;min-height:100vh;font-family:IBM Plex Sans Arabic,Cairo,sans-serif;display:flex;overflow-x:hidden}.brand-panel{color:#fff;background:linear-gradient(145deg,#00514a 0%,#006b62 55%,#00403a 100%);flex-direction:column;justify-content:space-between;align-items:center;width:48%;padding:3.5rem 3rem;display:flex;position:relative;overflow:hidden}@media (max-width:1023px){.brand-panel{display:none}.auth-panel{width:100%!important}}.brand-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#9ff2e62e 0%,#0000 70%);border-radius:9999px;width:520px;height:520px;position:absolute;top:-120px;right:-120px}.brand-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#81542c38 0%,#0000 70%);border-radius:9999px;width:360px;height:360px;position:absolute;bottom:-80px;left:-80px}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:1rem}.auth-panel{background:#fff;flex-direction:column;justify-content:center;align-items:center;width:52%;padding:3rem 2rem;display:flex}@keyframes portalFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.portal-fade-up{animation:.5s both portalFadeUp}@keyframes portalSpin{to{transform:rotate(360deg)}}.portal-spinner{border:2px solid var(--dash-primary);border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite portalSpin}.dashboard-container{background-color:var(--dash-bg-current);height:100vh;color:var(--dash-text);font-family:Cairo,sans-serif;transition:background-color .3s,color .2s;display:flex;overflow:hidden}.dash-sidebar{background-color:var(--dash-primary);color:#fff;border-left:1px solid var(--dash-primary-container);z-index:50;flex-direction:column;flex-shrink:0;width:280px;transition:width .3s,transform .3s;display:flex;position:relative;overflow:visible}.dash-sidebar.collapsed{width:4.5rem}.dash-sidebar.collapsed .sidebar-text-hide{display:none!important}.dash-sidebar.collapsed .nav-link-box{justify-content:center!important;padding:.75rem .5rem!important}.dash-sidebar.collapsed .sidebar-header{justify-content:center!important;padding:1rem .5rem!important}.dash-sidebar.collapsed .sidebar-logo-img{object-fit:cover;object-position:right;border-radius:.25rem;width:2.5rem;height:2.5rem}.dash-sidebar.collapsed .sidebar-toggle-btn{position:static!important;left:auto!important;transform:none!important}.dash-sidebar.collapsed .toggle-icon{transform:rotate(180deg)}.nav-link-box{color:#ffffffb3;cursor:pointer;text-align:right;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link-box:hover,.nav-link-box.active,.nav-link-box.active-parent{color:#fff;background-color:#ffffff26}.nav-link-box.active,.nav-link-box.active-parent{border-right:4px solid #00ca99;border-radius:.5rem 0 0 .5rem}.dash-sidebar.collapsed .nav-link-box.active,.dash-sidebar.collapsed .nav-link-box.active-parent{color:#00ca99;background-color:#00ca9940;border-right:3px solid #00ca99;border-radius:.375rem}.submenu-list{max-height:0;padding-right:2rem;transition:max-height .28s;overflow:hidden}.submenu-list.open{max-height:500px;margin-top:4px}.submenu-item{color:#fff9;border-radius:.375rem;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.75rem;text-decoration:none;transition:color .2s,background .2s;display:flex}.submenu-item:hover,.submenu-item.active{color:#fff;background:#ffffff26;font-weight:600}@media (min-width:768px){.dash-sidebar.collapsed .submenu-list{z-index:999;background:#00514a;border:1px solid #ffffff1f;border-radius:.5rem;width:14rem;margin:0;padding:.5rem;display:none;position:fixed;top:auto;left:auto;right:4.5rem;overflow:visible;box-shadow:0 12px 32px #00000040;max-height:none!important}.dash-sidebar.collapsed .submenu-wrapper:hover>.submenu-list,.dash-sidebar.collapsed .submenu-list.flyout-open{animation:.15s portalFadeUp;display:block!important}.dash-sidebar.collapsed .submenu-list:before{content:"";background:0 0;width:30px;position:absolute;top:-15px;bottom:-15px;right:-20px}.dash-sidebar.collapsed .submenu-list .sidebar-text-hide,.dash-sidebar.collapsed .submenu-list.flyout-open span{opacity:1!important;visibility:visible!important;width:auto!important;display:flex!important;overflow:visible!important}.dash-sidebar.collapsed .submenu-list.flyout-open .submenu-item{white-space:nowrap;width:100%;padding:.5rem .75rem;font-size:.8rem;display:flex!important}}.dash-mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#00000073;display:none;position:fixed;inset:0}.dash-mobile-overlay.active{display:block}@media (max-width:767px){.dash-sidebar{position:fixed;top:0;bottom:0;right:0;transform:translate(110%);box-shadow:-8px 0 32px #0003;width:280px!important}.dash-sidebar.mobile-open{transform:translate(0)}}.dash-navbar{background-color:var(--dash-card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--dash-border);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;height:4rem;padding:0 1.5rem;display:flex}.dash-main-area{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem 2rem;display:flex;overflow-y:auto}@media (max-width:640px){.dash-main-area{padding:1rem}}.kpi-card{background-color:var(--dash-card-bg);border:1px solid var(--dash-border);box-shadow:var(--dash-card-shadow);border-radius:1rem;padding:1.25rem 1.5rem;transition:all .3s}.kpi-card:hover{box-shadow:var(--dash-lift-shadow);transform:translateY(-2px)}.dash-card{background-color:var(--dash-card-bg);border:1px solid var(--dash-border);box-shadow:var(--dash-card-shadow);border-radius:1rem;overflow:hidden}.chart-bar-bg{cursor:pointer;border-radius:.5rem .5rem 0 0;width:1.25rem;transition:all .2s;position:relative}.chart-bar-bg:hover{opacity:.85;filter:brightness(1.05)}.chart-tooltip{opacity:0;pointer-events:none;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;transition:opacity .2s;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.chart-bar-bg:hover .chart-tooltip{opacity:1}.notif-dropdown-menu{background-color:var(--dash-card-bg);border:1px solid var(--dash-border);z-index:100;border-radius:1rem;width:20rem;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 32px #0000002e}