:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f7f7;background:#080808;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{place-items:center;min-height:100vh;padding:2rem;display:grid}.card{background:#111113;border:1px solid #27272a;border-radius:1.5rem;width:min(42rem,100%);padding:2rem}h1{margin:0 0 1rem;font-size:clamp(2.5rem,8vw,4.5rem)}p{color:#a1a1aa;font-size:1.125rem;line-height:1.6}.status{color:#65d68b}.oauth-card h1{font-size:clamp(2rem,6vw,3.75rem)}.eyebrow,.oauth-scopes,.privacy-note{font-size:.95rem}.eyebrow{color:#65d68b;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem}.oauth-form,.oauth-consent{gap:1rem;display:grid}.oauth-form label{color:#d4d4d8;gap:.5rem;display:grid}.oauth-form input{color:#fafafa;width:100%;font:inherit;background:#09090b;border:1px solid #3f3f46;border-radius:.75rem;padding:.9rem 1rem}.oauth-actions{flex-wrap:wrap;gap:.75rem;display:flex}button{color:#fff;font:inherit;cursor:pointer;background:#2997ff;border:0;border-radius:999px;padding:.9rem 1.4rem;font-weight:700}button.secondary{background:#27272a}.oauth-consent ul{color:#d4d4d8;margin:0;padding-left:1.25rem;line-height:1.7}.oauth-state,.oauth-error{color:#ff6b6b}.privacy-note{border-top:1px solid #27272a;margin-top:2rem;padding-top:1rem}button:disabled{opacity:.5;cursor:default}a{color:#8cc9ff;text-underline-offset:.2em}.legal-page{overflow-wrap:anywhere;max-width:800px}.legal-page h1{margin-top:2rem;font-size:clamp(2rem,5vw,3.5rem)}.legal-page h2{margin-top:2rem;font-size:1.4rem}.brand{color:#f7f7f7;font-size:1.35rem;font-weight:700;text-decoration:none}.oauth-card>.brand{margin-bottom:2rem;display:inline-block}.button-link{color:#fff;background:#2997ff;border-radius:999px;padding:.9rem 1.4rem;font-weight:700;text-decoration:none;display:inline-block}.workspace{padding:2rem;display:block}.workspace-inner{width:100%;min-width:0;max-width:1100px;margin:0 auto}.workspace-header,.workspace-header nav,.page-title,.table-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.workspace-header{border-bottom:1px solid #27272a;padding-bottom:1.5rem}.workspace-header nav a{font-size:.95rem;text-decoration:none}.workspace-header nav a[aria-current=page]{color:#65d68b}.page-title{margin:2.5rem 0 1.5rem}.page-title h1{font-size:clamp(2rem,5vw,3.5rem)}.panel{background:#111113;border:1px solid #27272a;border-radius:1.25rem;margin-bottom:1.25rem;padding:1.5rem}.panel h2{margin:0 0 1rem;font-size:1.25rem}.panel p{font-size:1rem}.badge{white-space:nowrap;background:#27272a;border-radius:999px;padding:.4rem .65rem;font-size:.85rem;display:inline-block}.badge.active{color:#65d68b;background:#123222}.badge.pending{color:#f8cb75;background:#332910}.badge.disabled{color:#ff9090;background:#351c20}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}th{color:#a1a1aa;font-weight:400}th,td{vertical-align:top;border-bottom:1px solid #27272a;padding:1rem .7rem}small{color:#a1a1aa;margin-top:.45rem;display:block}.row-actions{gap:.5rem;display:flex}.row-actions button{padding:.55rem .8rem;font-size:.85rem}.device-list{margin:0;padding:0;list-style:none}.device-list li{border-top:1px solid #27272a;gap:.5rem;padding:.9rem 0;display:grid}.device-list span{color:#a1a1aa;font-size:.95rem}.setting-toggle{align-items:center;gap:.75rem;line-height:1.5;display:flex}.setting-toggle input{accent-color:#2997ff;width:1.2rem;height:1.2rem}.table-heading input{color:#fff;font:inherit;background:#09090b;border:1px solid #3f3f46;border-radius:.7rem;width:min(100%,360px);padding:.8rem}.pagination{align-items:center;margin-top:1.25rem}@media (max-width:600px){.workspace,.panel{padding:1rem}.workspace-header nav{gap:.8rem}}
