@tailwind base;@tailwind components;@tailwind utilities;@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--bg-dark: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--primary: #3b82f6;--accent: #8b5cf6;--status-green: #22c55e;--status-amber: #f59e0b;--status-red: #ef4444;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--radius-md: 8px;--border-color: #334155}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border-color);transition:all .2s ease}.card:hover{border-color:var(--primary)}.btn{background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:500}.layout-container{display:flex;height:100vh}.sidebar{width:250px;background:var(--bg-card);border-right:1px solid var(--border-color);padding:var(--space-md);display:flex;flex-direction:column}.main-content{flex:1;padding:var(--space-lg);overflow-y:auto}.status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block}.status-green{background:var(--status-green);box-shadow:0 0 10px var(--status-green)}.status-amber{background:var(--status-amber);box-shadow:0 0 10px var(--status-amber)}.status-red{background:var(--status-red);box-shadow:0 0 10px var(--status-red)}nav ul{list-style:none;padding:0}nav li{margin-bottom:var(--space-sm)}nav a{text-decoration:none;color:var(--text-secondary);display:flex;align-items:center;gap:10px;padding:8px;border-radius:4px}nav a:hover,nav a.active{background:var(--bg-card-hover);color:var(--text-primary)}