:root{--color-primary:#0f766e;--color-primary-hover:#115e59;--color-primary-soft:#e6f4f1;--color-primary-contrast:#ffffff;--color-text:#17212b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#ffffff;--color-page:#f5f7fa;--color-surface:#ffffff;--color-surface-sunken:#f8fafc;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-row-hover:#f8fafc;--color-success:#15803d;--color-success-soft:#e8f5ec;--color-warning:#b45309;--color-warning-soft:#fdf3e7;--color-danger:#b91c1c;--color-danger-soft:#fdeceb;--color-info:#1d4ed8;--color-info-soft:#eaeffc;--color-whatsapp:#25d366;--color-whatsapp-hover:#1eb255;--color-whatsapp-ink:#06301a;--color-hero-from:#0b3b36;--color-hero-to:#0f766e;--color-hero-ink:#eaf5f3;--sf-color-page:#fff8f1;--sf-color-page-deep:#fff1e6;--sf-color-surface:#ffffff;--sf-color-ink:#453b4a;--sf-color-ink-soft:#5f5364;--sf-color-muted:#786a7c;--sf-color-line:#efe2d8;--sf-color-line-strong:#e3d2c6;--sf-color-pink:#f5b7cf;--sf-color-pink-soft:#fde8f0;--sf-color-mint:#bde9d0;--sf-color-mint-soft:#e7f7ee;--sf-color-yellow:#ffc96b;--sf-color-yellow-soft:#fff1d4;--sf-color-lavender:#c9c6ff;--sf-color-lavender-soft:#efedff;--sf-color-whatsapp:#0b7a3b;--sf-color-whatsapp-hover:#08632f;--sf-color-whatsapp-soft:#e6f7ed;--sf-color-footer:#3e3345;--sf-color-footer-soft:#bdb2c2;--sf-font-display:"Nunito","Avenir Next Rounded","Trebuchet MS","Segoe UI",ui-rounded,system-ui,sans-serif;--sf-radius-card:20px;--sf-radius-pill:999px;--sf-shadow-card:0 10px 30px rgba(69,59,74,0.08);--sf-shadow-card-hover:0 18px 40px rgba(69,59,74,0.14);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.55;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--shadow-card:0 1px 3px rgba(15,23,42,0.06);--shadow-popover:0 12px 32px rgba(15,23,42,0.14);--shadow-drawer:-12px 0 32px rgba(15,23,42,0.12);--control-height:40px;--control-height-sm:32px;--control-height-md:36px;--touch-target:44px;--container-max:1280px;--container-gutter:32px;--sidebar-width:248px;--sidebar-width-collapsed:72px;--topbar-height:56px;--storefront-header-height:72px;--admin-page-padding:24px;--z-base:0;--z-sticky:20;--z-header:30;--z-overlay:40;--z-admin-drawer:50;--z-inquiry-bar:30;--z-drawer:60;--z-modal:70;--z-toast:80;--transition-fast:120ms ease-in-out;--transition-base:180ms ease-in-out}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-page);-webkit-font-smoothing:antialiased}img,svg,video{max-width:100%;display:block}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.01em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}p{margin:0 0 var(--space-3)}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}.mono,code{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-80px;z-index:var(--z-toast);background:var(--color-surface);color:var(--color-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-popover);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4)}.container-app{width:min(100% - var(--container-gutter),var(--container-max));margin-inline:auto}.container-fluid{width:100%;padding-inline:var(--space-7)}.stack{gap:var(--space-5)}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:var(--space-2)}.stack-xs{display:flex;flex-direction:column;gap:var(--space-1)}.row{flex-wrap:wrap;gap:var(--space-3)}.row,.row-tight{display:flex;align-items:center}.row-tight{gap:var(--space-2)}.row-between{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.grid-form{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.muted{color:var(--color-text-secondary)}.faint{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.tiny{font-size:var(--text-xs)}.truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{-webkit-line-clamp:2}.clamp-2,.clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{-webkit-line-clamp:3}.text-right{text-align:right}.nowrap{white-space:nowrap}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.divider{height:1px;background:var(--color-border);border:0;margin:0}@media (max-width:1023px){.container-fluid{padding-inline:var(--space-5)}}@media (max-width:767px){.container-fluid{padding-inline:var(--space-4)}}.icon{width:18px;height:18px;flex:0 0 auto;stroke-width:1.75}.icon-sm{width:16px;height:16px}.icon-lg{width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;background:var(--color-primary);font:inherit;font-weight:var(--weight-semibold);font-size:var(--text-base);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn,.btn:hover:not(:disabled){color:var(--color-primary-contrast);text-decoration:none}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.btn-danger{background:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-whatsapp{background:var(--color-whatsapp);color:var(--color-whatsapp-ink)}.btn-whatsapp:hover:not(:disabled){background:var(--color-whatsapp-hover);color:var(--color-whatsapp-ink)}.btn-sm{min-height:var(--control-height-sm);padding:0 var(--space-3)}.btn-md,.btn-sm{font-size:var(--text-sm)}.btn-md{min-height:var(--control-height-md)}.btn-lg{min-height:48px;padding:0 var(--space-6);font-size:var(--text-md)}.btn-block{width:100%}.btn-link{background:none;border:0;padding:0;min-height:0;color:var(--color-primary);font-weight:var(--weight-medium);cursor:pointer}.btn-link:hover{background:none;color:var(--color-primary-hover);text-decoration:underline}.btn-spinner{width:14px;height:14px;border-radius:50%;border:2px solid;border-top:2px solid transparent;animation:b2b-spin .8s linear infinite}@keyframes b2b-spin{to{transform:rotate(1turn)}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);cursor:pointer;min-width:var(--touch-target);min-height:var(--touch-target)}.icon-button:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.field-required{color:var(--color-danger);margin-left:2px}.field-help{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-snug)}.field-error{font-size:var(--text-xs);color:var(--color-danger);font-weight:var(--weight-medium)}.input,.select,.textarea{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select{cursor:pointer}.textarea{min-height:96px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:var(--leading-snug)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-primary-soft);outline-offset:0}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-sunken);color:var(--color-text-secondary);cursor:not-allowed}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.input-unit{display:flex;align-items:center;gap:var(--space-2);min-width:0}.input-unit-suffix{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;min-width:28px}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-2);min-height:var(--touch-target)}.checkbox-row input[type=checkbox]{width:18px;height:18px;margin-top:3px;accent-color:var(--color-primary);cursor:pointer}.checkbox-label{font-size:var(--text-sm);display:flex;flex-direction:column}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-height)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card-header{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) 0}.card-header h3{font-size:var(--text-lg)}.card-body{padding:var(--space-5)}.card-footer{padding:0 var(--space-5) var(--space-5)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card)}.page-header{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start;justify-content:space-between}.page-header-main{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.page-header-title{font-size:var(--text-3xl);font-weight:var(--weight-semibold)}.page-header-description{color:var(--color-text-secondary);font-size:var(--text-base);max-width:78ch}.breadcrumb,.page-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.breadcrumb{font-size:var(--text-sm);color:var(--color-text-secondary);list-style:none;padding:0;margin:0}.breadcrumb li{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb li+li:before{content:"/";color:var(--color-border-strong)}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb [aria-current=page]{color:var(--color-text);font-weight:var(--weight-medium)}.table-wrap{width:100%;max-width:100%;overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.data-table caption{color:var(--color-text-secondary)}.data-table caption,.data-table td,.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.data-table td,.data-table th{border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table thead th{height:46px;background:var(--color-surface-sunken);color:var(--color-text-secondary);font-weight:var(--weight-semibold);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--color-border)}.data-table tbody td{height:54px;color:var(--color-text)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:var(--color-row-hover)}.data-table-clickable tbody tr{cursor:pointer}.data-table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.data-table-sort{background:none;border:0;padding:0;font:inherit;font-weight:var(--weight-semibold);color:inherit;cursor:pointer;display:inline-flex;gap:var(--space-1);align-items:center}.data-table-sort:hover{color:var(--color-primary)}.cell-inline{display:flex;align-items:center;gap:var(--space-2);min-width:0}.cell-primary{font-weight:var(--weight-medium)}.cell-sub{display:block;font-size:var(--text-xs);color:var(--color-text-secondary)}.id-cell{display:flex;align-items:center;gap:var(--space-1);max-width:260px;min-width:0}.id-cell code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.copy-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-xs);border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer}.copy-button:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.copy-button[data-copied=true]{color:var(--color-success)}.toolbar{flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-card)}.toolbar,.toolbar-fields{display:flex;gap:var(--space-3)}.toolbar-fields{flex-wrap:wrap;align-items:flex-end}.toolbar-fields .field{flex:1 1 180px;min-width:150px}.toolbar-fields .field-narrow{flex:0 1 150px}.toolbar-actions{display:flex;gap:var(--space-2);align-items:center}.toolbar-summary{gap:var(--space-3);justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary)}.active-filters,.toolbar-summary{display:flex;flex-wrap:wrap;align-items:center}.active-filters{gap:var(--space-2);list-style:none;padding:0;margin:0}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-hover);font-size:var(--text-xs);font-weight:var(--weight-medium)}.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) 0}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-range,.pagination-status{font-size:var(--text-sm);color:var(--color-text-secondary)}.pagination-page-size{display:flex;align-items:center;gap:var(--space-2)}.pagination-page-size .select{width:80px;min-height:var(--control-height-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);border:1px solid transparent;white-space:nowrap;line-height:1.5}.badge-neutral{background:var(--color-surface-sunken);color:var(--color-text-secondary);border-color:var(--color-border)}.badge-success{background:var(--color-success-soft);color:var(--color-success);border-color:#bfe3cd}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:#f0d5b3}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:#f2c9c6}.badge-info{background:var(--color-info-soft);color:var(--color-info);border-color:#c9d6f7}.badge-brand{background:var(--color-primary-soft);color:var(--color-primary-hover);border-color:#bfe0dc}.badge-stack{display:flex;flex-wrap:wrap;gap:var(--space-1)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-10) var(--space-5);color:var(--color-text-secondary)}.state-block strong{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.state-actions{flex-wrap:wrap;gap:var(--space-2)}.state-actions,.state-icon{display:flex;justify-content:center}.state-icon{align-items:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text-muted);border:1px solid var(--color-border)}.state-error{border:1px solid #f2c9c6;background:var(--color-danger-soft);border-radius:var(--radius-md)}.state-error,.state-error .state-icon,.state-error strong{color:var(--color-danger)}.skeleton{background:linear-gradient(90deg,#eef1f5 25%,#e3e8ee 37%,#eef1f5 63%);background-size:400% 100%;animation:b2b-shimmer 1.4s ease infinite;border-radius:var(--radius-xs);min-height:12px;display:block}@keyframes b2b-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.skeleton-media{aspect-ratio:1/1;width:100%}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;z-index:var(--z-modal)}.overlay-center{align-items:center;justify-content:center;padding:var(--space-4)}.overlay-right{justify-content:flex-end;z-index:var(--z-drawer)}.modal{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);width:100%;max-width:640px;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;overflow:hidden}.modal-sm{max-width:460px}.modal-lg{max-width:880px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--text-xl)}.modal-body{padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.modal-footer{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-sunken)}.drawer{background:var(--color-surface);width:min(94vw,560px);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-drawer);overflow-y:auto}.drawer .modal-footer,.drawer .modal-header{flex:0 0 auto;position:-webkit-sticky;position:sticky;background:var(--color-surface)}.drawer .modal-header{top:0;z-index:1}.drawer .modal-footer{bottom:0}.drawer .modal-body{flex:1 1 auto}.definition-list{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4);margin:0}.definition-list dt{color:var(--color-text-secondary);font-size:var(--text-sm)}.definition-list dd{margin:0;font-size:var(--text-sm);min-width:0;overflow-wrap:anywhere}.detail-json{background:var(--color-surface-sunken);border:1px solid var(--color-border);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-height:320px;overflow-y:auto}.detail-json,.notice{border-radius:var(--radius-sm)}.notice{padding:var(--space-3) var(--space-4);background:var(--color-info-soft);color:#16337a;font-size:var(--text-sm);border:1px solid #c9d6f7}.notice-warning{background:var(--color-warning-soft);color:#7c3a06;border-color:#f0d5b3}.notice-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:#f2c9c6}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.tab{min-height:var(--control-height);padding:0 var(--space-3);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary);font:inherit;font-weight:var(--weight-medium);cursor:pointer}.tab:hover{color:var(--color-text)}.tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--weight-semibold)}.toast-region{position:fixed;right:var(--space-4);bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);max-width:min(92vw,380px)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-popover);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);font-size:var(--text-sm)}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-info{border-left-color:var(--color-info)}.multi-select{position:relative;width:100%}.multi-select-control{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:text;flex-wrap:wrap}.multi-select-control:hover{border-color:var(--color-text-muted)}.multi-select-control[data-open=true]{border-color:var(--color-primary);outline:2px solid var(--color-primary-soft);outline-offset:0}.multi-select-control[data-invalid=true]{border-color:var(--color-danger)}.multi-select-control[data-disabled=true]{background:var(--color-surface-sunken);cursor:not-allowed}.multi-select-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;margin:0;padding:0;max-width:100%}.multi-select-tag{display:inline-flex;align-items:center;gap:var(--space-1);max-width:100%;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-hover);font-size:var(--text-xs);font-weight:var(--weight-medium)}.multi-select-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:0;border-radius:var(--radius-pill);background:transparent;color:inherit;cursor:pointer}.multi-select-tag-remove:hover:not(:disabled){background:rgba(15,118,110,.16)}.multi-select-search{display:flex;align-items:center;gap:var(--space-2);flex:1 1 140px;min-width:0;color:var(--color-text-muted)}.multi-select-input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:var(--text-base);color:var(--color-text);min-height:30px}.multi-select-input::placeholder{color:var(--color-text-muted)}.multi-select-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.multi-select-control[data-open=true] .multi-select-toggle .icon-chevron{transform:rotate(180deg)}.multi-select-popover{position:absolute;z-index:var(--z-modal);top:calc(100% + var(--space-1));left:0;right:0;max-height:280px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-popover);padding:var(--space-1)}.multi-select-list{list-style:none;margin:0;padding:0}.multi-select-option{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);cursor:pointer}.multi-select-option[data-active=true]{background:var(--color-surface-sunken)}.multi-select-option[data-selected=true]{background:var(--color-primary-soft)}.multi-select-option[data-disabled=true]{cursor:not-allowed;opacity:.6}.multi-select-option-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto;color:var(--color-primary)}.multi-select-option-text{display:flex;flex-direction:column;min-width:0}.multi-select-option-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.multi-select-option-hint{font-size:var(--text-xs);color:var(--color-text-secondary)}.multi-select-state{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.multi-select-error{color:var(--color-danger);align-items:flex-start}.tree-select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-2);max-height:340px;overflow-y:auto}.tree-node{display:flex;align-items:center;gap:var(--space-1);min-height:34px;padding:0 var(--space-2);border-radius:var(--radius-xs)}.tree-node:hover{background:var(--color-surface-sunken)}.tree-node-toggle{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-xs)}.tree-node-toggle:hover{background:var(--color-surface);color:var(--color-text)}.tree-node-label{flex:1 1;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node[aria-current=true]{background:var(--color-primary-soft)}.tree-node[aria-current=true] .tree-node-label{color:var(--color-primary-hover);font-weight:var(--weight-semibold)}.tree-children{padding-left:var(--space-4);margin-left:var(--space-3);border-left:1px dashed var(--color-border);display:flex;flex-direction:column;gap:1px}.category-picker{align-items:stretch}.category-picker,.category-picker-trigger{display:flex;gap:var(--space-2);min-width:0}.category-picker-trigger{align-items:center;flex:1 1;min-height:38px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.category-picker-trigger:hover{border-color:var(--color-primary)}.category-picker-trigger:focus-visible,.category-picker-trigger[aria-expanded=true]{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.category-picker-trigger[aria-invalid=true]{border-color:var(--color-danger)}.category-picker-trigger:disabled{cursor:not-allowed;opacity:.6}.category-picker-value{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.category-picker-placeholder{color:var(--color-text-muted)}.category-picker-chevron,.category-picker-clear{flex:none;color:var(--color-text-muted)}.category-picker-clear{width:38px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-lg);line-height:1;cursor:pointer}.category-picker-clear:hover{color:var(--color-danger);border-color:var(--color-danger)}.category-picker-disabled-badge{flex:none;padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.category-picker-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:transparent}.category-picker-popover{position:fixed;top:var(--category-picker-top);left:var(--category-picker-left);width:var(--category-picker-width);max-height:var(--category-picker-max-height);z-index:calc(var(--z-modal) + 1);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-popover)}.category-picker-head{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border)}.category-picker-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.category-picker-title{margin:0;font-size:var(--text-md)}.category-picker-body{flex:1 1;min-height:120px;overflow-y:auto;padding:var(--space-2);overscroll-behavior:contain}.category-picker-all{display:flex;width:100%;min-height:36px;align-items:center;gap:var(--space-2);padding:0 var(--space-2);margin-bottom:var(--space-1);border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.category-picker-all:hover{background:var(--color-surface-sunken)}.category-picker-all--selected{background:var(--color-primary-soft);color:var(--color-primary-hover);font-weight:var(--weight-semibold)}.category-picker-row{display:flex;align-items:center;gap:var(--space-2);min-height:36px;padding-right:var(--space-2);border-radius:var(--radius-xs);color:var(--color-text);cursor:pointer;outline:none}.category-picker-row:hover{background:var(--color-surface-sunken)}.category-picker-row:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.category-picker-row[data-active=true]{box-shadow:inset 2px 0 0 var(--color-primary)}.category-picker-row[aria-selected=true]{background:var(--color-primary-soft)}.category-picker-row[aria-selected=true] .category-picker-label{color:var(--color-primary-hover);font-weight:var(--weight-semibold)}.category-picker-row[data-disabled=true]{color:var(--color-text-muted);cursor:not-allowed}.category-picker-row[data-disabled=true]:hover{background:transparent}.category-picker-toggle{display:inline-flex;flex:none;width:24px;height:24px;align-items:center;justify-content:center;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-muted);cursor:pointer}.category-picker-toggle:hover{background:var(--color-surface);color:var(--color-text)}.category-picker-radio{flex:none;width:14px;height:14px;border:1px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface)}.category-picker-row[aria-selected=true] .category-picker-radio{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-surface)}.category-picker-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.category-picker-label mark{padding:0;background:var(--color-warning-soft,#fef3c7);color:inherit}.category-picker-code{flex:none;margin-left:auto;overflow:hidden;max-width:36%;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-xs)}.category-picker-check{flex:none;color:var(--color-primary);font-weight:var(--weight-bold)}.category-picker-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.category-picker-error{color:var(--color-danger)}.category-picker-footer{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface-sunken);font-size:var(--text-xs)}.category-picker-selected{color:var(--color-text);overflow-wrap:anywhere}.category-picker-hint{color:var(--color-text-muted)}.slug-generator{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}@media (max-width:767px){.category-picker-backdrop{background:rgba(15,23,42,.36)}.category-picker-popover{top:auto!important;right:0;bottom:0;left:0!important;width:100%!important;max-height:82vh!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.category-picker-row{min-height:44px}}.upload{border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-4);background:var(--color-surface-sunken);display:flex;flex-direction:column;gap:var(--space-2)}.upload input[type=file]{font:inherit;font-size:var(--text-sm);color:var(--color-text-secondary)}.upload-progress{height:6px;border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.upload-progress span{display:block;height:100%;background:var(--color-primary);transition:width var(--transition-base)}.gallery{display:flex;flex-direction:column;gap:var(--space-3)}.gallery-main{position:relative;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.gallery-main img{width:100%;height:100%;object-fit:contain}.gallery-main-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.gallery-main-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.gallery-lightbox{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;margin:0;border-radius:var(--radius-md);background:var(--color-surface-sunken)}.gallery-lightbox img{display:block;width:auto;max-width:100%;height:auto;max-height:min(72vh,900px);object-fit:contain}.gallery-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.gallery-lightbox-controls>span{color:var(--color-text-secondary);font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gallery-thumbs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.gallery-thumb{border:2px solid transparent;border-radius:var(--radius-sm);background:var(--color-surface-sunken);width:72px;height:72px;padding:0;cursor:pointer;overflow:hidden;flex:0 0 auto}.gallery-thumb[aria-current=true]{border-color:var(--color-primary)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}@media (max-width:767px){.gallery-lightbox img{max-height:calc(100dvh - 180px)}}.media-frame{position:relative;background:var(--color-surface-sunken);overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-frame img{width:100%;height:100%;object-fit:cover}.media-frame-contain img{object-fit:contain}.media-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:100%;padding:var(--space-4);text-align:center;background:linear-gradient(160deg,#eef4f3,#e6ecef);color:var(--color-text-secondary)}.media-fallback svg{width:46%;max-width:96px;height:auto;color:#7fa8a3}.media-fallback span{font-size:var(--text-xs);font-weight:var(--weight-medium)}.media-fallback-sm svg{width:34%;max-width:56px}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-hover);font-size:var(--text-xs);font-weight:var(--weight-medium)}.spec-table{width:100%;border-collapse:collapse}.spec-table td,.spec-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);vertical-align:top}.spec-table tr:last-child td,.spec-table tr:last-child th{border-bottom:0}.spec-table th{width:42%;color:var(--color-text-secondary);font-weight:var(--weight-medium)}.prose{color:var(--color-text);line-height:var(--leading-normal);max-width:76ch}.prose :where(h2){font-size:var(--text-xl);margin-top:var(--space-6)}.prose :where(h3){font-size:var(--text-lg);margin-top:var(--space-5)}.prose :where(a){text-decoration:underline}.prose :where(ul,ol){padding-left:var(--space-5)}.stat-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-card)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.stat-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.permission-editor{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.permission-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.permission-toolbar>.input{flex:1 1 220px;min-width:0}.permission-toolbar-actions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.permission-count{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.permission-tree{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.permission-tree .permission-tree{margin-left:var(--space-5);border-left:1px solid var(--color-border);padding-left:var(--space-2)}.permission-tree-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.permission-tree-row:hover{background:var(--color-row-hover)}.permission-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-secondary);cursor:pointer}.permission-tree-toggle:hover{color:var(--color-text)}.permission-tree-check{display:flex;align-items:flex-start;gap:var(--space-2);flex:1 1 auto;min-width:0;cursor:pointer}.permission-tree-check-leaf{padding:var(--space-1) 0}.permission-tree-check input[type=checkbox]{width:16px;height:16px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--color-primary)}.permission-tree-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);min-width:0;font-size:var(--text-base);color:var(--color-text)}.permission-tree-code{font-size:var(--text-xs);color:var(--color-text-muted)}.permission-tree-kind{font-size:var(--text-xs);color:var(--color-text-secondary);padding:1px var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-xs)}.permission-tree-leaves{list-style:none;margin:0 0 var(--space-1) var(--space-5);padding:0 var(--space-2) 0 var(--space-3);border-left:1px solid var(--color-border)}.permission-tree-leaves,.role-name{display:flex;flex-direction:column;gap:2px}.menu-cell,.role-name{min-width:0}.menu-cell{display:flex;align-items:center;gap:var(--space-2)}.menu-cell-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-secondary);cursor:pointer}.menu-cell-toggle:hover{color:var(--color-text)}.menu-cell-text{display:flex;flex-direction:column;gap:1px;min-width:0}.menu-cell-parent{font-weight:var(--weight-semibold)}.menu-cell-code{font-size:var(--text-xs);color:var(--color-text-muted)}.menu-icon-preview,.menu-sort{display:inline-flex;align-items:center;gap:var(--space-1)}.menu-icon-preview{color:var(--color-text-secondary);font-size:var(--text-xs)}.checkbox-stack{display:flex;flex-direction:column;gap:var(--space-1)}.dictionary-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.dictionary-detail,.dictionary-master{min-width:0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.dictionary-master-toolbar{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.dictionary-type-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:60vh;overflow-y:auto}.dictionary-type-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.dictionary-type-item:hover{background:var(--color-row-hover)}.dictionary-type-item[data-selected]{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary)}.dictionary-type-name{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-medium)}.dictionary-type-code{font-size:var(--text-xs);color:var(--color-text-secondary)}.dictionary-detail-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.dictionary-detail-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.dictionary-detail-title h2{font-size:var(--text-lg)}.dictionary-detail-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dictionary-back{display:none}.workbench{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.workbench-tree{max-height:calc(100vh - 220px);padding:var(--space-3)}.workbench-detail-column,.workbench-tree{display:flex;flex-direction:column;gap:var(--space-2)}.workbench-detail,.workbench-detail-column{min-width:0}.workbench-detail-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.workbench-detail-title{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.workbench-detail-title h2{font-size:var(--text-lg);overflow-wrap:anywhere}.workbench-detail-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.workbench-children{margin-top:var(--space-4)}.workbench-children-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.workbench-children-head h3{font-size:var(--text-md)}.tree-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);align-items:end;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.tree-filters>:first-child{grid-column:1/-1}.tree-filter-actions{grid-column:1/-1;display:flex;gap:var(--space-2)}.tree-filter-actions .btn{flex:1 1 auto}.tree-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.tree-panel-head-actions{display:flex;gap:var(--space-1)}.tree-scroll{overflow-y:auto;min-height:120px}.tree{list-style:none;margin:0;padding:0}.tree-row{display:flex;align-items:center;gap:var(--space-1);min-height:38px;border-radius:var(--radius-xs)}.tree-row:hover{background:var(--color-surface-sunken)}.tree-row[data-selected]{background:var(--color-primary-soft)}.tree-row-toggle{width:24px;height:24px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-xs)}.tree-row-toggle:hover{background:var(--color-surface);color:var(--color-text)}.tree-row-label{flex:1 1;min-width:0;border:0;background:transparent;text-align:left;cursor:pointer;padding:var(--space-1) var(--space-1);font-size:var(--text-sm);color:inherit;border-radius:var(--radius-xs)}.tree-row-label:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tree-row[data-selected] .tree-row-label{font-weight:var(--weight-semibold);color:var(--color-primary-hover)}.tree-row-name mark{background:var(--color-warning-soft);color:inherit;border-radius:var(--radius-xs);padding:0 1px}.tree-row-count{flex:0 0 auto;font-size:var(--text-xs);color:var(--color-text-muted);padding-right:var(--space-2)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin:0 0 var(--space-3);padding:var(--space-3);background:var(--color-surface-sunken);border-radius:var(--radius-sm)}.meta-grid dt{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:2px}.meta-grid dd{margin:0;font-size:var(--text-sm);overflow-wrap:anywhere}.link-button{border:0;background:transparent;padding:0;color:var(--color-primary);font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-xs)}.link-button:hover{text-decoration:underline}.link-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dictionary-item-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3)}.dictionary-item-toolbar>.field{flex:1 1 200px;min-width:0}.dictionary-item-toolbar-actions{display:flex;gap:var(--space-2)}.field-hint-inline{font-size:var(--text-xs);color:var(--color-text-secondary)}@media (max-width:767px){.data-table{min-width:640px}.overlay-center{align-items:flex-end;padding:0}.modal{max-width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;max-height:92vh}.drawer{width:100%}.definition-list{grid-template-columns:minmax(0,1fr);gap:var(--space-1) 0}.definition-list dt{margin-top:var(--space-2)}.permission-toolbar-actions .btn{min-height:var(--control-height-sm)}.permission-tree .permission-tree,.permission-tree-leaves{margin-left:var(--space-3)}}@media (max-width:1023px){.dictionary-layout{grid-template-columns:minmax(0,1fr)}.dictionary-layout[data-selected=false] .dictionary-detail,.dictionary-layout[data-selected=true] .dictionary-master{display:none}.dictionary-back{display:inline-flex}.dictionary-type-list{max-height:none}}.settings-layout{display:grid;grid-template-columns:minmax(180px,208px) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.settings-groups{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.settings-group{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.settings-group:hover{background:var(--color-row-hover)}.settings-group[data-selected]{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary);font-weight:var(--weight-medium)}.settings-detail{min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}@media (max-width:1023px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-groups{flex-direction:row;flex-wrap:wrap;overflow-x:auto}.settings-group{width:auto}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4)}.sticky-actions{position:-webkit-sticky;position:sticky;bottom:0;z-index:var(--z-sticky);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.sticky-actions .row{flex-wrap:wrap}.product-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-sunken)}.product-thumb-empty{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin:0;padding:0;list-style:none}.image-tile{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.image-tile[data-state=DELETE_FAILED]{border-color:var(--color-danger)}.image-tile[data-state=DELETE_PENDING]{opacity:.75}.image-tile-media{position:relative;aspect-ratio:4/3;background:var(--color-surface-sunken)}.image-tile-media img{width:100%;height:100%;object-fit:cover}.image-tile-badge{position:absolute;top:var(--space-2);left:var(--space-2)}.image-tile-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.image-tile-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.upload-list{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0;padding:0;list-style:none}.upload-list-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.upload-list-item .upload-progress{flex:1 1 120px;max-width:240px}@media (max-width:1279px){.workbench{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}}@media (max-width:1023px){.workbench{grid-template-columns:minmax(0,1fr)}.workbench[data-pane=detail] .workbench-tree,.workbench[data-pane=tree] .workbench-detail-column{display:none}.workbench-tree{max-height:none}}@media (max-width:767px){.tree-filters{flex-direction:column;align-items:stretch}.tree-filters .btn,.tree-filters .select,.tree-panel-head-actions .btn,.workbench-detail-actions .btn{min-height:var(--control-height)}.workbench-detail-head{flex-direction:column}.workbench-detail-actions{width:100%}.workbench-detail-actions .btn{flex:1 1 auto}.tree-panel-head{flex-wrap:wrap}.tree-panel-head-actions{width:100%}.tree-panel-head-actions .btn{flex:1 1 auto}.tree-row{min-height:44px}.meta-grid{grid-template-columns:minmax(0,1fr)}}