:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#111827;background:linear-gradient(180deg,#eff6ff,#f8fafc)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(560px,100%);background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 45px #0f172a14}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.card-header h1{margin:0 0 8px}.card-header p{margin:0;color:#4b5563}.health-chip{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#dcfce7;color:#166534;font-size:14px;white-space:nowrap}.health-chip.offline{background:#fee2e2;color:#991b1b}.tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;padding:6px;background:#f3f4f6;border-radius:14px}.tab{border:0;border-radius:10px;padding:10px 14px;background:transparent;color:#374151;cursor:pointer}.tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0f172a1f}.form{display:grid;gap:16px}label{display:grid;gap:8px;color:#374151}input{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;background:#fff}input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.primary-button,.secondary-button{border:0;border-radius:12px;padding:12px 16px;cursor:pointer}.primary-button{background:#2563eb;color:#fff}.primary-button:disabled{opacity:.7;cursor:wait}.secondary-button{background:#e5e7eb;color:#111827}.session-panel{display:grid;gap:20px}.session-panel h2{margin:0}.session-panel dl{display:grid;gap:12px;margin:0}.session-panel dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:12px;background:#f8fafc}.session-panel dt{color:#6b7280}.session-panel dd{margin:0;font-weight:600}.actions{display:flex;gap:12px}.success{color:#15803d}.error{color:#dc2626}
