*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f3f4f6;color:#111827}a{color:inherit}.topbar{background:#111827;color:white;padding:14px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.topbar nav{display:flex;gap:14px;flex-wrap:wrap}.topbar nav a{text-decoration:none;color:#e5e7eb}.muted{opacity:.72}.container{max-width:1180px;margin:24px auto;padding:0 16px}.narrow{max-width:760px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:white;border-radius:16px;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,.06);margin-bottom:16px}.row{display:flex;gap:12px}.between{justify-content:space-between;align-items:center}.badge{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:#dcfce7;color:#166534}.badge.off{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}button,.btn{appearance:none;border:0;border-radius:10px;padding:10px 14px;background:#2563eb;color:white;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}.danger{background:#dc2626}.notice{background:#eff6ff;border:1px solid #bfdbfe;padding:12px 14px;border-radius:12px;margin:14px 0}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px;margin:10px 0}.success{background:#dcfce7;color:#166534;padding:10px;border-radius:10px;margin:10px 0}label{display:block;font-weight:700;margin:10px 0 6px}input,select{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;background:white}video{width:100%;max-height:72vh;background:#000;border-radius:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb}.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:#111827}.auth-card{width:min(420px,100%);background:white;border-radius:18px;padding:24px}.auth-card button{width:100%;margin-top:14px}.auth-card small{display:block;margin-top:12px;color:#6b7280}
@media(max-width:640px){.topbar{padding:12px 14px}.container{margin-top:16px}.card{border-radius:12px;padding:14px}}

.app-icon{width:96px;height:96px;border-radius:22px;display:block;margin:0 auto 14px}.install-card{text-align:center}.install-card .btn,.install-card button{margin:6px}