:root{--color-background: #f7f8fa;--color-surface: #ffffff;--color-border: #c9d1da;--color-border-subtle: #e4e8ed;--color-foreground: #111827;--color-secondary: #364152;--color-muted: #697586;--color-faint: #9aa4b2;--color-accent: #2563eb;--color-accent-foreground: #ffffff;--color-accent-subtle: #bfdbfe;--color-accent-tint: #eff6ff;--color-success: #15803d;--color-success-foreground: #f0fdf4;--color-success-subtle: #bbf7d0;--color-success-tint: #f0fdf4;--color-warning: #b45309;--color-warning-foreground: #fffbeb;--color-warning-subtle: #fde68a;--color-warning-tint: #fffbeb;--color-error: #b91c1c;--color-error-foreground: #fef2f2;--color-error-subtle: #fecaca;--color-error-tint: #fef2f2;--color-info: #0369a1;--color-info-foreground: #f0f9ff;--color-info-subtle: #bae6fd;--color-info-tint: #f0f9ff;--status-listing-draft: var(--color-info);--status-listing-draft-foreground: var(--color-info-foreground);--status-listing-draft-subtle: var(--color-info-subtle);--status-listing-draft-tint: var(--color-info-tint);--status-listing-ready: var(--color-warning);--status-listing-ready-foreground: var(--color-warning-foreground);--status-listing-ready-subtle: var(--color-warning-subtle);--status-listing-ready-tint: var(--color-warning-tint);--status-listing-published: var(--color-success);--status-listing-published-foreground: var(--color-success-foreground);--status-listing-published-subtle: var(--color-success-subtle);--status-listing-published-tint: var(--color-success-tint);--status-listing-removed: var(--color-error);--status-listing-removed-foreground: var(--color-error-foreground);--status-listing-removed-subtle: var(--color-error-subtle);--status-listing-removed-tint: var(--color-error-tint);--status-conversation-open: var(--color-info);--status-conversation-open-foreground: var(--color-info-foreground);--status-conversation-open-subtle: var(--color-info-subtle);--status-conversation-open-tint: var(--color-info-tint);--status-conversation-bot: var(--color-info);--status-conversation-bot-foreground: var(--color-info-foreground);--status-conversation-bot-subtle: var(--color-info-subtle);--status-conversation-bot-tint: var(--color-info-tint);--status-conversation-human: var(--color-success);--status-conversation-human-foreground: var(--color-success-foreground);--status-conversation-human-subtle: var(--color-success-subtle);--status-conversation-human-tint: var(--color-success-tint);--status-conversation-escalated: var(--color-warning);--status-conversation-escalated-foreground: var(--color-warning-foreground);--status-conversation-escalated-subtle: var(--color-warning-subtle);--status-conversation-escalated-tint: var(--color-warning-tint);--font-sans: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-14: 14px;--text-16: 16px;--text-18: 18px;--text-24: 24px;--text-32: 32px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--letter-spacing-body: 0;--letter-spacing-headline: -.02em;--font-variant-data: tabular-nums;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--border: 1px solid var(--color-border);--border-subtle: 1px solid var(--color-border-subtle);--shadow: 0 1px 2px rgb(17 24 39 / .06), 0 8px 24px rgb(17 24 39 / .04);--duration-micro: .15s;--duration-transition: .2s;--duration-deliberate: .25s;--ease-standard: cubic-bezier(.25, 1, .5, 1)}:root{color:var(--color-foreground);background:var(--color-background);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-tap-highlight-color:rgb(37 99 235 / .18)}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}:where(a,button,input,textarea,[role=button]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.skip-link{position:fixed;z-index:10;top:var(--space-12);left:var(--space-12);transform:translateY(-160%);border-radius:var(--radius-6);padding:10px var(--space-12);background:var(--color-accent);color:var(--color-accent-foreground);font-size:var(--text-13);font-weight:var(--weight-semibold);transition:transform var(--duration-micro) var(--ease-standard)}.skip-link:focus-visible{transform:translateY(0)}.sidebar{display:flex;flex-direction:column;gap:var(--space-32);border-right:var(--border);padding:28px 20px;background:var(--color-surface)}.eyebrow{margin:0 0 var(--space-8);color:var(--color-muted);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-body);text-transform:uppercase}h1{max-width:11ch;margin-bottom:0;color:var(--color-foreground);font-size:var(--text-32);font-weight:var(--weight-semibold);line-height:1;text-wrap:balance}nav{display:grid;gap:var(--space-4)}nav a{border-left:3px solid transparent;padding:10px var(--space-12);color:var(--color-secondary);font-size:var(--text-14);font-weight:var(--weight-semibold)}nav a[aria-current=page]{border-left-color:var(--color-accent);background:var(--color-accent-tint);color:var(--color-foreground)}.workspace{display:flex;min-width:0;flex-direction:column;gap:20px;padding:28px}.workspace-header,.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}.workspace-header{border-bottom:var(--border);padding-bottom:20px}h2{scroll-margin-top:var(--space-24);margin-bottom:0;color:var(--color-foreground);font-size:var(--text-32);font-weight:var(--weight-semibold);line-height:1.05;text-wrap:balance}h3{margin-bottom:0;color:var(--color-foreground);font-size:var(--text-18);line-height:1.2;text-wrap:balance}h4{margin-bottom:var(--space-8);font-size:var(--text-16)}.header-actions,.row-actions,.form-actions,.gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.staff-chip,.record-id,.ui-status-pill,.numeric,.media-strip a{font-family:var(--font-mono);font-size:var(--text-12)}.staff-chip{max-width:220px;overflow:hidden;border:var(--border);border-radius:999px;padding:var(--space-8) 10px;text-overflow:ellipsis;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--border);background:var(--color-surface)}.metric-grid>div{min-width:0;padding:var(--space-16)}.metric-grid>div+div{border-left:var(--border-subtle)}.metric{margin-bottom:var(--space-4);color:var(--color-accent);font-size:var(--text-32);font-weight:800;line-height:1}.label,.muted,.ui-hint{margin-bottom:0;color:var(--color-muted);font-size:var(--text-13)}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:20px;align-items:start}.panel,.login-panel,.ui-card{border:var(--border);border-radius:var(--radius-8);background:var(--color-surface);box-shadow:var(--shadow)}.panel,.ui-card{min-width:0;padding:var(--space-16)}.listing-panel,.editor-panel,.editor-form,.login-form,.gallery-card,.gallery-fields,.gallery-stack{display:grid;gap:var(--space-16)}.table-wrap{min-width:0;overflow-x:auto;border:var(--border-subtle);border-radius:var(--radius-6)}table{width:100%;min-width:760px;border-collapse:collapse;font-size:var(--text-13)}th,td{border-bottom:var(--border-subtle);padding:11px var(--space-12);text-align:left;vertical-align:top}th{background:var(--color-background);color:var(--color-secondary);font-size:var(--text-12);font-weight:var(--weight-semibold)}tbody tr:last-child td{border-bottom:0}tbody tr.is-active{background:var(--color-accent-tint)}.numeric{font-variant-numeric:var(--font-variant-data);white-space:nowrap}.link-button{display:block;width:100%;overflow-wrap:anywhere;border:0;padding:0;background:transparent;color:var(--color-foreground);font-weight:var(--weight-semibold);text-align:left}.record-id{display:block;margin-top:var(--space-4);overflow-wrap:anywhere;color:var(--color-muted)}.editor-panel{position:sticky;top:20px}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12)}input[type=file]{width:100%;border:var(--border);border-radius:var(--radius-6);padding:9px 10px;background:var(--color-surface);color:var(--color-secondary);font-size:var(--text-14)}.media-strip{display:flex;flex-wrap:wrap;gap:var(--space-8)}.media-strip a{border:1px solid var(--color-accent-subtle);border-radius:999px;padding:6px var(--space-8);background:var(--color-accent-tint);color:var(--color-accent);font-weight:var(--weight-semibold)}.notice{margin:0;border:1px solid;border-radius:var(--radius-6);padding:10px var(--space-12);font-size:var(--text-13);font-weight:var(--weight-semibold)}.notice.success{border-color:var(--color-success-subtle);background:var(--color-success-tint);color:var(--color-success)}.notice.error{border-color:var(--color-error-subtle);background:var(--color-error-tint);color:var(--color-error)}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-8);padding:20px;background:var(--color-background)}.empty-state p{margin-bottom:0;color:var(--color-muted);line-height:1.5}.login-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:var(--space-32);max-width:920px;padding:var(--space-24)}.ui-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:var(--space-8);border:var(--border);border-radius:var(--radius-6);padding:0 var(--space-12);background:var(--color-surface);color:var(--color-foreground);font-size:var(--text-13);font-weight:var(--weight-semibold);transition:background var(--duration-micro) var(--ease-standard),border-color var(--duration-micro) var(--ease-standard),color var(--duration-micro) var(--ease-standard),transform var(--duration-micro) var(--ease-standard)}.ui-button:hover:not(:disabled){border-color:var(--color-faint);background:var(--color-background)}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button:disabled{opacity:.6}.ui-button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-foreground)}.ui-button--primary:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-secondary)}.ui-button--secondary{background:var(--color-accent-tint);color:var(--color-accent)}.ui-button--ghost{border-color:transparent;background:transparent;color:var(--color-secondary)}.ui-button--danger{border-color:var(--color-error-subtle);background:var(--color-error-tint);color:var(--color-error)}.ui-button--compact{min-height:30px;padding:0 10px}.ui-button__icon{width:16px;height:16px;flex:0 0 auto}.is-spinning{animation:spin .75s linear infinite}.ui-field{display:grid;gap:6px;color:var(--color-secondary)}.ui-label{font-size:var(--text-13);font-weight:var(--weight-semibold)}.ui-input,.ui-textarea,.ui-select__button{width:100%;border:var(--border);border-radius:var(--radius-6);background:var(--color-surface);color:var(--color-foreground);font-size:var(--text-14);transition:border-color var(--duration-micro) var(--ease-standard),box-shadow var(--duration-micro) var(--ease-standard)}.ui-input,.ui-select__button{min-height:38px;padding:0 10px}.ui-input:hover:not(:disabled),.ui-textarea:hover:not(:disabled),.ui-select__button:hover:not(:disabled){border-color:var(--color-faint)}.ui-input:disabled,.ui-textarea:disabled,.ui-select__button:disabled{background:var(--color-background);color:var(--color-muted);opacity:.72}.ui-input--numeric{font-family:var(--font-mono);font-variant-numeric:var(--font-variant-data)}.ui-textarea{resize:vertical;padding:10px;line-height:1.45}.ui-textarea--mono{font-family:var(--font-mono);font-size:var(--text-13)}.ui-select{position:relative}.ui-select__button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);text-align:left}.ui-select__button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__chevron{width:16px;height:16px;flex:0 0 auto;color:var(--color-muted)}.ui-select__options{z-index:30;width:var(--button-width);max-height:240px;overflow:auto;border:var(--border);border-radius:var(--radius-6);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow);--anchor-gap: var(--space-4)}.ui-select__option{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:var(--space-8);border-radius:var(--radius-4);padding:0 var(--space-8);color:var(--color-secondary);font-size:var(--text-14);cursor:pointer}.ui-select__option[data-focus]{background:var(--color-accent-tint);color:var(--color-foreground)}.ui-select__option[data-disabled]{color:var(--color-faint);cursor:not-allowed}.ui-checkbox{display:inline-grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:var(--space-8);width:fit-content;border:0;border-radius:var(--radius-6);padding:var(--space-4);background:transparent;color:var(--color-secondary);font-size:var(--text-13);font-weight:var(--weight-semibold);text-align:left}.ui-checkbox__box{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border:var(--border);border-radius:var(--radius-4);background:var(--color-surface);color:var(--color-accent-foreground)}.ui-checkbox[data-checked] .ui-checkbox__box{border-color:var(--color-accent);background:var(--color-accent)}.ui-checkbox[data-disabled]{color:var(--color-muted);opacity:.7}.ui-status-pill{display:inline-flex;min-height:24px;align-items:center;border:1px solid;border-radius:999px;padding:0 var(--space-8);font-weight:var(--weight-semibold)}.ui-status-pill--listing-draft{border-color:var(--status-listing-draft-subtle);background:var(--status-listing-draft-tint);color:var(--status-listing-draft)}.ui-status-pill--listing-ready{border-color:var(--status-listing-ready-subtle);background:var(--status-listing-ready-tint);color:var(--status-listing-ready)}.ui-status-pill--listing-published{border-color:var(--status-listing-published-subtle);background:var(--status-listing-published-tint);color:var(--status-listing-published)}.ui-status-pill--listing-removed{border-color:var(--status-listing-removed-subtle);background:var(--status-listing-removed-tint);color:var(--status-listing-removed)}.ui-status-pill--conversation-open{border-color:var(--status-conversation-open-subtle);background:var(--status-conversation-open-tint);color:var(--status-conversation-open)}.ui-status-pill--conversation-bot{border-color:var(--status-conversation-bot-subtle);background:var(--status-conversation-bot-tint);color:var(--status-conversation-bot)}.ui-status-pill--conversation-human{border-color:var(--status-conversation-human-subtle);background:var(--status-conversation-human-tint);color:var(--status-conversation-human)}.ui-status-pill--conversation-escalated{border-color:var(--status-conversation-escalated-subtle);background:var(--status-conversation-escalated-tint);color:var(--status-conversation-escalated)}.ui-dialog{position:relative;z-index:40}.ui-dialog__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118276b}.ui-dialog__viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-16)}.ui-dialog__panel{display:grid;width:min(100%,480px);gap:var(--space-16);border:var(--border);border-radius:var(--radius-8);padding:var(--space-16);background:var(--color-surface);box-shadow:var(--shadow)}.ui-dialog__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-16)}.ui-dialog__title{margin:0;color:var(--color-foreground);font-size:var(--text-18);font-weight:var(--weight-semibold)}.gallery-shell{display:grid;gap:var(--space-24);width:min(100%,1180px);margin:0 auto;padding:var(--space-32)}.gallery-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-16);border-bottom:var(--border);padding-bottom:var(--space-24)}.gallery-header h1{max-width:none}.gallery-back{color:var(--color-accent);font-size:var(--text-13);font-weight:var(--weight-semibold)}.gallery-grid{display:grid;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.gallery-card h2{font-size:var(--text-18)}.gallery-card{align-content:start}.gallery-card>.ui-button{justify-self:start}.gallery-icon-row{display:flex;gap:var(--space-12)}.icon-container{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:var(--border-subtle);border-radius:var(--radius-8);background:var(--color-accent-tint);color:var(--color-accent)}.icon-container svg{width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width: 1120px){.content-grid{grid-template-columns:1fr}.editor-panel{position:static}}@media (max-width: 760px){.app-shell{grid-template-columns:1fr}.sidebar{gap:20px;border-right:0;border-bottom:var(--border);padding:20px}h1{max-width:none}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.gallery-shell{padding:20px}.workspace-header,.panel-header,.login-panel,.gallery-header{display:grid}.metric-grid,.form-row,.gallery-grid{grid-template-columns:1fr}.metric-grid>div+div{border-top:var(--border-subtle);border-left:0}.login-panel{grid-template-columns:1fr}}