:root,[data-theme=light]{--color-bg:#f4f7f5;--color-surface:#fff;--color-surface-2:#eef3f2;--color-surface-offset:#e4ece9;--color-border:#cfdbd8;--color-text:#182325;--color-muted:#617173;--color-faint:#8a9a9c;--color-primary:#276f86;--color-primary-hover:#1c596c;--color-success:#33764b;--color-warning:#ad7a16;--color-error:#b33a3a;--color-copper:#9b5d2e;--shadow:0 18px 45px #1f38391c;--font-display:"Cabinet Grotesk", "Inter", sans-serif;--font-body:"Satoshi", "Inter", sans-serif;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--transition:.18s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--color-bg:#121819;--color-surface:#1a2224;--color-surface-2:#202b2d;--color-surface-offset:#293638;--color-border:#344547;--color-text:#eef4f0;--color-muted:#a9b8b7;--color-faint:#778889;--color-primary:#73b6ca;--color-primary-hover:#9bd2e1;--color-success:#79b778;--color-warning:#e3bb59;--color-error:#e47a74;--color-copper:#d39a6b;--shadow:0 20px 50px #00000052}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.skip-link{top:var(--space-3);left:var(--space-3);z-index:100;position:fixed;transform:translateY(-150%)}.skip-link:focus{transform:none}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{height:100dvh;padding:var(--space-5);background:var(--color-surface);border-right:1px solid var(--color-border);gap:var(--space-6);flex-direction:column;display:flex;position:sticky;top:0}.brand,.app-id,.topbar,.topbar-actions,.nav-item,.env-row,.card-actions,.drawer-actions,.status-chip,.setup-prompt,.primary-button,.secondary-button,.danger-button,.icon-button,.check-row{align-items:center;display:flex}.brand{gap:var(--space-3);font-family:var(--font-display);font-weight:700}.brand-mark{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;place-items:center;width:38px;height:38px;display:grid}.nav-item{gap:var(--space-3);width:100%;min-height:46px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-muted);text-align:left;background:0 0;border:0}.nav-item.active,.nav-item:hover{background:var(--color-surface-2);color:var(--color-text)}.badge,.unread-badge{background:var(--color-error);color:#fff;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:999px;margin-left:auto}.sidebar-foot{color:var(--color-faint);font-size:var(--text-xs);gap:var(--space-2);margin-top:auto;display:flex}.workspace{padding:var(--space-8);min-width:0}.topbar{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.topbar h1,.modal h2,.drawer h2,.panel h2,.empty-state h2{font-family:var(--font-display);font-size:var(--text-xl);margin:0;line-height:1.1}.eyebrow,.meta,.muted,small{color:var(--color-muted);font-size:var(--text-xs)}.dashboard-toolbar,.filters{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.search-box{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);flex:320px;min-height:48px;display:flex}.search-box input,.field input,.field textarea,.field select,.dashboard-toolbar select,.filters select,.filters input{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);width:100%;padding:var(--space-3)}.search-box input{border:0;padding-inline:0}.field input:disabled,.field textarea:disabled,.field select:disabled{background:var(--color-surface-2);color:var(--color-muted);cursor:not-allowed}.primary-button,.secondary-button,.danger-button,.icon-button{border-radius:var(--radius-md);gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid #0000;justify-content:center}.primary-button{background:var(--color-primary);color:#fff}.primary-button:hover{background:var(--color-primary-hover)}.secondary-button,.icon-button{background:var(--color-surface);border-color:var(--color-border)}.danger-button{background:var(--color-error);color:#fff}.icon-button{width:44px;padding:0}.app-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(310px,1fr));display:grid}.promo-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.app-card,.promo-card,.panel,.metric,.check-card,.feedback-item,.modal,.drawer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.app-card{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.promo-card{padding:var(--space-5);gap:var(--space-4);display:grid}.profile-card{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);padding:var(--space-4);display:grid}.profile-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.profile-head h3{margin:0}.profile-head p{margin:var(--space-1) 0 0;color:var(--color-muted)}.profile-status-stack{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.connect-test-note{color:var(--color-muted);font-size:.9rem}.connect-test-note.green{color:var(--color-success)}.connect-test-note.red,.connect-test-note.error{color:var(--color-error)}.secret-box{gap:var(--space-2);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-warning) 13%, var(--color-surface));padding:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.secret-box b,.secret-box code{overflow-wrap:anywhere}.origin-editor{gap:var(--space-2);display:grid}.origin-editor textarea{resize:vertical;min-height:110px}.origin-editor-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.save-note{color:var(--color-muted);font-size:.9rem}.save-note.error{color:var(--color-error)}.app-card-head,.promo-head{justify-content:space-between;gap:var(--space-3);display:flex}.promo-head h2{font-size:var(--text-lg);margin:0}.promo-head p{margin:var(--space-1) 0 0;color:var(--color-muted)}.app-id{gap:var(--space-3)}.app-dot{border-radius:var(--radius-sm);flex:none;width:34px;height:34px}.app-card h2,.feedback-item h2,.check-card h3{font-size:var(--text-lg);margin:0}.connect-badge{background:var(--color-success);color:#fff;width:21px;height:21px;font-family:var(--font-body);vertical-align:.12em;border-radius:999px;place-items:center;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid}.connect-badge.green{background:var(--color-success)}.connect-badge.red{background:var(--color-error)}.connect-badge.small{width:17px;height:17px;font-size:.62rem}.app-id-inline{color:var(--color-faint);font-family:var(--font-body);font-size:var(--text-xs);white-space:nowrap;font-weight:500}.app-card p,.feedback-item p,.check-card p,.empty-state p,.guide p{margin:var(--space-1) 0 0;color:var(--color-muted)}.tag-row,.env-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag,.type-pill{border:1px solid var(--color-border);background:var(--color-surface-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:999px}.env-pill,.env-add{border:1px solid var(--color-border);min-height:38px;padding:0 var(--space-2) 0 var(--space-3);gap:var(--space-2);background:var(--color-surface-2);border-radius:999px;align-items:center;display:inline-flex}.env-pill:before{content:"";background:var(--color-faint);border-radius:999px;width:9px;height:9px}.env-pill.green:before{background:var(--color-success)}.env-pill.red:before{background:var(--color-error)}.env-pill.yellow:before{background:var(--color-warning)}.env-main{align-items:center;gap:var(--space-2);background:0 0;border:0;min-height:36px;padding:0;display:inline-flex}.env-open{background:0 0;border:0;border-radius:999px;place-items:center;min-width:26px;min-height:26px;display:grid}.env-open:hover{background:var(--color-surface)}.promo-meta-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.promo-meta-grid>div{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);padding:var(--space-3);min-width:0;display:grid}.promo-meta-grid span{color:var(--color-muted);font-size:var(--text-xs)}.promo-meta-grid b{overflow-wrap:anywhere}.promo-token-list,.flag-list{gap:var(--space-2);display:grid}.promo-token{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--color-surface-2);grid-template-columns:minmax(128px,auto) minmax(0,1fr) auto;display:grid}.token-label,.id-label,.field-label,.action-with-help,.secret-box b{align-items:center;gap:var(--space-2);display:inline-flex}.token-label{color:var(--color-muted);font-size:var(--text-xs);min-width:0}.promo-token code{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);overflow:hidden}.qr-row{gap:var(--space-4);grid-template-columns:128px minmax(0,1fr);align-items:center;display:grid}.qr-row img{border:1px solid var(--color-border);border-radius:var(--radius-md);width:128px;height:128px;padding:var(--space-2);background:#fff}.flag-list span{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-xs);display:flex}.card-actions{gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.card-actions button,.danger-link{color:var(--color-primary);background:0 0;border:0;min-height:36px}.danger-link{color:var(--color-error)}.modal-backdrop{z-index:50;padding:var(--space-4);background:#09101285;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(620px,100%);max-height:calc(100dvh - 40px);padding:var(--space-5);overflow:auto}.modal.wide{width:min(860px,100%)}.modal-head,.drawer-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.form-stack{gap:var(--space-4);display:grid}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.checkbox-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.checkbox-grid label{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);min-height:38px;padding:0 var(--space-3);font-size:var(--text-sm);display:inline-flex}.field{gap:var(--space-2);font-size:var(--text-sm);display:grid}.field-label{color:var(--color-muted);width:fit-content}.help-trigger{border:1px solid var(--color-border);background:var(--color-surface);width:18px;height:18px;min-height:18px;color:var(--color-muted);border-radius:999px;flex:none;place-items:center;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-grid}.help-trigger:hover,.help-trigger.active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface))}.card-actions .help-trigger{border:1px solid var(--color-border);background:var(--color-surface);width:18px;min-height:18px;color:var(--color-muted)}.help-tooltip{z-index:200;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow);padding:var(--space-3);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.35;position:fixed}.help-tooltip b{color:var(--color-text)}.help-tooltip code{font-size:.9em}textarea{resize:vertical;min-height:96px}.color-picker{gap:var(--space-3);display:grid}.selected-color{gap:var(--space-2);grid-template-columns:44px 44px minmax(0,1fr);align-items:center;display:grid}.selected-swatch,.color-native{border-radius:var(--radius-md);border:1px solid var(--color-border);width:44px;height:44px}.selected-swatch{box-shadow:inset 0 0 0 2px #ffffff47}.color-native{background:0 0;padding:0;overflow:hidden}.color-native::-webkit-color-swatch-wrapper{padding:0}.color-native::-webkit-color-swatch{border-radius:calc(var(--radius-md) - 1px);border:0}.selected-color code{min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-muted);font-size:var(--text-xs);align-items:center;display:flex}.color-swatches{gap:var(--space-2);grid-template-columns:repeat(8,24px);display:grid}.color-swatch{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--color-border) 80%, black 20%);width:24px;height:24px;padding:0;box-shadow:inset 0 0 0 1px #fff3}.color-swatch.selected{outline:2px solid var(--color-primary);outline-offset:2px}.color-swatch.used:not(.selected){opacity:.45}.check-row{gap:var(--space-2)}.drawer{right:var(--space-4);top:var(--space-4);bottom:var(--space-4);z-index:40;width:min(620px,100vw - 32px);padding:var(--space-5);position:fixed;overflow:auto}.drawer-actions{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap}.check-list,.inbox-list{gap:var(--space-4);display:grid}.check-card{padding:var(--space-4);gap:var(--space-3);display:grid}.sparkline{width:100%;height:38px;color:var(--color-primary)}.sparkline.empty{background:var(--color-surface-2);border-radius:var(--radius-sm)}.sparkline .ok{fill:var(--color-success)}.sparkline .bad{fill:var(--color-error)}.status-chip{gap:var(--space-2);width:fit-content;padding:var(--space-1) var(--space-3);background:var(--color-surface-2);border-radius:999px}.status-chip.green{color:var(--color-success)}.status-chip.red{color:var(--color-error)}.status-chip.yellow{color:var(--color-warning)}.status-chip.gray{color:var(--color-muted)}.endpoint-form{margin-top:var(--space-6);gap:var(--space-3);display:grid}.snippet{white-space:pre-wrap;word-break:break-all;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.guide{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.segmented{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.segmented button{border-radius:var(--radius-sm);min-height:38px;padding:0 var(--space-3);background:0 0;border:0}.segmented .active{background:var(--color-surface-2)}.status-filter{gap:var(--space-2);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.status-filter button{border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-muted);padding:0 var(--space-3);border-radius:999px}.status-filter button.active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 13%, var(--color-surface));color:var(--color-text)}.setup-prompt,.inline-error{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-warning) 13%, transparent);color:var(--color-text);margin-bottom:var(--space-4)}.inline-error{background:color-mix(in srgb, var(--color-error) 13%, transparent);display:flex}.panel{padding:var(--space-5)}.feedback-item{padding:var(--space-4);gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.feedback-item.unread{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))}.feedback-main h2 span{color:var(--color-muted);font-size:var(--text-sm)}.feedback-main h3{margin:var(--space-1) 0 0;font-size:var(--text-md)}.type-pill.feature{color:var(--color-primary)}.type-pill.bug{color:var(--color-error)}.type-pill.support{color:var(--color-copper)}.type-pill.feedback{color:var(--color-success)}.feedback-actions{gap:var(--space-2);align-content:start;display:grid}.feedback-details{border-top:1px solid var(--color-border);padding-top:var(--space-4);gap:var(--space-4);grid-column:1/-1;display:grid}dl{gap:var(--space-2) var(--space-4);grid-template-columns:120px minmax(0,1fr);display:grid}dt{color:var(--color-muted)}dd{overflow-wrap:anywhere;min-width:0;margin:0}pre{margin:0;overflow:auto}.metric-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.metric{padding:var(--space-4);gap:var(--space-2);display:grid}.metric span{color:var(--color-muted);font-size:var(--text-xs)}.metric strong{font-family:var(--font-display);font-size:var(--text-lg)}.chart-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:360px;padding:var(--space-4);margin-bottom:var(--space-4)}.analytics-columns,.settings-layout{gap:var(--space-4);grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);display:grid}table td{border-bottom:1px solid var(--color-border);padding:var(--space-3)}table td:last-child{text-align:right;color:var(--color-muted)}.error-row,.event-row{gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:grid}.danger-zone{align-self:start;gap:var(--space-3);display:grid}.empty-state{text-align:center;min-height:360px;color:var(--color-muted);align-content:center;place-items:center;gap:var(--space-3);display:grid}.skeleton-card div{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-2), var(--color-surface-offset), var(--color-surface-2));background-size:200% 100%;min-height:30px;animation:1.4s infinite shimmer}.skeleton-card div:first-child{width:70%}.auth-screen{min-height:100dvh;padding:var(--space-6);place-items:center;display:grid}.auth-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:var(--shadow);padding:var(--space-6)}.auth-brand{margin-bottom:var(--space-6)}.auth-panel h1{font-family:var(--font-display);font-size:var(--text-xl);margin:0}.user-chip,.copy-inline,.button-row,.mini-actions,.panel-head,.id-grid>div,.health-strip,.history-row,.notification-row{align-items:center;display:flex}.user-chip{gap:var(--space-2);color:var(--color-muted);font-size:var(--text-xs);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:999px}.copy-inline{gap:var(--space-1);border:1px solid var(--color-border);background:var(--color-surface);min-height:26px;padding:0 var(--space-2);color:var(--color-muted);vertical-align:middle;border-radius:999px;display:inline-flex}.copy-inline.small{justify-content:center;min-width:26px;padding:0}.button-row,.mini-actions{gap:var(--space-2);flex-wrap:wrap}.id-grid,.guide-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.id-grid>div{justify-content:space-between;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);padding:var(--space-3)}.id-grid span{color:var(--color-muted);font-size:var(--text-xs)}.guide{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-2)}.guide h3,.endpoint-form h3,.history-panel h3,.panel h3{margin:0 0 var(--space-2);font-size:var(--text-base)}.guide pre{white-space:pre-wrap;font-size:var(--text-xs)}.endpoint-edit,.compact-form{gap:var(--space-3);grid-column:1/-1;display:grid}.history-panel{margin-bottom:var(--space-4)}.panel-head{justify-content:space-between;gap:var(--space-3)}.history-list,.notification-list{gap:var(--space-2);display:grid}.history-row,.notification-row{gap:var(--space-2);border-bottom:1px solid var(--color-border);padding:var(--space-2) 0;justify-content:space-between}.notification-row.unread{color:var(--color-primary)}.dot{background:var(--color-faint);border-radius:999px;width:9px;height:9px}.dot.green{background:var(--color-success)}.dot.red{background:var(--color-error)}.settings-wide{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.token-once{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));display:grid}.health-strip{justify-content:space-between;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-2)}.success-message{color:var(--color-success);margin:0}.self-end{align-self:end}.secondary-button.disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.48;pointer-events:none}@keyframes shimmer{to{background-position:-200% 0}}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding:var(--space-3)}.brand span,.nav-item span,.sidebar-foot span{display:none}.workspace{padding:var(--space-4)}.metric-grid,.analytics-columns,.settings-layout,.form-grid,.qr-row,.feedback-item{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}