:root{--bg-dark: #0f172a;--bg-card: #1e293b;--accent: #3b82f6;--accent-hover: #2563eb;--text-primary: #f8fafc;--text-secondary: #94a3b8;--danger: #ef4444;--success: #10b981}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);display:flex;justify-content:center}#root{width:100%;max-width:1200px;padding:2rem}.dashboard{display:grid;gap:2rem}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bg-card);padding-bottom:1rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.status-active{background:rgba(16,185,129,.2);color:var(--success)}.status-handover{background:rgba(239,68,68,.2);color:var(--danger)}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:transform .2s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card-header{display:flex;justify-content:space-between;margin-bottom:1rem}.btn{padding:.5rem 1rem;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:var(--accent);color:#fff}