:root{--brand-500:#2e86b5;--brand-600:#1e709b;--brand-700:#17607f;--brand-800:#0d4f6b;--brand-900:#0a3d5c;--bg:#eef2f6;--bg-soft:#f7f9fc;--surface:#fff;--surface-2:#f8fafc;--border:#e4eaf1;--border-2:#edf1f6;--text:#0f172a;--text-2:#475569;--muted:#64748b;--faint:#94a3b8;--green:#059669;--green-bg:#d1fae5;--amber:#d97706;--amber-bg:#fef3c7;--red:#dc2626;--red-bg:#fee2e2;--violet:#7c3aed;--violet-bg:#ede9fe;--cyan:#0891b2;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 4px 16px #0f172a14, 0 0 0 1px #0f172a08;--shadow-lg:0 12px 40px #0f172a24;--shadow-brand:0 8px 28px #1e709b47;--gap-xs:6px;--gap-sm:10px;--gap:16px;--gap-lg:24px;--font:"DM Sans", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--fs-display:clamp(1.25rem, 1rem + 1.1vw, 1.75rem);--fs-h1:clamp(1.15rem, .95rem + .9vw, 1.5rem);--fs-h2:clamp(1rem, .9rem + .5vw, 1.15rem);--fs-body:clamp(.8125rem, .78rem + .15vw, .9375rem);--fs-sm:clamp(.75rem, .72rem + .1vw, .8125rem);--fs-xs:.6875rem;--topbar-h:68px;--rail-w:60px;--bottomnav-h:62px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);font-size:var(--fs-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.45}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{width:100%;height:100%}#root{width:100%;min-height:100%}body{background:var(--bg);overscroll-behavior:none}img,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.grid-kpis{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));display:grid}.grid-kpis--compact{gap:var(--gap-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.grid-cards{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.grid-2{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));display:grid}.grid-3{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.stack{gap:var(--gap);flex-direction:column;display:flex}.table-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;overflow-x:auto}.table-scroll>table{min-width:680px}.toolbar{gap:var(--gap-sm);flex-wrap:wrap;align-items:center;display:flex}.toolbar--between{justify-content:space-between}.toolbar>.grow{flex:200px;min-width:0}.scroll-x{gap:var(--gap-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.app-shell{background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;display:flex;overflow:hidden}.app-body{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.app-main{min-width:0;scroll-padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom,0px));flex:1;padding:clamp(16px,1.5vw + 10px,36px) clamp(16px,2vw + 8px,40px);overflow-y:auto}.app-main--flush{flex-direction:column;padding:0;display:flex;overflow:hidden}.app-main--with-bottomnav{padding-bottom:calc(var(--bottomnav-h) + 24px + env(safe-area-inset-bottom,0px))}.app-topbar{background:linear-gradient(135deg, var(--brand-600) 0%, var(--brand-800) 100%);align-items:center;gap:var(--gap);padding:0 20px;padding-top:env(safe-area-inset-top,0px);min-height:var(--topbar-h);z-index:500;flex-wrap:wrap;flex-shrink:0;display:flex;position:relative;box-shadow:0 2px 12px #00000040}@media (width<=767px){.app-topbar{gap:8px;padding-left:12px;padding-right:12px}}.app-rail{width:var(--rail-w);background:linear-gradient(180deg, var(--brand-600) 0%, var(--brand-800) 100%);z-index:401;border-right:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.app-drawer{top:0;bottom:0;left:var(--rail-w);z-index:402;background:linear-gradient(180deg, var(--brand-600) 0%, var(--brand-800) 100%);border-right:1px solid #ffffff1f;flex-direction:column;width:min(78vw,260px);animation:.15s fadeIn;display:flex;position:absolute;box-shadow:4px 0 24px #00000040}.nav-rail-btn{border-radius:var(--r-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 4px;transition:background .15s;display:flex;position:relative}.nav-rail-btn:hover{background:#ffffff1f}.nav-rail-btn.active{background:#ffffff29}.nav-item{border-radius:var(--r-md);cursor:pointer;color:#ffffffd1;width:100%;font-size:var(--fs-sm);text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{color:#fff;background:#ffffff29;border-left-color:#fff;font-weight:700}.bottom-nav{z-index:1000;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(135deg, var(--brand-600) 0%, var(--brand-800) 100%);border-top:1px solid #ffffff26;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{cursor:pointer;color:#ffffff9e;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;transition:color .12s;display:flex}.bottom-nav button.active{color:#fff}.bottom-nav button .ico{font-size:18px;line-height:1}.bottom-nav button .lbl{font-size:9px}.btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--brand-600);color:var(--brand-600)}.btn--primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.btn--primary:hover{background:var(--brand-700);color:#fff}.btn--ghost{background:0 0;border-color:#0000}.ui-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden}.only-mobile{display:none!important}.only-desktop,.only-tablet-up{display:block}@media (width<=767px){.only-mobile{display:block!important}.hide-mobile,.only-desktop{display:none!important}}@media (width>=768px) and (width<=1099px){.hide-tablet{display:none!important}}@media (hover:none){.nav-item{padding:11px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=767px){[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: repeat(4,1fr)"],[style*=minmax\(300px],[style*=minmax\(320px],[style*=minmax\(340px],[style*=minmax\(380px],[style*=minmax\(420px],[style*="minmax(240px,320px)"],[style*="grid-template-columns: 260px"],[style*="grid-template-columns: 110px 1fr"],[style*="grid-template-columns: 1fr 90px"]{grid-template-columns:1fr!important}[style*="grid-template-columns: 28px 1fr 130px 130px"],[style*="grid-template-columns: 60px repeat(6,1fr) 140px 120px"]{min-width:620px}.app-main table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}