:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#121317;color:#e3e2e7;--background: #121317;--surface-lowest: #0d0e12;--surface-low: #1a1b1f;--surface: #1e1f23;--surface-high: #292a2e;--surface-highest: #343539;--primary: #00e5ff;--primary-dim: #00daf3;--primary-soft: rgba(0, 229, 255, .1);--text: #e3e2e7;--text-muted: #bac9cc;--outline: #849396;--outline-variant: #3b494c;--danger: #ffb4ae;--success: #a7f3d0}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh}body{margin:0;background:linear-gradient(180deg,rgba(0,229,255,.06),transparent 280px),var(--background)}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--outline-variant);background:#0d0e12f5}.brand{color:var(--text);font-size:26px;font-weight:800;letter-spacing:0}.brand-status{display:inline-flex;margin-top:10px;border:1px solid rgba(0,229,255,.28);border-radius:999px;padding:7px 10px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700}.nav-menu{display:grid;gap:8px;margin-top:34px}.nav-item{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;width:100%;min-height:46px;border:1px solid transparent;border-radius:8px;padding:7px 10px;background:transparent;color:var(--text-muted);cursor:pointer;text-align:left}.nav-item:hover,.nav-item.is-active{border-color:#00e5ff3d;background:var(--primary-soft);color:var(--text)}.nav-icon{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid var(--outline-variant);border-radius:7px;color:var(--primary);font-size:12px;font-weight:800}.main{min-width:0;padding:24px}.page-stack{display:grid;gap:20px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--outline-variant);padding-bottom:20px}.kicker{display:block;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-header h1{margin:8px 0 0;color:var(--text);font-size:34px;line-height:1;font-weight:800;letter-spacing:0}.page-header p{max-width:720px;margin:10px 0 0;color:var(--text-muted);line-height:1.55}.tab-bar{display:inline-flex;width:fit-content;border:1px solid var(--outline-variant);border-radius:8px;padding:4px;background:var(--surface-lowest)}.tab-button{min-width:132px;min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-weight:800}.tab-button:hover,.tab-button.is-active{background:var(--primary-soft);color:var(--primary)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.notification-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card,.panel,.form-card,.category-card,.style-card{border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface)}.metric-card{min-height:130px;padding:16px;text-align:left}.clickable-card,.clickable-panel{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left}.clickable-card:hover,.clickable-panel:hover{border-color:#00e5ff80;background:#20252a}.metric-label,.stat-label{display:block;color:var(--text-muted);font-size:13px}.metric-value,.stat-value{display:block;margin-top:12px;color:var(--text);font-size:30px;line-height:1;font-weight:800}.metric-delta{display:inline-flex;margin-top:14px;border-radius:999px;padding:5px 8px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700}.dashboard-grid,.split-layout,.section-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px}.panel,.form-card{padding:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-header h2,.section-title{margin:0;color:var(--text);font-size:20px;line-height:1.2;font-weight:800;letter-spacing:0}.panel-header-actions{display:flex;align-items:center;gap:12px}.currency-preview{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;font-weight:700}.currency-preview select{min-height:32px;border:1px solid var(--outline-variant);border-radius:8px;padding:4px 8px;background:var(--surface-high);color:var(--text);font-size:13px;font-weight:700}.panel-chip{border:1px solid rgba(0,229,255,.24);border-radius:999px;padding:6px 9px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700;white-space:nowrap}.bar-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;height:250px;padding-top:10px}.bar-column{display:grid;grid-template-rows:1fr auto;gap:9px;color:var(--text-muted);font-size:12px;text-align:center}.bar-track{display:flex;align-items:flex-end;min-height:0;border:1px solid rgba(132,147,150,.2);border-radius:8px;padding:5px;background:var(--surface-lowest)}.bar-fill{position:relative;width:100%;min-height:10px;border-radius:6px;background:linear-gradient(180deg,var(--primary),var(--primary-dim));box-shadow:0 0 18px #00e5ff3d}.bar-value{position:absolute;top:8px;right:0;left:0;color:var(--surface-lowest);font-size:12px;font-weight:900}.category-analytics-list{display:grid;gap:10px}.category-analytics-row,.analytics-detail-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(132,147,150,.18);border-radius:8px;padding:14px;background:var(--surface-low)}.category-analytics-row span,.analytics-detail-row span{color:var(--text)}.category-analytics-row strong,.analytics-detail-row strong{color:var(--primary)}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analytics-page>section{animation:analytics-rise .5s cubic-bezier(.22,1,.36,1) both}.analytics-page>section:nth-child(2){animation-delay:.05s}.analytics-page>section:nth-child(3){animation-delay:.12s}.analytics-page>section:nth-child(4){animation-delay:.19s}.analytics-page>section:nth-child(5){animation-delay:.26s}.analytics-page>section:nth-child(6){animation-delay:.33s}@keyframes analytics-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.analytics-page>section{animation:none}}.service-rank-list{display:grid;gap:12px}.service-rank-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.service-rank-number{color:var(--outline);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.service-rank-main{display:grid;gap:6px;min-width:0}.service-rank-title{display:flex;align-items:baseline;gap:8px;min-width:0}.service-rank-title span{color:var(--text);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-rank-title small{color:var(--text-muted);font-size:12px;white-space:nowrap}.service-rank-track{height:6px;border-radius:999px;background:var(--surface-lowest);overflow:hidden}.service-rank-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-dim),var(--primary));box-shadow:0 0 10px #00e5ff4d}.service-rank-figures{display:grid;justify-items:end;gap:4px}.service-rank-figures strong{color:var(--text);font-variant-numeric:tabular-nums}.service-rank-figures .metric-delta{margin-top:0}.engagement-list{display:grid;gap:14px}.engagement-row{display:grid;gap:6px}.engagement-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.engagement-heading span{color:var(--text);font-weight:700}.engagement-heading strong{color:var(--primary);font-variant-numeric:tabular-nums}.engagement-track{height:8px;border-radius:999px;background:var(--surface-lowest);border:1px solid rgba(132,147,150,.18);overflow:hidden}.engagement-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(0,229,255,.45),var(--primary))}.engagement-row small{color:var(--text-muted);font-size:12px}.provider-health-list{display:grid;gap:10px}.provider-health-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;border:1px solid rgba(132,147,150,.18);border-radius:8px;padding:12px 14px;background:var(--surface-low)}.provider-health-name{display:grid;gap:2px;min-width:0}.provider-health-name span{color:var(--text);font-weight:700}.provider-health-name small{color:var(--text-muted);font-size:12px}.provider-health-latency{color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums}.provider-health-rate{font-variant-numeric:tabular-nums}.provider-health-rate.is-good{color:var(--success)}.provider-health-rate.is-fair{color:var(--primary)}.provider-health-rate.is-poor{color:var(--danger)}.economy-bar{display:flex;height:12px;border-radius:999px;background:var(--surface-lowest);border:1px solid rgba(132,147,150,.18);overflow:hidden;margin-bottom:16px}.economy-bar-segment.tone-consumed{background:linear-gradient(90deg,var(--primary-dim),var(--primary))}.economy-bar-segment.tone-refunded{background:var(--danger)}.economy-bar-segment.tone-unspent{background:var(--surface-highest)}.economy-list{display:grid;gap:10px}.economy-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.economy-dot{width:10px;height:10px;border-radius:999px;background:var(--outline-variant)}.economy-dot.tone-purchased{background:var(--text)}.economy-dot.tone-consumed{background:var(--primary)}.economy-dot.tone-refunded{background:var(--danger)}.economy-dot.tone-unspent{background:var(--surface-highest);border:1px solid var(--outline)}.economy-label{color:var(--text-muted)}.economy-row strong{color:var(--text);font-variant-numeric:tabular-nums}.insight-card{border:1px solid var(--outline-variant);border-radius:8px;padding:16px;background:var(--surface);text-align:left}.insight-caption{display:block;margin-top:12px;color:var(--text-muted);font-size:13px;line-height:1.4}.analytics-modal{width:min(680px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;border:1px solid var(--outline-variant);border-radius:14px;padding:22px;background:var(--surface);box-shadow:0 24px 80px #0000007a}.analytics-detail-list{display:grid;gap:10px;margin-top:16px}.category-breakdown-list{display:grid;gap:16px;margin-top:18px}.category-breakdown-group{overflow:hidden;border:1px solid rgba(0,229,255,.22);border-radius:14px;background:var(--surface-lowest)}.category-breakdown-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(90deg,rgba(0,229,255,.12),transparent),var(--surface-high)}.category-breakdown-label{display:block;margin-bottom:6px;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.category-breakdown-header h3{margin:0;color:var(--text);font-size:22px;line-height:1.1;font-weight:900}.category-breakdown-header strong{color:var(--primary);font-size:28px;font-weight:900}.style-breakdown-list{display:grid;gap:1px;padding:10px}.style-breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:16px;border-radius:10px;padding:12px 14px 13px 28px;background:var(--surface-low)}.style-breakdown-row span{color:var(--text-muted);font-size:15px;font-weight:700}.style-breakdown-row strong{justify-self:end;color:var(--text);font-size:18px}.style-breakdown-track{overflow:hidden;height:6px;margin-top:9px;border-radius:999px;background:var(--surface-highest)}.style-breakdown-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-dim));box-shadow:0 0 14px #00e5ff3d}.queue-list,.category-list,.style-list,.pricing-list,.toggle-list,.user-list,.photo-list{display:grid;gap:10px}.queue-row,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(132,147,150,.18);border-radius:8px;padding:14px;background:var(--surface-low)}.queue-row span,.toggle-row span{color:var(--text)}.queue-row strong{color:var(--primary);font-size:13px}.user-management{display:grid;gap:16px}.user-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:14px}.search-field input{min-height:46px}.user-table-panel{overflow:hidden;padding:0}.user-table{display:grid;overflow:visible}.user-table-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(260px,1.3fr) 110px 110px 150px 82px;align-items:center;gap:12px;width:100%;min-width:900px;border:0;border-bottom:1px solid rgba(132,147,150,.18);padding:14px 16px;background:var(--surface-low);color:inherit;text-align:left}.user-table-head{background:var(--surface);color:var(--text);cursor:default;font-size:13px;font-weight:800}.user-table-row[tabindex]{cursor:pointer}.user-table-row[tabindex]:hover,.user-table-row.is-selected{background:#20252a}.user-table-row.is-selected{box-shadow:inset 3px 0 0 var(--primary)}.table-user-cell{display:flex;align-items:center;gap:10px;min-width:0}.table-user-cell strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.user-table-row>span{overflow:hidden;color:var(--text-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.user-avatar{display:inline-flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border:1px solid rgba(132,147,150,.22);border-radius:999px;background:var(--surface-high);color:var(--text);font-size:12px;font-weight:800}.actions-cell{position:relative;display:flex!important;justify-content:flex-end;overflow:visible!important}.kebab-button{width:36px;height:36px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:18px;font-weight:800;letter-spacing:1px}.kebab-button:hover,.kebab-button[aria-expanded=true]{border-color:#00e5ff3d;background:var(--primary-soft);color:var(--primary)}.user-actions-menu{position:absolute;top:42px;right:0;z-index:5;display:grid;width:210px;overflow:hidden;border:1px solid var(--outline-variant);border-radius:10px;background:var(--surface-high);box-shadow:0 18px 50px #0000005c}.user-actions-menu button{min-height:42px;border:0;padding:10px 14px;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-weight:700}.user-actions-menu button:hover{background:var(--surface-highest)}.user-actions-menu .danger-menu-item{color:var(--danger)}.menu-divider{height:1px;background:var(--outline-variant)}.table-footer{display:flex;justify-content:flex-end;gap:18px;padding:12px 16px;background:var(--surface);color:var(--text-muted);font-size:13px}.user-detail-header{align-items:flex-start}.user-detail-header p{margin:6px 0 0;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#00000094;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.user-detail-modal{width:min(780px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;border:1px solid var(--outline-variant);border-radius:14px;padding:22px;background:var(--surface);box-shadow:0 24px 80px #0000007a}.modal-close{min-height:38px;border:1px solid var(--outline-variant);border-radius:8px;padding:8px 12px;background:var(--surface-high);color:var(--text);cursor:pointer;font-weight:800}.detail-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.detail-stat{border:1px solid rgba(132,147,150,.18);border-radius:8px;padding:14px;background:var(--surface-low)}.detail-stat span{color:var(--text-muted);font-size:12px}.detail-stat strong{display:block;margin-top:8px;color:var(--text);font-size:20px}.modal-section-header{margin-top:4px}.photo-card{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid rgba(132,147,150,.18);border-radius:8px;padding:12px;background:var(--surface-low)}.photo-thumb{width:82px;height:82px;border-radius:8px;object-fit:cover}.photo-card strong,.photo-card span{display:block}.photo-card strong{color:var(--text);font-size:15px}.photo-card span{margin-top:5px;color:var(--text-muted);font-size:13px}.photo-status{border-radius:999px;padding:6px 9px;background:var(--primary-soft);color:var(--primary)!important;font-weight:800}.empty-state{border:1px dashed var(--outline-variant);border-radius:8px;padding:18px;color:var(--text-muted);text-align:center}.category-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;border:1px solid transparent;border-radius:10px;padding:16px 18px;background:var(--surface-low);transition:border-color .16s ease,background .16s ease}.category-card:hover{border-color:var(--outline-variant);background:var(--surface-high)}.category-card.is-editing{border-color:#00e5ff73;background:var(--surface-high);box-shadow:0 0 0 1px #00e5ff29,0 12px 32px #0000004d}.category-card.is-inactive{opacity:.62}.category-card h3{margin:0;color:var(--text);font-size:18px;font-weight:800}.category-card p{margin:8px 0 0;color:var(--text-muted);line-height:1.45}.category-order{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--outline-variant);border-radius:9px;background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:800}.category-card.is-editing .category-order{border-color:#00e5ff66;color:var(--primary)}.category-body{min-width:0}.category-title-row{display:flex;align-items:center;gap:10px}.category-status{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--outline-variant);border-radius:999px;padding:3px 10px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.category-status:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--outline)}.category-status.is-live{border-color:#00e5ff4d;color:var(--primary)}.category-status.is-live:before{background:var(--primary);box-shadow:0 0 8px #00e5ffb3}.category-count{white-space:nowrap;border:1px solid rgba(0,229,255,.22);border-radius:999px;padding:7px 14px;background:var(--primary-soft);color:var(--text-muted);font-size:13px}.category-count strong{color:var(--primary);font-size:15px}.category-confirm{display:flex;grid-column:1 / -1;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,180,174,.32);border-radius:9px;padding:12px 14px;background:#ffb4ae12;color:var(--text)}.category-confirm-actions{display:flex;gap:8px}.icon-action{min-height:36px;border:1px solid var(--outline-variant);border-radius:8px;padding:8px 10px;background:var(--surface-high);color:var(--text);cursor:pointer;font-size:12px;font-weight:800}.danger-action{border-color:#ffb4ae4d;background:#ffb4ae14;color:var(--danger)}.danger-action:hover{border-color:#ffb4ae80;background:#ffb4ae24}.style-card{display:grid;grid-template-columns:82px minmax(0,1fr) 92px;align-items:center;gap:14px;width:100%;padding:12px;background:var(--surface-low);color:inherit;cursor:pointer;text-align:left}.style-remove{align-self:center;justify-self:end}.style-card:hover,.style-card.is-selected{border-color:#00e5ff80;background:#20252a}.style-thumb{width:82px;height:82px;border-radius:8px;object-fit:cover}.pricing-card{display:grid;grid-template-columns:minmax(0,1fr) 128px 142px;align-items:center;gap:14px;border:1px solid var(--outline-variant);border-radius:8px;padding:16px;background:var(--surface-low)}.pricing-card.is-disabled{opacity:.58}.pricing-name{display:block;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pricing-card strong{display:block;margin-top:6px;color:var(--text);font-size:24px;line-height:1;font-weight:800}.pricing-card p{margin:8px 0 0;color:var(--text-muted);line-height:1.45}.pricing-price{display:grid;justify-items:end;gap:7px;color:var(--text-muted)}.pricing-price strong{color:var(--primary)}.pricing-price span{border-radius:999px;padding:5px 8px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:800}.pricing-actions{display:flex;justify-content:flex-end;gap:8px}.style-name{display:block;color:var(--text);font-size:17px;line-height:1.2;font-weight:800}.style-caption{display:block;margin-top:6px;color:var(--text-muted);line-height:1.4}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.meta-chip{display:inline-flex;border:1px solid rgba(132,147,150,.2);border-radius:999px;padding:5px 8px;background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button{min-height:40px;border:0;border-radius:8px;cursor:pointer;padding:10px 14px;font-weight:800}.button:disabled{cursor:not-allowed;opacity:.58}.button-primary{background:var(--primary);color:var(--surface-lowest)}.button-secondary{border:1px solid var(--outline-variant);background:var(--surface-high);color:var(--text)}.button-ghost{border:1px solid var(--outline-variant);background:transparent;color:var(--text)}.button-danger{border:1px solid rgba(255,180,174,.4);background:#ffb4ae1f;color:var(--danger)}.button-danger:hover{border-color:#ffb4ae99;background:#ffb4ae33}.form-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.editing-chip{border:1px solid rgba(0,229,255,.3);border-radius:999px;padding:4px 11px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700}.toggle-field{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--outline-variant);border-radius:9px;padding:12px 14px;background:var(--surface-low);cursor:pointer}.toggle-field input{margin-top:3px;width:16px;height:16px;accent-color:var(--primary)}.toggle-field strong{display:block;color:var(--text);font-size:14px}.toggle-field small{display:block;margin-top:3px;color:var(--text-muted);line-height:1.4}.field-loading{color:var(--text-muted);font-weight:600;font-size:12px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.save-status{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700;animation:save-status-in .18s ease}.save-status.is-success{border:1px solid rgba(167,243,208,.32);background:#a7f3d01a;color:var(--success)}.save-status.is-error{border:1px solid rgba(255,180,174,.34);background:#ffb4ae1a;color:var(--danger)}@keyframes save-status-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.payload-modal{width:min(640px,100%);max-height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--outline-variant);border-radius:14px;background:var(--surface);box-shadow:0 24px 80px #00000080}.payload-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 12px}.payload-modal-head h3{margin:6px 0 0;color:var(--text);font-size:19px}.payload-modal-note{margin:0;padding:0 22px 14px;color:var(--text-muted);font-size:13px;line-height:1.5}.payload-modal-note strong{color:var(--primary)}.payload-modal-body{margin:0;overflow:auto;border-top:1px solid var(--outline-variant);padding:18px 22px 22px;background:var(--surface-lowest);color:var(--text);font-family:ui-monospace,SF Mono,Geist Mono,Menlo,monospace;font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;align-items:start}.form-grid.single{grid-template-columns:1fr}.form-grid .full{grid-column:1 / -1}.field{display:grid;gap:8px}.field label{color:var(--text);font-size:13px;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid var(--outline-variant);border-radius:8px;padding:12px 13px;background:var(--surface-lowest);color:var(--text);outline:none}.field select:disabled{cursor:not-allowed;opacity:.68}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00e5ff1f}.field textarea{min-height:112px;resize:vertical}.thumbnail-upload{display:grid;gap:10px}.thumbnail-upload-input{width:100%;border:1px solid var(--outline-variant);border-radius:8px;padding:10px 12px;background:var(--surface-lowest);color:var(--text)}.thumbnail-upload-meta{display:grid;gap:2px;color:var(--text-muted);font-size:12px}.thumbnail-preview{width:100%;max-width:240px;aspect-ratio:4 / 3;border:1px solid var(--outline-variant);border-radius:8px;object-fit:cover;background:var(--surface-lowest)}.field-note{color:var(--text-muted);font-size:12px;line-height:1.45}.compare-slider{position:relative;width:100%;max-width:420px;aspect-ratio:4 / 3;border:1px solid var(--outline-variant);border-radius:12px;overflow:hidden;background:var(--surface-lowest);-webkit-user-select:none;user-select:none}.compare-slider img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.compare-divider{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent, #00e5ff);box-shadow:0 0 0 1px #00000059;pointer-events:none}.compare-badge{position:absolute;bottom:10px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#0000008c;color:#fff;pointer-events:none}.compare-badge-before{left:10px}.compare-badge-after{right:10px}.compare-range{width:100%;max-width:420px;margin-top:10px;accent-color:var(--accent, #00e5ff)}.secret-field{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.connection-note{border-radius:8px;padding:10px 12px;background:var(--surface-lowest);color:var(--text-muted);font-size:12px;line-height:1.45}.connection-note.is-connected{border:1px solid rgba(167,243,208,.34);background:#a7f3d014;color:var(--success)}.connection-note.is-checking{border:1px solid rgba(0,229,255,.28);background:var(--primary-soft);color:var(--primary)}.connection-note.is-error{border:1px solid rgba(255,180,174,.34);background:#ffb4ae14;color:var(--danger)}.provider-selector{display:grid;gap:16px}.provider-summary{display:grid;gap:10px;border:1px solid var(--outline-variant);border-radius:8px;padding:14px;background:var(--surface-lowest)}.provider-summary div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:center}.provider-summary span,.empty-provider-state{color:var(--text-muted);font-size:12px;line-height:1.45}.provider-summary strong{min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:13px}.empty-provider-state{border:1px dashed var(--outline-variant);border-radius:8px;padding:16px;background:var(--surface-lowest)}.provider-list{display:grid;gap:10px}.provider-row{border:1px solid rgba(132,147,150,.18);border-radius:10px;background:var(--surface-low);overflow:visible;transition:border-color .15s ease}.provider-row.is-expanded{border-color:#00e5ff59}.provider-row-head{display:flex;align-items:center;gap:6px;padding-right:8px}.provider-row-toggle{display:flex;flex:1;align-items:center;gap:12px;min-width:0;border:0;padding:14px;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.provider-caret{flex-shrink:0;width:7px;height:7px;border-right:2px solid var(--outline);border-bottom:2px solid var(--outline);transform:rotate(-45deg);transition:transform .18s ease}.provider-caret.is-open{transform:rotate(45deg)}.provider-row-name{display:grid;gap:2px;min-width:0}.provider-row-name strong{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-row-name small{color:var(--text-muted);font-size:12px}.provider-active-badge{margin-left:auto;border-radius:999px;padding:4px 9px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700;white-space:nowrap}.provider-menu-wrap{position:relative;flex-shrink:0}.provider-menu-trigger{display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1}.provider-menu-trigger:hover,.provider-menu-trigger[aria-expanded=true]{border-color:var(--outline-variant);background:var(--surface-high);color:var(--text)}.provider-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:grid;min-width:150px;border:1px solid var(--outline-variant);border-radius:10px;padding:6px;background:var(--surface-high);box-shadow:0 14px 34px #00000073}.provider-menu button{border:0;border-radius:7px;padding:9px 10px;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:13px;text-align:left}.provider-menu button:hover{background:var(--surface-highest)}.provider-menu button.is-danger{color:var(--danger)}.provider-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:0;background:transparent;cursor:default}.provider-details{display:grid;gap:10px;margin:0;border-top:1px solid rgba(132,147,150,.18);padding:14px}.provider-details>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:baseline}.provider-details dt{color:var(--text-muted);font-size:12px}.provider-details dd{margin:0;color:var(--text);font-size:13px;font-weight:600}.provider-details-url{overflow-wrap:anywhere}.model-field-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.detected-chip{border:1px solid rgba(0,229,255,.24);border-radius:999px;padding:3px 8px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:700;white-space:nowrap}.toggle-row input{width:18px;height:18px;accent-color:var(--primary)}.notification-composer{display:grid;gap:16px}.notification-composer .panel-header{margin-bottom:0}.notification-target-summary{display:grid;align-content:center;min-height:72px;border:1px solid var(--outline-variant);border-radius:8px;padding:12px 14px;background:var(--surface-lowest)}.notification-target-summary span{color:var(--text-muted);font-size:12px}.notification-target-summary strong{margin-top:7px;color:var(--text);font-size:14px}.notification-status{align-self:center;color:var(--text-muted);font-size:13px}.notification-history{display:grid;gap:10px}.notification-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border:1px solid rgba(132,147,150,.18);border-radius:8px;padding:14px;background:var(--surface-low)}.notification-history-row .notification-error-message{grid-column:1 / -1;margin:0;border-top:1px solid rgba(255,180,174,.16);padding-top:10px;color:var(--danger);font-size:12px}.notification-history-row strong{color:var(--text)}.notification-history-row p{margin:7px 0 0;color:var(--text-muted);font-size:13px;line-height:1.45}.notification-history-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--text-muted);font-size:12px}.notification-delivery-status{border:1px solid rgba(0,229,255,.24);border-radius:999px;padding:5px 8px;color:var(--primary);text-transform:capitalize}.notification-delivery-status.is-failed{border-color:#ffb4ae57;color:var(--danger)}.notification-delete-button{border:1px solid rgba(255,180,174,.34);border-radius:6px;padding:6px 9px;background:transparent;color:var(--danger);font:inherit;cursor:pointer}.notification-delete-button:hover{background:#ffb4ae14}.notification-delete-button:disabled{cursor:wait;opacity:.5}.button:disabled{cursor:not-allowed;opacity:.46}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-menu{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-grid,.notification-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-grid,.dashboard-grid,.split-layout,.section-row{grid-template-columns:1fr}}@media(max-width:760px){.main{padding:16px}.page-header{flex-direction:column}.nav-menu,.metric-grid,.form-grid,.insight-grid{grid-template-columns:1fr}.tab-bar{width:100%}.tab-button{flex:1;min-width:0}.style-card{grid-template-columns:1fr}.category-card{grid-template-columns:auto minmax(0,1fr) auto}.category-order{grid-area:1 / 1}.category-body{grid-area:1 / 2}.category-card .provider-menu-wrap{grid-area:1 / 3}.category-count{grid-row:2;grid-column:2 / -1;justify-self:start}.style-remove{justify-self:start}.style-thumb{width:100%;height:180px}.secret-field,.user-toolbar,.photo-card{grid-template-columns:1fr}.table-footer{justify-content:flex-start;flex-wrap:wrap}.photo-thumb{width:100%;height:180px}.notification-metric-grid,.notification-history-row{grid-template-columns:1fr}.notification-history-meta{justify-content:flex-start;flex-wrap:wrap}}.admin-auth-state,.admin-login-shell{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:24px}.admin-login-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;display:grid;gap:18px;max-width:460px;padding:32px;width:100%}.admin-login-card h1,.admin-login-card p{margin:0}.admin-login-card label{display:grid;font-weight:700;gap:8px}.admin-login-card input{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:10px;color:var(--text);font:inherit;outline:none;padding:14px}.admin-login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00e5ff1f}.form-error{color:#ffaaa5}.sidebar-signout{background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--muted);cursor:pointer;font:inherit;margin-top:auto;padding:12px 16px;text-align:left}