@import "https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;900&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter","Inter Fallback"}
:root{--font-main:"Titillium Web",sans-serif;--color-primary:#d44d03;--color-primary-light:#e8622a;--color-primary-dark:#a03a10;--color-primary-bg:#fef6f0;--color-primary-glow:#d44d0326;--color-secondary:#003745;--color-secondary-light:#1a4b58;--color-secondary-glow:#0037451f;--color-emphasis:#008054;--color-emphasis-bg:#e8f5ee;--color-bg:#f5f2ee;--color-bg-card:#fff;--color-bg-elevated:#eae7e3;--color-surface:#fff;--color-border:#dde3e8;--color-border-hover:#b0bec5;--color-success:#008054;--color-danger:#c62828;--color-warning:#c68400;--color-info:#0277bd;--color-text-primary:#303c44;--color-text-secondary:#4f5e68;--color-text-muted:#7c8d98;--sidebar-width:264px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-xs:0 1px 3px #0000000f;--shadow-sm:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-card:0 4px 20px #36434d1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}.app-layout{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-secondary);z-index:200;flex-direction:column;min-height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 15px #0000001a}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));background:var(--color-bg);flex-direction:column;flex:1;min-height:100vh;display:flex}@media (max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{width:100%;margin-left:0}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:190;background:#0006;position:fixed;inset:0}.sidebar-brand-inner{background:#fff;justify-content:center;align-items:center;padding:24px;display:flex}.sidebar-brand-inner img{object-fit:contain;width:auto;height:44px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section-label{color:#fff6;text-transform:uppercase;letter-spacing:1.5px;margin:16px 0 8px 12px;font-size:10px;font-weight:800}.nav-item{border-radius:var(--radius-sm);color:#ffffffa6;align-items:center;gap:12px;margin-bottom:2px;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{background:var(--color-primary);color:#fff;font-weight:700;box-shadow:0 4px 12px #d44d034d}.sidebar-footer{background:#0000001a;padding:16px 20px}.user-card{color:#fff;align-items:center;gap:12px;display:flex}.user-avatar{background:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100;background:#fffffff2;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-title{color:var(--color-secondary);align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-date{color:var(--color-text-muted);font-size:13px;font-weight:600}.sidebar-toggle{cursor:pointer;color:var(--color-secondary);background:0 0;border:none;padding:8px;display:none}@media (max-width:1024px){.sidebar-toggle{display:block}}.topbar-admin-nav{border-right:1px solid var(--color-border);align-items:center;gap:8px;padding-right:16px;display:flex}.btn-top-admin{border-radius:var(--radius-sm);color:var(--color-text-secondary);align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-top-admin:hover{background:var(--color-bg-elevated);color:var(--color-secondary)}.btn-top-admin.active{background:var(--color-primary-bg);color:var(--color-primary)}.btn-logout{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:flex}.page-content{width:100%;max-width:1600px;margin:0 auto;padding:32px;animation:.4s ease-out fadeIn}.page-header{margin-bottom:32px}.page-header h1{margin-bottom:4px;font-size:1.8rem}.page-header p{color:var(--color-text-muted)}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:32px;display:grid}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;margin-bottom:32px;display:grid}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;margin-top:32px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;display:grid}@media (max-width:640px){.kpi-grid,.charts-grid,.grid-2{grid-template-columns:1fr}}.kpi-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-4px)}.kpi-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:700}.kpi-value{color:var(--color-secondary);align-items:baseline;gap:4px;font-size:1.8rem;font-weight:900;display:flex}.kpi-unit{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.kpi-icon{opacity:.15;color:var(--color-secondary);position:absolute;top:16px;right:16px}.panel{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:24px;overflow:hidden}.panel-header{border-bottom:1px solid var(--color-border);background:#fdfdfd;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.panel-title{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:800}.panel-body{padding:20px}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;border-bottom:2px solid var(--color-border);background:#f8f9fa;padding:12px 16px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);padding:12px 16px;font-size:13px}tr:hover td{background:var(--color-primary-bg)}.badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800}.badge.success{color:#1e7e34;background:#e6f4ea}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-banner{background:linear-gradient(135deg,var(--color-secondary)0%,#001d24 100%);border-radius:var(--radius-lg);color:#fff;align-items:center;gap:32px;margin-bottom:40px;padding:40px;display:flex;position:relative;overflow:hidden}.home-banner-stats{text-align:center;background:#ffffff14;border-radius:12px;padding:16px 24px}.auth-screen{background:radial-gradient(circle at top left,var(--color-secondary)0%,#001015 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);text-align:center;background:#ffffff08;border:1px solid #ffffff1a;width:100%;max-width:440px;padding:48px;box-shadow:0 32px 64px #00000080}.auth-logo{background:var(--color-primary);width:72px;height:72px;box-shadow:0 12px 24px var(--color-primary-glow);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;transform:rotate(-5deg)}.btn-microsoft{cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-size:15px;font-weight:800;transition:all .2s;display:flex}.btn-microsoft:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#f5f2eeb3;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.loading-logo-wrapper{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.loading-logo{z-index:2;width:64px;height:auto;animation:2s ease-in-out infinite pulseLogo}.loading-ring{border:4px solid #0000;border-top-color:var(--color-primary);border-right-color:var(--color-primary-light);z-index:1;border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spinRing;position:absolute}.loading-text{color:var(--color-secondary);text-transform:uppercase;letter-spacing:2px;margin-top:24px;font-size:13px;font-weight:800;animation:1.5s ease-in-out infinite pulseText}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseLogo{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes pulseText{0%,to{opacity:.5}50%{opacity:1}}