:root{--bg:#f4f6f8;--card:#fff;--ink:#17202a;--muted:#64748b;--blue:#1463ff;--red:#c62828;--line:#e2e8f0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Noto Sans KR",sans-serif}header{height:68px;background:#111827;color:white;display:flex;align-items:center;padding:0 max(24px,calc((100% - 1180px)/2));gap:28px}header a{color:#dbeafe;text-decoration:none}.brand{font-weight:800!important;color:white!important;font-size:18px}nav{display:flex;gap:18px;flex:1}header form{margin:0}main{max-width:1180px;margin:38px auto;padding:0 24px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.title h1,h1{margin:0 0 5px;font-size:28px}.title p,p{color:var(--muted);margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 3px 14px #0f172a0a}.card h2{margin-top:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stats article{background:white;border:1px solid var(--line);padding:22px;border-radius:14px}.stats b{display:block;font-size:30px}.stats span{color:var(--muted)}button,.button{border:0;border-radius:8px;background:var(--blue);color:white;padding:10px 16px;font-weight:700;text-decoration:none;cursor:pointer}.ghost{background:#273244}.secondary{background:#475569}.danger{background:var(--red)}.small{padding:7px 10px}.table{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;color:var(--muted)}td small{display:block;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:35px}.status{display:inline-block;padding:4px 9px;border-radius:999px;background:#e2e8f0;font-size:12px;font-weight:800}.streaming,.compatible,.completed,.connected{background:#dcfce7;color:#166534}.failed,.reauth_required,.conversion_required{background:#fee2e2;color:#991b1b}.scheduled,.starting,.preparing{background:#dbeafe;color:#1e40af}.form{max-width:760px;display:grid;gap:16px}.form label,.login label{display:grid;gap:6px;font-weight:700}.form input,.form select,.form textarea,.login input{font:inherit;padding:11px;border:1px solid #cbd5e1;border-radius:8px}.form .check{display:flex;font-weight:500}.actions{display:flex;justify-content:flex-end;gap:10px}.login{max-width:420px;margin:90px auto}.login form{display:grid;gap:16px;margin-top:24px}.alert,.notice{padding:13px 16px;border-radius:9px;margin:14px 0}.alert{background:#fee2e2;color:#991b1b}.notice{background:#dcfce7;color:#166534}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}dl{display:grid;grid-template-columns:140px 1fr;gap:12px}dt{color:var(--muted)}dd{margin:0}.timeline{list-style:none;padding:0}.timeline li{display:grid;grid-template-columns:110px 1fr auto;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.timeline small{color:var(--muted)}@media(max-width:760px){header{height:auto;padding:16px;flex-wrap:wrap}nav{order:3;overflow:auto;width:100%;flex-basis:100%}main{margin:24px auto}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.title{align-items:flex-start;gap:15px}.timeline li{grid-template-columns:1fr}.timeline small{display:block}}