@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@400;500;600;700&display=swap";:root{--font-family:"Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-page:#f5f7fc;--bg-floor:#dfe6fa;--bg-floor-card:#eef2fd;--bg-glass:#ffffffeb;--bg-glass-hover:#fffffffa;--bg-glass-subtle:#ffffffbf;--primary:#4f6bed;--primary-hover:#3d59de;--primary-light:#eef2ff;--primary-glow:#4f6bed40;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#e2e8f0cc;--border-card:#ffffffe6;--status-running:#16a34a;--status-running-bg:#dcfce7;--status-running-glow:#16a34a59;--status-idle:#d97706;--status-idle-bg:#fef3c7;--status-idle-glow:#d9770659;--status-stopped:#dc2626;--status-stopped-bg:#fee2e2;--status-stopped-glow:#dc262659;--status-offline:#64748b;--status-offline-bg:#f1f5f9;--status-offline-glow:#64748b40;--shadow-sm:0 2px 6px #00000008, 0 1px 2px #00000005;--shadow-md:0 8px 24px #4f6bed0f, 0 2px 8px #00000008;--shadow-lg:0 16px 36px #4f6bed1a, 0 4px 12px #0000000a;--shadow-float:0 20px 45px #1e293b14, 0 4px 12px #00000008;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{box-shadow:var(--shadow-lg)}.floating-pill{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}@keyframes softPulse{0%{box-shadow:0 0 0 0 var(--status-running-glow)}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}.pulse-running{animation:2.2s infinite softPulse}@keyframes warningPulse{0%{box-shadow:0 0 0 0 var(--status-stopped-glow)}70%{box-shadow:0 0 0 8px #dc262600}to{box-shadow:0 0 #dc262600}}.pulse-warning{animation:1.8s infinite warningPulse}.perspective-container{perspective:1200px;transform-style:preserve-3d}.tilted-floor{transform-origin:50% 20%;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:rotateX(32deg)rotate(-3deg)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.badge-demo{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}