:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f9;--surface:#fff;--text:#172338;--muted:#6b778b;--accent:#0b8270;--accent-soft:#e3f5ef;--border:#e4e9f0;--success:#08775f;--danger:#b91c1c;--danger-soft:#fee2e2;--warning:#b45309;--warning-soft:#fef3c7;--info:#1d4ed8;--info-soft:#dbeafe;--neutral-soft:#f3f4f6}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3{margin-top:0}.container{max-width:1200px;margin:0 auto;padding:24px}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.page-header p{color:var(--muted);margin:6px 0 0}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:0 2px 3px #16223605}.table-container{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:900px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px}.table th{color:var(--muted);font-size:13px;font-weight:600}.column-toggle-panel{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 12px 0;display:flex}.column-toggle-title{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.column-toggle-option{border:1px solid var(--border);color:#374151;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.column-toggle-option input{width:14px;height:14px;accent-color:var(--accent);margin:0}.table-main{margin-bottom:4px;font-weight:600}.table-sub{color:var(--muted);margin-bottom:2px;font-size:12px}.queue-product-cell{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-width:240px;display:grid}.publish-status{gap:6px;min-width:142px;display:grid}.publish-status-row{grid-template-columns:34px 10px minmax(72px,1fr) auto;align-items:center;column-gap:7px;min-height:22px;display:grid}.publish-status-label{color:var(--muted);font-size:12px;font-weight:700}.publish-status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.publish-status-dot-published{background:#16a34a}.publish-status-dot-unpublished{background:var(--danger)}.publish-status-text{color:#374151;white-space:nowrap;font-size:12px;font-weight:600}.publish-status-text-error{color:var(--danger)}.publish-status-link{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:700;text-decoration:none}.publish-status-link:hover{text-decoration:underline}.queue-thumbnail-link{width:64px;height:64px;display:block}.queue-thumbnail{border:1px solid var(--border);object-fit:cover;background:#f3f4f6;border-radius:8px;width:64px;height:64px;display:block}.queue-thumbnail-placeholder{background:linear-gradient(135deg,#0000 47%,#d1d5db 48% 52%,#0000 53%),#f3f4f6}.badge{border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-success{background:var(--accent-soft);color:#047857}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-neutral{background:var(--neutral-soft);color:#374151}.button{appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;text-align:center;vertical-align:middle;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:10px 15px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}.button:hover{filter:brightness(.96)}.button-secondary{color:var(--text);border-color:var(--border);background:#fff}.button-danger{background:var(--danger);border-color:var(--danger)}.button-link{display:inline-flex}.button-disabled,.button:disabled{opacity:.55;pointer-events:none}.button-label-with-spinner{align-items:center;gap:8px;display:inline-flex}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite button-spin;display:inline-block}@keyframes button-spin{to{transform:rotate(360deg)}}.button-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.filters-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.filter-pill{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.filter-pill-active{border-color:var(--accent);color:var(--accent);font-weight:600}.field{display:block}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.field-label{color:var(--muted);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.field-input{border:1px solid var(--border);width:100%;min-height:42px;font:inherit;color:inherit;background:#fff;border-radius:8px;padding:10px 12px}textarea.field-input{resize:vertical}.meta-list{gap:10px;margin:0;display:grid}.meta-list div{gap:3px;display:grid}.meta-list dt{color:var(--muted);font-size:12px}.meta-list dd{margin:0}.inline-link{color:var(--accent);text-decoration:underline}.hint{color:var(--muted);margin:0}.empty-state p,.loading-state p,.error-state p,.success-state p{margin-bottom:0}.error-state{background:#fff5f5;border-color:#fecaca}.success-state{background:#f0fdf4;border-color:#a7f3d0}.loading-state{border-style:dashed}.meta-token-notes{gap:10px;margin-top:16px;display:grid}.meta-token-result{gap:18px;display:grid}.meta-token-block{gap:8px;display:grid}.meta-token-value{border:1px solid var(--border);color:#111827;overflow-wrap:anywhere;white-space:pre-wrap;background:#f9fafb;border-radius:8px;max-height:120px;padding:10px;font-size:12px;line-height:1.5;display:block;overflow:auto}.meta-token-page-list{gap:12px;display:grid}.meta-token-page{border:1px solid var(--border);background:#fff;border-radius:8px;gap:12px;padding:12px;display:grid}.meta-token-page-highlight{border-color:var(--accent);background:#f0fdfa}.pagination-row{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.code-block{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#f8fafc;border-radius:8px;margin:0;padding:10px;font-size:13px}.images-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.image-card{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.preview-image{object-fit:cover;background:#f3f4f6;width:100%;height:170px;display:block}.image-meta{gap:6px;padding:10px;font-size:13px;display:grid}.auth-container{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;max-width:420px;padding:20px}.auth-form{gap:16px;display:grid}.error-text{color:var(--danger);margin-top:0}.multiline-value{white-space:pre-line;word-break:break-word}h1{letter-spacing:-.8px;font-size:30px;font-weight:650;line-height:1.2}h2{letter-spacing:-.25px;font-size:18px;font-weight:650;line-height:1.4}h3{font-size:15px;font-weight:650;line-height:1.45}button,input,select,textarea{font-family:inherit}button{font:inherit}:where(a,button,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #63c7b4}.field-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0b827017}.field-input::placeholder{color:#9aa5b5}.field-input:disabled{color:var(--muted);background:#f3f5f8}.field{min-width:0}fieldset{border:1px solid var(--border);border-radius:10px;min-width:0;margin:0;padding:14px}legend{padding:0 6px}summary{cursor:pointer;padding-block:6px;font-weight:600}details[open]>summary{margin-bottom:10px}.auth-form>.button{justify-self:start}.column-toggle-option{max-width:100%;line-height:1.4}.column-toggle-option input{flex:0 0 14px}.hint{font-size:13px;line-height:1.65}.badge{font-weight:600}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px}.table th{color:#788398;letter-spacing:.05em;text-transform:uppercase;background:#f8fafc;font-size:11px}.table td{vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.auth-card{padding:30px;box-shadow:0 10px 40px #1b2a410d}.page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 9px;font-size:11px;font-weight:700}.page-title{margin-bottom:9px}.page-description,.muted-text{color:var(--muted)}.page-description{max-width:720px;margin:0;line-height:1.65}.section-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-heading>h2{margin:0}.section-icon{color:var(--accent);background:#eaf7f2;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.surface-card,.metric-card{border:1px solid var(--border);background:#fff;border-radius:12px;box-shadow:0 2px 3px #16223605}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{padding:20px}.skip-link{z-index:120;color:var(--accent);background:#fff;border-radius:8px;padding:10px 16px;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.app-sidebar{z-index:70;color:#d1d9e3;background:#142337;flex-direction:column;width:240px;padding:26px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.app-brand-row{justify-content:space-between;align-items:center;padding:0 11px 29px;display:flex}.app-brand{color:#fff;letter-spacing:-1.1px;align-items:center;gap:10px;font-size:29px;font-weight:700;line-height:1;display:inline-flex}.app-brand-mark{background:#dff6eb;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex}.app-brand-mark img{width:27px;height:27px}.app-brand-period{color:#58c8ad}.app-business{background:#1a2b40;border:1px solid #2d3b4e;border-radius:10px;align-items:center;gap:10px;margin-bottom:28px;padding:13px 11px;display:flex}.app-business-icon{color:#b0c4d7;border:1px solid #35465b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.app-business>div,.app-profile>div{min-width:0}.app-business strong{color:#eef4fa;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.app-business span:not(.app-business-icon){color:#8e9fb3;margin-top:2px;font-size:11px;display:block}.app-navigation{flex:1;min-height:0;overflow-y:auto}.app-nav-label{letter-spacing:.12em;color:#7c8fa5;margin:0 0 11px;padding-inline:12px;font-size:10px;font-weight:650}.app-nav-label-spaced{margin-top:29px}.app-nav-link{color:#a7b7c9;border-radius:8px;align-items:center;gap:12px;min-height:44px;margin-bottom:5px;padding:10px 12px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.app-nav-link svg{opacity:.88;flex-shrink:0}.app-nav-link:hover{color:#fff;background:#203349}.app-nav-link.is-active{color:#b5f2d9;background:#20483f}.app-nav-active-dot{background:#6ed9b4;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.app-sidebar-footer{border-top:1px solid #2a394d;margin-top:20px;padding:18px 6px 0}.app-profile{align-items:center;gap:10px;display:flex}.app-avatar{color:#edf4fb;background:#314259;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;font-weight:650;display:flex}.app-profile strong{color:#e1eaf3;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.app-profile span:not(.app-avatar){color:#8397ad;font-size:11px}.app-signout{color:#9eb0c4;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;margin-top:14px;padding:8px 3px;font-size:12px;display:flex}.app-signout:hover{color:#fff}.app-workspace{min-width:0;margin-left:240px}.app-topbar{z-index:30;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.app-topbar-context{color:#98a3b3;align-items:center;gap:14px;min-width:0;font-size:12px;display:flex}.app-topbar-business{color:#7b879b;text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.app-topbar-title{color:#37455b;white-space:nowrap;font-weight:600}.app-topbar-actions{align-items:center;gap:16px;display:flex}.app-topbar-avatar{color:#23755e;background:#e5f3ed;border:3px solid #fff;border-radius:50%;outline:1px solid #dce8e2;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:flex}.app-icon-button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.app-icon-button:hover{background:#8498ae1f}.app-menu-toggle,.app-drawer-close,.app-drawer-backdrop{display:none}.app-content{min-width:0}.app-content>.container,.workspace-page{width:100%;min-width:0;max-width:1480px;margin-inline:auto;padding:32px}.workspace-page-header{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:28px;display:flex}.workspace-page-header>div{min-width:0}.workspace-page section[id]{scroll-margin-top:96px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.settings-page .card{padding:25px}.settings-page .card>.hint{margin-bottom:16px}.settings-page .auth-form{margin-top:18px}.settings-page .column-toggle-option{border-radius:8px;align-items:flex-start;width:fit-content;padding:9px 11px;font-size:12px;line-height:1.5}.settings-page .column-toggle-option input{margin-top:2px}.settings-page fieldset .column-toggle-option{margin:4px 5px 4px 0}.settings-page details{border-top:1px solid var(--border);margin-top:18px;padding-top:10px}.settings-page details details{border-top:0}.setup-overview{margin-bottom:24px!important}.setup-overview progress{background:#edf1f5;border:0;border-radius:8px;height:7px;display:block;overflow:hidden}.setup-overview progress::-webkit-progress-bar{background:#edf1f5;border-radius:8px}.setup-overview progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.setup-overview progress::-moz-progress-bar{background:var(--accent);border-radius:8px}.setup-overview ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 32px;margin-top:20px;font-size:13px;display:grid}.review-back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:16px;font-size:12px;display:inline-flex}.review-back-link:hover{color:var(--accent)}.review-title-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.review-title-row .page-title{overflow-wrap:anywhere;max-width:880px;margin-bottom:0}.review-title{overflow-wrap:anywhere;max-width:880px;margin-bottom:10px}.review-reference{color:#919caf;overflow-wrap:anywhere;margin-top:9px;font-size:11px}.review-page .card{padding:25px;margin-bottom:22px!important}.review-page .card>h2{border-bottom:1px solid var(--border);margin-bottom:21px;padding-bottom:17px}.review-decision-panel{border-top:3px solid #258c75}.review-decision-panel textarea{min-height:78px}.review-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-page .meta-list{gap:16px}.review-page .meta-list dt{color:#8290a3;font-size:11px;font-weight:600}.review-page .meta-list dd{overflow-wrap:anywhere;font-size:13px}.review-page .preview-image{object-fit:contain;background:#f8fafc;height:240px;padding:12px}@media (max-width:1199px){.app-content>.container,.workspace-page{padding:26px}.settings-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:1023px){.app-sidebar{visibility:hidden;width:264px;transition:transform .2s,visibility .2s;transform:translate(-100%)}.app-sidebar.is-open{visibility:visible;transform:translate(0)}.app-workspace{margin-left:0}.app-topbar{height:66px;padding-inline:22px}.app-menu-toggle,.app-drawer-close{display:inline-flex}.app-drawer-backdrop{z-index:60;background:#0c18297a;border:0;display:block;position:fixed;inset:0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){h1{font-size:25px}.app-content>.container,.workspace-page{padding:22px 16px}.app-topbar{padding-inline:13px}.app-topbar-context{gap:9px}.app-topbar-business,.app-topbar-context>svg{display:none}.app-topbar-title{white-space:normal}.app-topbar-actions{gap:9px}.workspace-page-header{flex-direction:column;gap:16px;margin-bottom:23px}.settings-grid,.setup-overview ol,.review-page .form-grid{grid-template-columns:minmax(0,1fr)}.settings-page .card,.review-page .card{padding:19px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button{min-height:40px;font-size:13px}.button-row{row-gap:10px}.pagination-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
