:root{--canvas:#ffffff;--ink:#111111;--body:#374151;--muted:#6b7280;--muted-soft:#898989;--hairline:#e5e7eb;--hairline-soft:#f3f4f6;--surface-soft:#f8f9fa;--surface-card:#f5f5f5;--surface-strong:#e5e7eb;--primary:#111111;--primary-active:#242424;--on-primary:#ffffff;--success:#10b981;--warning:#f59e0b;--error:#ef4444}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.shell,.sidebar{background:var(--canvas)}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;border-right:1px solid var(--hairline);padding:20px 16px}.brand{display:flex;align-items:center;gap:12px;min-height:44px}.brand strong{display:block;font-size:15px;font-weight:650;line-height:1.3}.logo-slot{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border:1px dashed var(--surface-strong);border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:600}.nav{display:grid;grid-gap:4px;gap:4px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:10px;min-height:38px;border:1px solid transparent;border-radius:999px;padding:0 12px;color:var(--muted);font-size:14px;font-weight:500}.nav-item.active{border-color:var(--hairline);background:var(--surface-soft);color:var(--ink)}.nav-item:hover{color:var(--ink)}.nav-item.disabled{cursor:not-allowed;opacity:.62}.nav-item.disabled,.nav-item.disabled:hover{color:var(--muted-soft)}.content{min-width:0;width:100%;max-width:1180px;padding:32px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.login-panel h1,.topbar h1{margin:0;color:var(--ink);font-family:Cal Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:36px;font-weight:650;letter-spacing:0;line-height:1.15}.panel p,.topbar p{margin:6px 0 0}.panel h2,.panel h3{margin:0;color:var(--ink);font-size:18px;font-weight:650;letter-spacing:0;line-height:1.35}.muted{color:var(--muted)}.panel{border:1px solid var(--hairline);border-radius:12px;background:var(--surface-card);padding:20px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.section-gap{height:16px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);grid-gap:16px;gap:16px;align-items:start}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);grid-gap:20px;gap:20px;align-items:center;background:var(--canvas)}.account-summary{display:grid;grid-gap:10px;gap:10px}.summary-item{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--hairline);border-radius:10px;background:var(--surface-soft);padding:10px}.summary-item svg{width:28px;height:28px;color:var(--muted)}.summary-item span,.summary-item strong{display:block}.status-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;border:1px solid var(--hairline);border-radius:999px;background:var(--surface-soft);color:var(--body);padding:0 12px;font-weight:650;white-space:nowrap}.status-pill.connected{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.stack{display:grid;grid-gap:12px;gap:12px}.row{display:flex;align-items:center;gap:10px;min-width:0}.button{gap:8px;min-height:40px;color:var(--ink);padding:0 14px;cursor:pointer;font-size:14px;font-weight:650;line-height:1;white-space:nowrap}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hairline);border-radius:8px;background:var(--canvas)}.icon-button{width:34px;height:34px;color:var(--body)}.textarea{width:100%;min-height:150px;resize:vertical;border:1px solid var(--hairline);border-radius:8px;background:var(--canvas);color:var(--ink);padding:10px 12px}.code-textarea{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.button:hover{border-color:var(--surface-strong);background:var(--surface-soft)}.button.primary{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.button.primary:hover{border-color:var(--primary-active);background:var(--primary-active)}.input{width:100%;min-height:40px;border:1px solid var(--hairline);border-radius:8px;background:var(--canvas);color:var(--ink);padding:10px 12px;outline:none}.input:focus{border-color:var(--primary)}.timezone-select{position:relative;width:100%;min-width:0}.timezone-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;border:1px solid var(--hairline);border-radius:10px;background:var(--canvas);color:var(--ink);padding:10px 12px;text-align:left;cursor:pointer}.timezone-trigger:focus-visible,.timezone-trigger:hover{border-color:var(--primary);outline:none}.timezone-trigger span{display:grid;grid-gap:2px;gap:2px;min-width:0}.timezone-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;display:grid;grid-gap:4px;gap:4px;max-height:320px;overflow:auto;border:1px solid var(--hairline);border-radius:12px;background:var(--canvas);padding:6px}.timezone-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);padding:10px;text-align:left;cursor:pointer}.timezone-option:focus-visible,.timezone-option:hover,.timezone-option[aria-selected=true]{border-color:var(--hairline);background:var(--surface-soft);outline:none}.timezone-option span:first-child{display:grid;grid-gap:2px;gap:2px}.timezone-time{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--hairline);padding:12px 8px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:13px;font-weight:650}.table tr:last-child td{border-bottom:0}.notice{border:1px solid var(--hairline);border-radius:10px;padding:10px 12px}.notice,.toast{background:var(--canvas);color:var(--body)}.toast{position:fixed;top:18px;right:18px;z-index:30;min-width:280px;max-width:min(420px,calc(100vw - 36px));border:1px solid var(--hairline);border-radius:12px;padding:12px 14px}.toast.success{border-color:color-mix(in srgb,var(--accent) 28%,var(--hairline));background:color-mix(in srgb,var(--accent-soft) 70%,var(--canvas))}.integration-list{display:grid;grid-gap:8px;gap:8px}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.app-card,.integration-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border:1px solid var(--hairline);border-radius:10px;background:var(--canvas);padding:12px}.app-card{grid-template-columns:48px minmax(0,1fr);align-items:start}.app-card .integration-status{grid-column:2;justify-self:start}.app-logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--hairline);border-radius:12px;background:var(--canvas)}.app-logo svg{display:block;width:30px;height:30px}.integration-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface-soft);font-size:15px}.integration-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.integration-copy strong{color:var(--ink);font-size:14px;font-weight:650}.integration-copy span{overflow-wrap:anywhere}.integration-status{justify-self:end;border:1px solid var(--hairline);border-radius:999px;padding:4px 10px;color:var(--muted);background:var(--surface-soft);font-size:13px;font-weight:650;line-height:1.3;white-space:nowrap}.integration-status.connected{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.integration-status.pending{border-color:#fde68a;background:#fffbeb;color:#92400e}.integration-status.disabled{background:var(--surface-soft);color:var(--muted)}.integration-status.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.ability-list{display:grid;grid-gap:8px;gap:8px}.ability-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border:1px solid var(--hairline);border-radius:10px;background:var(--canvas);padding:12px}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--muted-soft);justify-self:center}.status-dot.connected{background:var(--success)}.status-dot.pending{background:var(--warning)}.status-dot.disabled{background:var(--surface-strong)}.status-dot.error{background:var(--error)}.ability-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.ability-icon svg{width:28px;height:28px}.login-shell{display:grid;min-height:100vh;place-items:center;padding:32px 20px;background:var(--canvas)}.login-panel{width:min(100%,440px);background:var(--surface-card)}.login-panel .logo-slot{width:48px;height:48px}.login-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;border-radius:999px;background:var(--surface-soft);padding:6px}.login-steps span{display:flex;align-items:center;justify-content:center;min-height:30px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:650}.login-steps span.active{background:var(--canvas);color:var(--ink)}.field-label{color:var(--body);font-size:13px;font-weight:650}@media (max-width:960px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--hairline)}.nav{grid-template-columns:repeat(5,minmax(max-content,1fr));overflow-x:auto;padding-bottom:2px}.content{max-width:none;padding:24px 16px}}@media (max-width:760px){.panel-header,.topbar{display:grid;align-items:stretch}.app-grid,.dashboard-grid,.hero-panel{grid-template-columns:1fr}.row{align-items:stretch;flex-direction:column}.button{width:100%}.ability-row,.integration-row{grid-template-columns:36px minmax(0,1fr)}.ability-row .integration-status,.integration-status{grid-column:2;justify-self:start}}@media (max-width:520px){.login-panel h1,.topbar h1{font-size:30px}.nav{grid-template-columns:repeat(5,max-content)}.table{display:block;overflow-x:auto;white-space:nowrap}}