:root{--bg-app: #0f111a;--bg-sidebar: #161b22;--bg-card: #1c2128;--primary: #58a6ff;--primary-hover: #79c0ff;--text-main: #f0f6fc;--text-muted: #8b949e;--border: #30363d;--success: #3fb950;--error: #f85149;--sidebar-width: 250px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow:hidden;position:relative;background-color:var(--bg-app);background-image:radial-gradient(circle at 100% 0%,rgba(88,166,255,.25) 0%,transparent 60%)}.scroll-area{height:100%;overflow-y:auto;padding:2rem}h1,h2,h3{margin-top:0}h1{font-size:1.8rem;font-weight:600}h2{font-size:1.4rem;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;background-color:var(--bg-card);color:var(--text-main)}.btn:hover{background-color:var(--border)}.btn-primary{background-color:var(--primary);color:#0f111a}.btn-primary:hover{background-color:var(--primary-hover)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-muted);text-decoration:none;border-radius:6px;margin-bottom:.25rem;transition:all .2s}.nav-item:hover,.nav-item.active{background-color:#58a6ff1a;color:var(--primary)}.badge{padding:.25em .6em;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background-color:#3fb95026;color:var(--success)}.badge-error{background-color:#f8514926;color:var(--error)}.table{width:100%;border-collapse:collapse}.table th{background:var(--bg-sidebar);padding:1rem;text-align:left;font-weight:600;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.table td{padding:1rem;border-top:1px solid var(--border);color:var(--text-main)}.table tbody tr{transition:background-color .2s}.table tbody tr:hover{background-color:#ffffff05}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-running{background-color:#3fb95026;color:var(--success);border:1px solid rgba(63,185,80,.3)}.status-stopped{background-color:#8b949e26;color:var(--text-muted);border:1px solid rgba(139,148,158,.3)}.status-provisioning{background-color:#ffbf0026;color:#ffbf00;border:1px solid rgba(255,191,0,.3)}.action-button{background:var(--primary);color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.action-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.action-button-danger{background:var(--error)}.action-button-danger:hover{background:#ff6b6b}