@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap";:root{--primary: #5092e3;--primary-strong: #2f6ab5;--primary-tint: rgba(80, 146, 227, .08);--primary-ring: rgba(80, 146, 227, .22);--bg: #f6f9fc;--surface: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--border-soft: #e8edf3;--success: #1a9d5a;--success-bg: #e6f7ee;--danger: #dc2626;--danger-bg: #fef2f2;--warning: #b45309;--warning-bg: #fffbeb;--radius: 12px;--shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 4px 16px rgba(17, 24, 39, .04)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:Titillium Web,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary-strong);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:var(--bg);border:1px solid var(--border-soft);border-radius:6px;padding:1px 6px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar-inner{max-width:1080px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:17px}.brand:hover{text-decoration:none}.brand img{width:30px;height:30px}.brand small{color:var(--muted);font-weight:400;font-size:13px}.account{display:flex;align-items:center;gap:10px;min-width:0}.account-text{text-align:right;line-height:1.2;min-width:0}.account-text strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-text span{color:var(--muted);font-size:12px}.avatar{width:36px;height:36px;border-radius:50%;flex:none;background:linear-gradient(145deg,var(--primary),var(--primary-strong));color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}@media(max-width:600px){.topbar-inner{padding:0 16px}.brand small,.account-text{display:none}}.page{max-width:1080px;margin:0 auto;padding:32px 24px 64px}@media(max-width:600px){.page{padding:24px 16px 48px}.card{padding:18px}}.page-narrow{max-width:560px;margin:0 auto;padding:64px 24px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header h1{margin:0;font-size:26px;line-height:1.2}.page-header p{margin:4px 0 0;color:var(--muted)}.back-link{display:inline-block;margin-bottom:12px;color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card h2{margin:0 0 4px;font-size:19px}.card .lead{margin:0 0 20px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:8px;border:1px solid transparent;font:inherit;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.btn:hover{text-decoration:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-ring)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary-strong)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--primary-tint)}.btn-danger{background:var(--surface);color:var(--danger);border-color:#fecaca}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-danger-solid{background:var(--danger);color:#fff}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}.field{display:grid;gap:6px;margin-bottom:16px}.field label{font-weight:600;font-size:14px}.field .hint{color:var(--muted);font-size:13px}.input,.select,.textarea{width:100%;font:inherit;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.textarea{min-height:84px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.alert{border-radius:8px;padding:10px 14px;font-size:14px;margin:0 0 16px;border:1px solid}.alert-error{background:var(--danger-bg);color:#991b1b;border-color:#fecaca}.alert-success{background:var(--success-bg);color:#14683d;border-color:#bbe5cf}.alert-info{background:var(--primary-tint);color:var(--primary-strong);border-color:#cfe0f6}.alert-warning{background:var(--warning-bg);color:var(--warning);border-color:#fde68a}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill-ok{background:var(--success-bg);color:var(--success)}.pill-error{background:var(--danger-bg);color:var(--danger)}.pill-pending{background:#f1f3f5;color:var(--muted)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--primary-ring);border-top-color:var(--primary);animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.center-state{text-align:center;display:grid;justify-items:center;gap:12px}.center-state h2{margin:4px 0 0}.center-state p{margin:0;color:var(--muted)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.site-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.site-card{display:flex;flex-direction:column;gap:14px}.site-card-head{display:flex;align-items:flex-start;gap:12px}.site-icon{width:40px;height:40px;border-radius:10px;flex:none;background:var(--primary-tint);color:var(--primary-strong);display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase}.site-card-title{min-width:0}.site-card-title strong{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card-title span{display:block;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-list{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.status-row .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card-foot{display:flex;justify-content:flex-end;margin-top:auto}.empty{text-align:center;padding:56px 24px}.empty h2{margin:0 0 6px}.empty p{margin:0 auto 20px;color:var(--muted);max-width:420px}.setup{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}@media(max-width:760px){.setup{grid-template-columns:1fr}}.stepper{list-style:none;margin:0;padding:8px;display:grid;gap:2px}.step{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:8px}.step.current{background:var(--primary-tint)}.step-dot{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid var(--border);color:var(--muted);background:var(--surface)}.step.current .step-dot{border-color:var(--primary);color:var(--primary-strong)}.step.done .step-dot{border-color:var(--success);background:var(--success);color:#fff}.step.error .step-dot{border-color:var(--danger);background:var(--danger);color:#fff}.step-text strong{display:block;font-size:14px}.step-text span{display:block;color:var(--muted);font-size:12px}.instructions{margin:0 0 20px;padding-left:20px;display:grid;gap:6px}.instructions li::marker{color:var(--primary-strong);font-weight:700}.scope-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.scope{background:var(--bg);border:1px solid var(--border-soft);border-radius:6px;padding:1px 8px;font-size:13px;font-weight:600}.connected-box{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--success-bg);border:1px solid #bbe5cf;border-radius:8px;padding:12px 14px}.connected-box strong{color:#14683d}.property-list{display:grid;gap:8px;margin-bottom:4px}.property{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:10px 12px;transition:border-color .15s,background .15s}.property:hover{border-color:var(--primary)}.property.selected{border-color:var(--primary);background:var(--primary-tint)}.property input{accent-color:var(--primary);margin:0}.property .mono{flex:1;overflow:hidden;text-overflow:ellipsis}.danger-zone{margin-top:24px;border-color:#fecaca}.danger-zone h2{font-size:16px}