@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--green:#22c55e;--green-dark:#16a34a;--green-light:#dcfce7;--green-tint:#f0fdf4;--green-mid:#4ade80;--yellow:#facc15;--yellow-dark:#ca8a04;--blue:#38bdf8;--blue-dark:#0284c7;--blue-tint:#f0f9ff;--purple:#8b5cf6;--purple-tint:#f5f3ff;--red:#ef4444;--orange:#f97316;--bg:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--bg-sidebar:#0a0f1e;--text:#0f172a;--text-2:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-2:#cbd5e1;--border-green:#bbf7d0;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 6px #0000000f,0 1px 2px #0000000a;--shadow-md:0 6px 20px #00000014,0 2px 6px #0000000a;--shadow-lg:0 16px 48px #0000001a,0 4px 12px #0000000d;--shadow-xl:0 24px 64px #0000001f;--shadow-green:0 6px 24px #22c55e47;--shadow-card:0 2px 8px #0000000f;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--primary:#22c55e;--primary-hover:#16a34a;--primary-green:#22c55e;--accent-green:#dcfce7;--secondary:#38bdf8;--success:#22c55e;--warning:#facc15;--danger:#ef4444;--bg-main:#f8fafc;--text-main:#0f172a;--border-light:#e2e8f0;--border-medium:#cbd5e1;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--glass-bg:#ffffffeb;--glass-border:#22c55e26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.025em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s,border-color .25s}.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-green);transform:translateY(-2px)}.metric-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.75rem 2rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.metric-tile:before{content:"";background:linear-gradient(90deg,var(--green),var(--blue),var(--purple));opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.metric-tile:hover:before{opacity:1}.metric-tile:hover{border-color:var(--border-green);box-shadow:var(--shadow-green);transform:translateY(-4px)}.btn-primary{background:var(--green);color:#fff;border-radius:var(--r-md);cursor:pointer;box-shadow:var(--shadow-green);letter-spacing:-.01em;border:none;align-items:center;gap:.5rem;padding:.75rem 1.625rem;font-size:.9375rem;font-weight:700;transition:all .25s;display:inline-flex}.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 28px #22c55e66}.btn-outline{color:var(--text-2);border:1.5px solid var(--border-2);border-radius:var(--r-md);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.75rem 1.625rem;font-size:.9375rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-outline:hover{border-color:var(--green);color:var(--green);background:var(--green-tint);transform:translateY(-1px)}.badge{border-radius:2rem;align-items:center;gap:.4rem;padding:.3rem .875rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-green{background:var(--green-tint);color:var(--green-dark);border:1px solid var(--border-green)}.badge-blue{background:var(--blue-tint);color:var(--blue-dark);border:1px solid #bae6fd}.badge-yellow{color:var(--yellow-dark);background:#fefce8;border:1px solid #fef08a}.badge-red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.badge-gray{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border)}.badge-purple{background:var(--purple-tint);color:var(--purple);border:1px solid #ddd6fe}.badge-online{background:var(--green-tint);color:var(--green-dark);border:1px solid var(--border-green);border-radius:2rem;align-items:center;gap:.4rem;padding:.3rem .875rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-online:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse-dot}.tab-pill{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:2rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.tab-pill.active{background:var(--green);color:#fff;box-shadow:0 3px 10px #22c55e59}.tab-pill:hover:not(.active){background:var(--green-tint);color:var(--green-dark)}.section-label{background:var(--green-tint);border:1px solid var(--border-green);color:var(--green-dark);letter-spacing:.01em;border-radius:2rem;align-items:center;gap:.45rem;padding:.4rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.progress-bar{background:var(--bg-subtle);border-radius:4px;height:7px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--green),var(--green-dark));border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.sidebar-link{border-radius:var(--r-md);color:#94a3b8;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar-link:hover{color:#cbd5e1;background:#ffffff0f}.sidebar-link.active{color:#4ade80;background:#22c55e24}.sidebar-link.active:before{content:"";background:var(--green);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg-subtle);padding:.875rem 1.25rem;font-size:.75rem;font-weight:700}.data-table td{color:var(--text-2);border-bottom:1px solid var(--border);padding:1rem 1.25rem;font-size:.9rem;transition:background .15s}.data-table tr:hover td{background:var(--green-tint)}.data-table tr:last-child td{border-bottom:none}.input-field{border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);background:var(--bg-card);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.input-field:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #22c55e1f}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes flow-right{0%{opacity:0;left:0}20%{opacity:1}80%{opacity:1}to{opacity:0;left:calc(100% - 20px)}}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes energy-flow{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes animate-energy-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #22c55e4d}50%{box-shadow:0 0 40px #22c55e99}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-float{animation:3.5s ease-in-out infinite float-up}.animate-fade-up{animation:.6s ease-out forwards fade-in-up}.animate-fade-in{animation:.4s ease-out forwards fade-in}.animate-spin-slow{animation:10s linear infinite spin-slow}.animate-energy-pulse{animation:2s ease-in-out infinite animate-energy-pulse}.animate-glow{animation:2.5s ease-in-out infinite glow-pulse}@media (max-width:1280px){.hide-xl{display:none!important}}@media (max-width:1024px){.hide-tablet{display:none!important}}@media (max-width:768px){.hide-mobile{display:none!important}h1{font-size:2rem!important}h2{font-size:1.625rem!important}}.chart-tooltip{color:#f1f5f9;pointer-events:none;white-space:nowrap;z-index:100;background:#0f172a;border-radius:8px;padding:.5rem .875rem;font-size:.78rem;font-weight:600;position:absolute;box-shadow:0 4px 16px #00000040}.chart-tooltip:after{content:"";border:5px solid #0000;border-top-color:#0f172a;border-bottom:none;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.stat-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.gradient-text{background:linear-gradient(135deg,#22c55e 0%,#16a34a 50%,#15803d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#38bdf8,#0284c7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.hover-glow{transition:border-color .2s,box-shadow .2s}.hover-glow:hover{box-shadow:0 0 0 3px #22c55e1f;border-color:var(--green)!important}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.chart-bar{cursor:pointer;transition:opacity .15s,filter .15s}.chart-bar:hover{opacity:.85;filter:brightness(1.1)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.online{background:#22c55e;animation:2s infinite pulse-dot}.status-dot.offline{background:#ef4444}.status-dot.warning{background:#f59e0b;animation:2s infinite pulse-dot}.donut-segment{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.toast-enter{animation:.3s ease-out forwards slide-in-right}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.count-up{animation:.4s ease-out forwards count-up}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.pulse-ring:after{content:"";border:2px solid;border-radius:50%;animation:1.5s ease-out infinite pulse-ring;position:absolute;inset:-4px}.stagger-item{opacity:0;animation:.5s ease-out forwards fade-in-up}.stagger-item:first-child{animation-delay:50ms}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.sidebar-collapsed .sidebar-label{display:none}.sidebar-collapsed .sidebar-link{justify-content:center;padding:.7rem}@media (max-width:1200px){.dashboard-grid-4{grid-template-columns:repeat(2,1fr)!important}.dashboard-grid-5{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.dashboard-grid-4,.dashboard-grid-5{grid-template-columns:1fr 1fr!important}.dashboard-grid-2{grid-template-columns:1fr!important}}