@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--color-bg:#F8FAFC;--color-surface:#FFFFFF;--color-surface-2:#F1F5F9;--color-surface-3:#E2E8F0;--color-border:rgba(0,0,0,0.08);--color-border-hover:rgba(0,0,0,0.15);--color-accent:#DB5428;--color-accent-2:#FFFFFF;--color-accent-glow:rgba(219,84,40,0.12);--gradient-accent:linear-gradient(135deg,#DB5428,#FF6B3D);--gradient-accent-subtle:linear-gradient(135deg,rgba(219,84,40,0.08),rgba(0,0,0,0.02));--color-success:#10B981;--color-success-bg:rgba(16,185,129,0.1);--color-warning:#F59E0B;--color-warning-bg:rgba(245,158,11,0.1);--color-error:#EF4444;--color-error-bg:rgba(239,68,68,0.1);--color-info:#3b82f6;--color-info-bg:rgba(59,130,246,0.1);--text-primary:#1E293B;--text-secondary:#64748B;--text-muted:#94A3B8;--text-inverse:#FFFFFF;--role-super-admin:#DB5428;--role-vendor-admin:#ED8936;--role-vendor-viewer:#48BB78;--role-finance:#ECC94B;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.12);--shadow-accent:0 4px 20px rgba(219,84,40,0.15);--shadow-glow:0 0 40px rgba(219,84,40,0.05);--font-base:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:350ms ease;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-base);background-color:var(--color-bg);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.glass-strong{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-hover)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(79,110,247,.4)}50%{box-shadow:0 0 0 8px rgba(79,110,247,0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-slide-in{animation:slideIn var(--transition-slow) ease forwards}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.healthy{background-color:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot.degraded{background-color:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.status-dot.down{background-color:var(--color-error);box-shadow:0 0 6px var(--color-error);animation:pulse-glow 1.5s infinite}