:root{--bg-primary:#edf2f7;--bg:#edf2f7;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--surface:#fff;--bg-input:#f8fafc;--surface2:#f8fafc;--surface3:#e2e8f0;--border:#e2e8f0;--border2:#cbd5e1;--border-color:#e2e8f0;--border-subtle:#edf2f7;--border-highlight:#cbd5e1;--text:#0f172a;--text-primary:#0f172a;--text2:#334155;--text-secondary:#334155;--text3:#64748b;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0f172a0a;--shadow-md:0 4px 12px -2px #0f172a0f, 0 2px 6px -1px #0f172a05;--shadow-lg:0 12px 28px -4px #0f172a14, 0 4px 10px -2px #0f172a08;--shadow-ambient:0 20px 40px -15px #0f172a12;--theme-primary:#0d9488;--theme-secondary:#14b8a6;--theme-accent:#059669;--theme-accent-bg:#0d94881f;--theme-accent-color:#0d9488;--accent2:#0284c7}html.dark,body.dark,html[data-theme=dark]{--bg-primary:#0f172a;--bg:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-card-hover:#253349;--surface:#1e293b;--bg-input:#0f172a;--surface2:#334155;--surface3:#475569;--border:#334155;--border2:#475569;--border-color:#334155;--border-subtle:#1e293b;--border-highlight:#475569;--text:#f8fafc;--text-primary:#f8fafc;--text2:#cbd5e1;--text-secondary:#cbd5e1;--text3:#94a3b8;--text-muted:#94a3b8;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 12px -2px #00000080, 0 2px 6px -1px #0000004d;--shadow-lg:0 12px 28px -4px #000000a6, 0 4px 10px -2px #0006;--shadow-ambient:0 20px 40px -15px #000c;--theme-accent-bg:#2dd4bf26;--theme-accent-color:#2dd4bf}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg,#edf2f7);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:radial-gradient(circle at 50% -10%,#0891b20b 0%,#0000 65%),radial-gradient(#0f172a11 1.1px,#0000 1.1px);background-size:100% 100%,22px 22px;background-attachment:fixed;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}html.dark body,body.dark,html[data-theme=dark] body{background-color:var(--bg,#0f172a);background-image:radial-gradient(circle at 50% -10%,#6366f114 0%,#0000 65%),radial-gradient(#ffffff13 1.1px,#0000 1.1px);background-size:100% 100%,22px 22px;background-attachment:fixed}#root{flex-direction:column;width:100%;height:100%;display:flex}input,button,select,textarea{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--theme-primary,#0d9488)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--theme-primary,#0d9488)}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.no-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.font-mono{font-feature-settings:"tnum" 1, "zero" 1;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-viewport{background-color:var(--bg-primary);background-image:radial-gradient(var(--border) 1px, transparent 1px), radial-gradient(circle at 12% 8%, var(--theme-accent-bg,#0d948814) 0%, transparent 45%), radial-gradient(circle at 88% 92%, var(--theme-accent-bg,#0d94880f) 0%, transparent 45%);width:100vw;height:100dvh;color:var(--text-primary);background-position:0 0,0 0,0 0;background-size:24px 24px,100% 100%,100% 100%;flex-direction:column;display:flex;overflow:hidden}.content-container{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.panel-inner-scroll{box-sizing:border-box;flex-direction:column;flex:1;gap:12px;width:100%;max-width:1400px;height:100%;min-height:0;margin:0 auto;padding:10px 16px 14px;display:flex}.panel-inner-scroll-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.panel-page-scroll{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;padding:0;display:flex;overflow:hidden auto}.panel-page-scroll-content{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:1400px;margin:0 auto;padding:10px 16px 36px;display:flex}.stat-cards-container{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:4px 2px;display:grid}.filter-grid-container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:10px;width:100%;display:grid}@media (width<=640px){.filter-grid-container{grid-template-columns:1fr 1fr!important;gap:8px!important}.filter-grid-span-mobile{grid-column:span 2!important}}@media (width<=768px),(height<=520px){.panel-inner-scroll{-webkit-overflow-scrolling:touch;gap:10px;height:100%;padding:8px 10px 14px;overflow:hidden auto}.panel-inner-scroll-body{flex:unset;min-height:unset;gap:10px;padding-right:0;overflow-y:visible}.stat-cards-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:8px;display:flex;overflow-x:auto;padding:6px 4px 8px!important}.stat-cards-container::-webkit-scrollbar{display:none}.stat-card-item{scroll-snap-align:start;flex:0 0 150px;padding:10px 12px!important}.panel-page-scroll-content{gap:10px;padding:8px 10px 20px}}@media (orientation:landscape) and (height<=500px){.panel-inner-scroll{gap:8px;padding:6px 10px 12px}.stat-card-item{flex:0 0 140px;padding:8px 10px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-medis{color:#0f172a;transition:color .15s}.brand-tren{color:#059669;transition:color .15s}html.dark .brand-medis,body.dark .brand-medis,html[data-theme=dark] .brand-medis{color:#fff!important}html.dark .brand-tren,body.dark .brand-tren,html[data-theme=dark] .brand-tren{color:#10b981!important}
