@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap";.font-mono-industrial{font-family:JetBrains Mono,monospace;letter-spacing:-.02em}.kpi-value-giant{font-size:3.5rem;line-height:1;font-weight:800;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #fbbf244d}50%{box-shadow:0 0 20px #fbbf2499}}@keyframes statusGlowSuccess{0%,to{filter:drop-shadow(0 0 3px rgba(16,185,129,.4));opacity:1}50%{filter:drop-shadow(0 0 10px rgba(16,185,129,.8));opacity:.9}}@keyframes statusPulseError{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}}@keyframes statusRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideInUp .5s ease-out forwards}.animate-slide-right{animation:slideInRight .4s ease-out forwards}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-count-up{animation:countUp .6s ease-out forwards}.indicator-success{animation:statusGlowSuccess 2s infinite ease-in-out}.indicator-error{animation:statusPulseError 1.5s infinite ease-in-out}.indicator-running{animation:statusRotate 2s infinite linear}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.2s}.stagger-children>*:nth-child(4){animation-delay:.3s}.stagger-children>*:nth-child(5){animation-delay:.4s}.stagger-children>*:nth-child(6){animation-delay:.5s}.skeleton{background:linear-gradient(90deg,#33415566 25%,#47556999,#33415566 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:2rem;width:60%;margin-bottom:1rem}.skeleton-card{height:8rem;border-radius:1rem}.skeleton-chart{height:18rem;border-radius:1rem}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 30px #fbbf2433}.glass{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-emerald{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-success{background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid rgba(16,185,129,.3);color:#10b981}.badge-error{background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid rgba(239,68,68,.3);color:#ef4444}.badge-warning{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.3);color:#fbbf24}.table-row-hover{transition:background-color .2s ease;cursor:pointer}.table-row-hover:hover{background-color:#ffffff0a}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .2s ease;background:#33415580;border:1px solid rgba(71,85,105,.5);color:#94a3b8}.pagination-btn:hover:not(:disabled){background:#475569b3;border-color:#64748bb3;color:#e2e8f0}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;color:#1e293b;font-weight:700}.search-input{background:#0f172acc;border:1px solid rgba(71,85,105,.5);border-radius:.75rem;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;color:#e2e8f0;transition:all .2s ease;width:100%}.search-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.search-input::placeholder{color:#64748b}.copy-success{animation:copyPulse .3s ease-out}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chart-container{position:relative;overflow:hidden}.chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent)}@media(max-width:640px){.hide-mobile{display:none!important}.mobile-full{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-text-center{text-align:center!important}}@media(max-width:768px){.hide-tablet{display:none!important}}.footer{background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.8) 100%);border-top:1px solid rgba(71,85,105,.3)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;text-align:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9999px;color:#fff;animation:pulseGlow 2s ease-in-out infinite;box-shadow:0 0 10px #ef444480}.sparkline-container{display:inline-block;width:60px;height:20px;vertical-align:middle;margin-left:8px}.export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid rgba(16,185,129,.3);border-radius:.5rem;color:#10b981;transition:all .2s ease;cursor:pointer}.export-btn:hover{background:linear-gradient(135deg,#10b9814d,#0596694d);border-color:#10b98180;transform:translateY(-1px)}.expandable-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.expandable-content.expanded{max-height:500px;padding:1rem}.tooltip-premium{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(251,191,36,.2);box-shadow:0 10px 40px #00000080}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerFadeOut{0%{opacity:1}to{opacity:0}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:drawerFadeIn .25s ease-out forwards}.drawer-backdrop.closing{animation:drawerFadeOut .2s ease-in forwards}.drawer-panel{position:fixed;top:0;right:0;bottom:0;z-index:70;width:40%;min-width:400px;max-width:640px;background:linear-gradient(180deg,#0f172a,#1e293b);border-left:1px solid rgba(255,255,255,.06);box-shadow:-20px 0 60px #00000080;overflow-y:auto;animation:drawerSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.drawer-panel.closing{animation:drawerSlideOut .2s ease-in forwards}@media(max-width:768px){.drawer-panel{width:100%;min-width:unset;max-width:unset}}.drawer-section-card{background:#1e293b99;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1.25rem}.drawer-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:480px){.drawer-detail-grid{grid-template-columns:1fr}}.drawer-detail-item{background:#0f172a80;border:1px solid rgba(255,255,255,.04);border-radius:.75rem;padding:.875rem;transition:border-color .2s ease}.drawer-detail-item:hover{border-color:#fbbf2426}.drawer-tab{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:.5rem;transition:all .2s ease;color:#94a3b8;background:transparent;border:1px solid transparent;cursor:pointer}.drawer-tab:hover{color:#e2e8f0;background:#ffffff0a}.drawer-tab.active{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2433}.gradient-text-violet{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
