:root{color:#17211c;background:#f4f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink: #17211c;--muted: #647068;--line: #dce2dc;--surface: #ffffff;--green: #175e42;--green-light: #e8f4ed;--amber: #7a5520;--amber-light: #fff4df;--danger: #a52b2b;--danger-light: #fff0ef;--shadow: 0 18px 55px rgba(28, 43, 34, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}:focus-visible{outline:3px solid #63a88a;outline-offset:3px}.app-shell{min-height:100vh}.topbar{align-items:center;background:#fffffff0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;min-height:72px;padding:0 4vw;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wordmark{align-items:center;background:none;border:0;color:var(--ink);display:flex;font-size:1.08rem;font-weight:760;gap:10px;padding:8px 0;justify-self:start}.wordmark-icon,.brand-mark{align-items:center;background:var(--ink);border-radius:9px;color:#fff;display:inline-flex;font-weight:800;justify-content:center}.wordmark-icon{height:32px;width:32px}.topbar nav{display:flex;gap:5px}.topbar nav button{background:transparent;border:0;border-radius:8px;color:var(--muted);padding:10px 14px}.topbar nav button.active{background:#edf1ed;color:var(--ink);font-weight:650}.account-chip{background:var(--green);border:0;border-radius:50%;color:#fff;height:36px;justify-self:end;width:36px}.content{margin:0 auto;max-width:1120px;padding:64px 32px 96px}.page-header{align-items:end;display:flex;justify-content:space-between;margin-bottom:36px;gap:24px}.page-header h1,.narrow-page h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1;margin:5px 0 13px}.page-header p,.lede{color:var(--muted);margin:0;max-width:620px}.eyebrow{color:var(--green);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.lede{font-size:1.08rem;line-height:1.65}.lede.small{max-width:570px}.button{border:1px solid transparent;border-radius:9px;font-weight:700;min-height:42px;padding:10px 16px}.button.primary{background:var(--green);color:#fff}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.danger{background:var(--danger);color:#fff}.button.danger.subtle{background:#fff;border-color:#efcccc;color:var(--danger)}.button.wide{width:100%}.text-button{background:none;border:0;color:var(--green);font-weight:700;margin-top:24px;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.device-grid{display:grid;gap:14px}.device-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:grid;gap:18px;grid-template-columns:auto 1fr auto;padding:22px;box-shadow:0 7px 22px #1f2b2408}.device-icon{align-items:center;background:#edf2ed;border-radius:11px;color:var(--green);display:flex;font-size:1.3rem;height:48px;justify-content:center;width:48px}.device-main h2{font-size:1rem;margin:0}.device-main p{margin:7px 0 0}.device-title-row{align-items:center;display:flex;gap:12px}.status{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:750;gap:6px;padding:4px 9px}.status.online{background:var(--green-light);color:var(--green)}.status.offline{background:var(--amber-light);color:var(--amber)}.status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;overflow-wrap:anywhere}.compact{margin:6px 0}.muted,.fine-print{color:var(--muted)}.muted{font-size:.9rem}.empty-state{background:var(--surface);border:1px dashed #c8d2c9;border-radius:18px;padding:70px 24px;text-align:center}.empty-state h2{margin:12px 0 8px}.empty-state p{color:var(--muted);margin:0 auto 24px;max-width:480px}.empty-icon{color:var(--green);font-size:2.2rem}.skeleton{background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--muted);padding:34px}.narrow-page{margin:0 auto;max-width:670px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}.form-panel,.confirmation-panel{margin-top:34px}.form-panel label{display:block;font-size:.86rem;font-weight:750;margin-bottom:9px}.code-input{border:1px solid #b8c3bb;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.35rem;font-weight:750;letter-spacing:.14em;padding:15px;text-transform:uppercase;width:100%}.confirm-icon{align-items:center;background:var(--green-light);border-radius:50%;color:var(--green);display:flex;font-size:1.3rem;height:46px;justify-content:center;width:46px}.details{border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:22px 0}.details div{display:flex;justify-content:space-between;gap:20px;padding:13px 0}.details div+div{border-top:1px solid var(--line)}.details dt{color:var(--muted)}.details dd{font-weight:700;margin:0;text-align:right}.settings-grid{display:grid;gap:18px;grid-template-columns:minmax(260px,.7fr) minmax(400px,1.3fr)}.panel h2{font-size:1.08rem;margin:0 0 18px}.identity-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:13px;margin-bottom:18px;padding-bottom:20px}.identity-row p{color:var(--muted);margin:3px 0 0}.avatar{align-items:center;background:var(--green-light);border-radius:50%;color:var(--green);display:flex;font-weight:800;height:44px;justify-content:center;width:44px}.client-list{display:grid;gap:0}.client-row{align-items:start;border-top:1px solid var(--line);display:grid;gap:18px;grid-template-columns:1fr auto;padding:20px 0}.scope-list{display:flex;flex-wrap:wrap;gap:6px}.scope-list span{background:#edf1ed;border-radius:5px;color:#435048;font-family:ui-monospace,monospace;font-size:.72rem;padding:4px 7px}.empty-inline{background:#f7f9f7;border-radius:8px;color:var(--muted);padding:16px}.support-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(250px,.65fr) minmax(430px,1.35fr)}.support-sidebar,.feedback-flow{display:grid;gap:18px}.support-sidebar .panel{box-shadow:0 7px 22px #1f2b2408}.support-sidebar h3{font-size:.94rem;margin:24px 0 10px}.guidance-list,.link-list{color:var(--muted);line-height:1.55;margin:0;padding-left:20px}.guidance-list li+li,.link-list li+li{margin-top:9px}.link-list a,.support-sidebar a,.notice a{color:var(--green)}.feedback-form{display:grid;gap:10px}.feedback-form h2{margin-bottom:9px}.feedback-form label,.feedback-form legend{font-size:.86rem;font-weight:750}.feedback-form select,.feedback-form textarea,.feedback-form>input{background:#fff;border:1px solid #b8c3bb;border-radius:9px;padding:11px 12px;width:100%}.feedback-form textarea{line-height:1.5;resize:vertical}.feedback-form fieldset{border:1px solid var(--line);border-radius:10px;display:grid;gap:10px;margin:10px 0 0;padding:15px}.feedback-form fieldset>.muted{margin:0 0 4px}.check-row{align-items:start;display:flex!important;font-weight:500!important;gap:10px;margin:0!important}.check-row input{margin-top:3px}.check-row span{display:grid;gap:3px}.check-row small{color:var(--muted);overflow-wrap:anywhere}.privacy-note{border-top:1px solid var(--line);line-height:1.55;margin:10px 0 4px;padding-top:16px}.review-panel h2{margin-bottom:8px}.payload-preview{background:#16201b;border-radius:10px;color:#e9f4ed;font-size:.76rem;line-height:1.5;max-height:390px;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.consent-row{background:var(--green-light);border-radius:9px;margin-top:16px!important;padding:13px}.notice.success{background:var(--green-light);border:1px solid #bfddca;color:#124a34}.notice.warning{background:var(--amber-light);border:1px solid #ead2a7;color:#654415}.notice p:last-child{margin-bottom:0}.login-shell{align-items:center;background:radial-gradient(circle at 20% 10%,#e6f2e9,transparent 36%),#f4f6f2;display:flex;justify-content:center;min-height:100vh;padding:28px}.login-card{background:#fffffff5;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);max-width:470px;padding:44px;width:100%}.brand-mark{height:44px;margin-bottom:34px;width:44px}.login-card h1{font-size:2.3rem;letter-spacing:-.045em;line-height:1.08;margin:7px 0 16px}.login-card .button{margin-top:30px}.google-g{background:#fff;border-radius:50%;color:#315c48;display:inline-grid;margin-right:9px;place-items:center;width:22px;height:22px}.fine-print{font-size:.76rem;line-height:1.5;margin:18px 0 0;text-align:center}.auth-divider{align-items:center;color:var(--muted);display:flex;font-size:.8rem;gap:12px;margin:26px 0;text-transform:uppercase;letter-spacing:.06em}.auth-divider:before,.auth-divider:after{border-top:1px solid var(--line);content:"";flex:1}.auth-form{display:grid;gap:16px;margin-top:8px;text-align:left}.auth-form .button{margin-top:4px}.auth-form label{display:block;font-size:.86rem;font-weight:750;margin-bottom:7px}.auth-form input{background:#fff;border:1px solid #b8c3bb;border-radius:9px;min-height:44px;padding:10px 12px;width:100%}.auth-form .field-hint{color:var(--muted);font-size:.78rem;margin:7px 0 0}.auth-links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;margin:0}.linklike{background:none;border:0;color:var(--green);cursor:pointer;font-weight:700;padding:0;text-decoration:underline;text-underline-offset:3px}.fine-print .linklike{font-size:inherit;font-weight:700}.notice{border-radius:9px;margin:18px 0;padding:12px 14px}.notice.error{background:var(--danger-light);border:1px solid #efceca;color:#7e2020}.modal-backdrop{align-items:center;background:#1019148f;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.modal{background:#fff;border-radius:17px;box-shadow:0 24px 90px #00000038;max-width:470px;padding:28px;width:100%}.modal h2{margin:7px 0 12px}.modal p{color:var(--muted);line-height:1.55}.danger-text{color:var(--danger)}.connect-page{display:grid;gap:20px}.connect-page>.page-header,.connect-page>.notice{margin:0}.connect-page p,.connect-page li{line-height:1.6}.connect-page a{color:var(--green);text-underline-offset:3px}.connect-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.connect-steps a{background:var(--green-light);border:1px solid #bfddca;border-radius:9px;font-weight:700;padding:12px;text-align:center}.connect-step{min-width:0;scroll-margin-top:90px}.connect-step h2{font-size:1.4rem;margin:7px 0 18px}.connect-choice{border:1px solid var(--line);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px 20px;margin:20px 0;padding:16px}.connect-choice legend{font-weight:750;padding:0 6px}.connect-choice label{align-items:center;display:flex;gap:5px;min-height:30px}.connect-copy{border:1px solid var(--line);border-radius:10px;margin:18px 0;min-width:0;padding:12px}.connect-copy-heading{align-items:center;display:flex;font-size:.88rem;font-weight:700;gap:12px;justify-content:space-between}.connect-copy pre{background:#f2f5f2;border-radius:6px;font-size:.82rem;line-height:1.6;margin:12px 0 4px;max-width:100%;overflow:auto;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere}.connect-copy>[role=status]{display:block;min-height:1.4em}.connect-presence{background:#f6f8f5;border-radius:10px;margin-top:22px;padding:18px}.connect-presence ul{padding-left:20px}.connect-details{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.connect-details summary{cursor:pointer;font-weight:750;line-height:1.6}.connect-scopes>div,.connect-help>div{border-bottom:1px solid var(--line);padding:12px 0}.connect-scopes dt,.connect-help dt{font-weight:700;overflow-wrap:anywhere}.connect-scopes dd,.connect-help dd{color:var(--muted);line-height:1.6;margin:5px 0 0}.connect-table-scroll{margin-top:20px;max-width:100%;overflow-x:auto}.connect-table-scroll table{border-collapse:collapse;font-size:.88rem;width:100%}.connect-table-scroll caption{color:var(--muted);padding:8px;text-align:left}.connect-table-scroll th,.connect-table-scroll td{border:1px solid var(--line);line-height:1.55;padding:12px;text-align:left;vertical-align:top}.connect-table-scroll th{background:#f6f8f5}.usage-page{display:grid;gap:20px;min-width:0}.usage-page>.page-header,.usage-page>.notice{margin:0}.usage-page p{line-height:1.6}.usage-controls{align-items:end;display:flex;flex-wrap:wrap;gap:16px}.usage-controls label{display:grid;font-size:.88rem;font-weight:700;gap:8px}.usage-controls select{background:#fff;border:1px solid #b8c3bb;border-radius:8px;min-height:44px;padding:10px 14px}.usage-controls .muted{flex-basis:100%;margin:0}.usage-notice p{margin-bottom:0}.usage-metrics{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin:0}.usage-metrics dt{font-size:.88rem;font-weight:750}.usage-metrics dd{color:var(--green);font-size:2rem;font-weight:800;margin:12px 0}.usage-metrics p{color:var(--muted);font-size:.84rem;margin:0}.usage-page .panel{min-width:0}.usage-chart{display:block;height:180px;max-width:100%;width:100%}.usage-chart-labels{color:var(--muted);display:flex;font-size:.76rem;gap:12px;justify-content:space-between}.usage-table-scroll{margin-top:18px;max-width:100%;overflow-x:auto}.usage-table-scroll table{border-collapse:collapse;font-size:.84rem;width:100%}.usage-table-scroll caption{color:var(--muted);line-height:1.6;padding:10px 0;text-align:left}.usage-table-scroll th,.usage-table-scroll td{border:1px solid var(--line);line-height:1.5;padding:12px;text-align:right}.usage-table-scroll th{background:#f6f8f5}.usage-table-scroll th:first-child{text-align:left}.usage-table-scroll tbody th,.usage-table-scroll tbody td{white-space:nowrap}.usage-page details summary{cursor:pointer;font-weight:750}.usage-observation p{font-size:.88rem;margin:8px 0;overflow-wrap:anywhere}.public-shell .topbar nav{gap:2px}.public-content{display:grid;gap:28px}.public-content .panel{display:grid;gap:14px}.public-content .panel h2{margin:0}.public-content dl.details div{align-items:start}.public-footer{border-top:1px solid var(--line);margin:48px auto 0;max-width:1120px;padding:24px 32px 48px}.public-footer nav{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px}.public-footer .text-button{margin-top:0}.login-public-links{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center}@media(max-width:760px){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:1fr auto;padding:0 20px}.topbar nav{background:#fff;border-top:1px solid var(--line);bottom:0;display:grid;gap:0;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));left:0;position:fixed;right:0}.topbar nav button{border-radius:0;font-size:.78rem;min-height:48px;min-width:0;overflow-wrap:anywhere;padding:14px 6px}.content{padding:42px 18px 150px}.page-header{align-items:start;flex-direction:column}.device-card{align-items:start;grid-template-columns:auto 1fr}.device-card>.button{grid-column:1 / -1;width:100%}.settings-grid,.support-layout,.client-row{grid-template-columns:1fr}.login-card{padding:30px 24px}.connect-step{padding:20px 16px}.connect-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-table-scroll th,.connect-table-scroll td{padding:8px}.public-footer{padding:20px 18px 150px}}