:root{--bg-dark:#0a0e14;--card-bg:#ffffff08;--card-border:#ffffff1a;--text-primary:#fff;--text-secondary:#a0aec0;--status-running:#10b981;--status-deallocated:#6b7280;--status-starting:#3b82f6;--accent-blue:#0078d4;--accent-purple:#a855f7;--accent-primary:#3b82f6;--glass-bg:#10121bb3;--flyout-bg:#0f172af2;--sidebar-bg:#0f1419;--sidebar-active-bg:#3b82f61a;--sidebar-hover-bg:#ffffff0d}.azure-demo-container{background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(at 0 0,#0078d426 0,#0000 50%),radial-gradient(at 100% 100%,#a855f726 0,#0000 50%);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:12px}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.header h1{background:linear-gradient(135deg,#fff 0%,#a0aec0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.vm-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.vm-card{cursor:pointer;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.vm-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-5px)}.vm-card:after{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.vm-card.running:after{background:var(--status-running)}.vm-card.deallocated:after{background:var(--status-deallocated)}.vm-card.alert:after{background:#ef4444}.switch{width:32px;height:18px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(14px)}.ignore-switch-container{border-top:1px solid #ffffff0d;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.ignore-label{color:var(--text-secondary);font-size:.75rem}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status-running{background:var(--status-running);box-shadow:0 0 8px var(--status-running)}.status-deallocated{background:var(--status-deallocated)}.flyout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.flyout-overlay.open{opacity:1;pointer-events:auto}.flyout{background:var(--flyout-bg);border-left:1px solid var(--card-border);z-index:1001;flex-direction:column;width:600px;max-width:90vw;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.flyout.open{transform:translate(0)}.flyout-content{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:2rem;overflow-y:auto}.flyout-wide{width:800px;max-width:90vw}.flyout::-webkit-scrollbar{width:6px}.flyout::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.flyout-header{background:var(--flyout-bg);z-index:10;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:-1rem;margin-bottom:2rem;padding:1rem 0;display:flex;position:sticky;top:0}.chart-container{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-top:1.5rem;padding:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.view-btn{border:1px solid var(--card-border);transition:all .2s}.view-btn.active{box-shadow:0 0 0 1px #3b82f6;color:#fff!important;border-color:#3b82f6!important}.vm-list{flex-direction:column;gap:.75rem;display:flex}.vm-list-item{cursor:pointer;grid-template-columns:40px 1.5fr 1fr 1fr 1.2fr 1fr;align-items:center;padding:1rem 1.5rem;transition:all .2s;display:grid;position:relative;overflow:hidden}.vm-list-item:hover{background:#ffffff0d;border-color:#fff3}.vm-list-item:after{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.vm-list-item.running:after{background:var(--status-running)}.vm-list-item.deallocated:after{background:var(--status-deallocated)}.vm-list-item.alert:after{background:#ef4444}.footer{border-top:1px solid var(--card-border);text-align:center;color:var(--text-secondary);margin-top:4rem;padding-top:2rem;padding-bottom:2rem;font-size:.875rem}