:root{color-scheme:light;--app-bg: #f6f6f7;--surface: #ffffff;--surface-muted: #fafbfb;--surface-danger: #fff5f5;--border: #e1e3e5;--border-strong: #c9cccf;--text: #202223;--text-secondary: #6d7175;--text-muted: #8c9196;--primary: #008060;--primary-hover: #006e52;--danger: #d82c0d;--warning: #b98900;--info: #2c6ecb;--radius: 10px;--radius-sm: 8px;--shadow: 0 1px 0 rgba(0, 0, 0, .03);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--app-bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-body,.admin-shell{min-height:100vh}.admin-topbar{border-bottom:1px solid var(--border);background:#f9f9fa;padding:0 18px}.admin-topbar__main{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}.admin-topbar__actions{display:flex;flex-wrap:wrap;gap:8px}.admin-routebar{display:flex;align-items:center;gap:4px;overflow-x:auto;min-width:0;padding:0}.admin-routebar__link{border-bottom:2px solid transparent;color:var(--text-secondary);padding:8px 10px 9px;font-size:13px;font-weight:500;white-space:nowrap}.admin-routebar__link:hover,.admin-routebar__link.is-active{color:var(--text);border-bottom-color:var(--primary)}.admin-main{flex:1;min-width:0}.admin-main__inner{margin:0 auto;max-width:1180px;padding:20px 24px 32px}.page-stack{display:flex;flex-direction:column;gap:16px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-header__title{margin:0;font-size:22px;font-weight:600;line-height:1.2}.page-header__subtitle{max-width:760px;margin:6px 0 0;color:var(--text-secondary);font-size:13px}.page-header__actions,.button-row{display:flex;flex-wrap:wrap;gap:8px}.surface{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px;box-shadow:var(--shadow)}.surface--muted{background:var(--surface-muted)}.surface--danger{border-color:#f3c4bd;background:var(--surface-danger)}.surface__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.surface__header--compact{margin-bottom:10px}.surface__title{margin:0;font-size:14px;font-weight:600}.surface__subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.surface__mini-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--text-secondary);font-size:12px}.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.95fr);gap:16px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.88fr);gap:16px;align-items:start}.editor-layout__main,.editor-aside{display:flex;flex-direction:column;gap:16px}.editor-layout__aside{position:relative}.editor-aside{position:sticky;top:18px}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px}.stat-card__label{margin:0 0 6px;color:var(--text-secondary);font-size:12px}.stat-card__value{display:block;margin-bottom:2px;font-size:22px;font-weight:600;line-height:1}.stat-card__hint{margin:0;color:var(--text-muted);font-size:11px}.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-action-card{display:flex;min-height:84px;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;padding:12px}.quick-action-card strong{font-size:13px;font-weight:600}.quick-action-card span{color:var(--primary);font-size:12px;font-weight:600}.summary-list{display:grid;gap:12px;margin:0}.summary-list dt{color:var(--text-muted);font-size:11px;font-weight:600}.summary-list dd{margin:3px 0 0;font-size:13px;font-weight:600}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.toolbar--compact{margin-bottom:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid--compact{gap:12px}.assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;min-width:0;flex-direction:column;gap:6px}.field--toolbar{width:min(320px,100%)}.field--full{grid-column:1 / -1}.field--toggle{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:10px 12px}.field--summary{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:10px 12px}.field__label{color:var(--text-secondary);font-size:12px;font-weight:600}.field__hint{margin:0;color:var(--text-muted);font-size:11px;line-height:1.4}.field__error{color:var(--danger);font-size:11px}.field__input{width:100%;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text);padding:9px 11px;font-size:13px}.field__input:focus{border-color:#86b6aa;outline:2px solid rgba(0,128,96,.08);outline-offset:0}.field__input--textarea{resize:vertical}.field__input--compact{min-width:110px;padding:7px 9px}.field__input--code{font-family:Consolas,Monaco,Courier New,monospace;font-size:12px}.field__input--color{min-height:40px;padding:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid transparent;border-radius:8px;cursor:pointer;padding:8px 12px;font-size:13px;font-weight:600;transition:background .12s ease,border-color .12s ease,color .12s ease}.button:disabled{cursor:not-allowed;opacity:.65}.button--sm{min-height:28px;padding:5px 9px;font-size:12px}.button--primary{background:var(--primary);color:#fff}.button--primary:hover{background:var(--primary-hover)}.button--secondary{border-color:var(--border-strong);background:#fff;color:var(--text)}.button--secondary:hover{background:#fafafa}.button--ghost{background:transparent;color:var(--text-secondary)}.button--ghost:hover{background:#f3f4f5}.button--danger{border-color:#d82c0d29;background:#fff4f1;color:var(--danger)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600;text-transform:capitalize}.badge--neutral{background:#eef1f3;color:var(--text-secondary)}.badge--success{background:#e3f1eb;color:#116149}.badge--warning{background:#f8f0cf;color:#876500}.badge--info{background:#e7f0fb;color:var(--info)}.inline-stat-list,.editor-save-panel__summary{display:flex;flex-wrap:wrap;gap:10px}.inline-stat{display:flex;min-width:112px;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px 10px}.inline-stat strong{font-size:14px;font-weight:600}.inline-stat span{color:var(--text-muted);font-size:11px}.callout{border:1px solid var(--border);border-radius:8px;background:#fafbfb;color:var(--text-secondary);padding:10px 12px;font-size:12px}.callout--info{border-color:#cfe0f7;background:#f5f9ff;color:var(--info);margin-bottom:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:11px 10px;text-align:left;vertical-align:top}.table th{color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.table tbody tr:last-child td{border-bottom:0}.table__title-cell{display:flex;flex-direction:column;gap:3px}.table__title-cell strong{font-size:13px;font-weight:600}.table__title-cell span{color:var(--text-muted);font-size:11px}.table__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.table--editor th,.table--editor td{padding:8px}.builder-section{border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:12px}.chart-builder{display:flex;flex-direction:column;gap:12px}.builder-table{display:flex;flex-direction:column;gap:10px}.builder-table__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.builder-table__title{margin:0;font-size:13px;font-weight:600}.builder-table__subtitle{margin:3px 0 0;color:var(--text-muted);font-size:11px}.builder-table__wrap{overflow:auto}.builder-table__cell-head{display:flex;align-items:center;gap:6px}.builder-table__actions-col{width:170px}.icon-button{display:inline-grid;height:32px;width:32px;place-items:center;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-size:14px;color:var(--text-secondary)}.icon-button--soft{height:28px;width:28px;font-size:13px}.image-upload{display:flex;flex-direction:column;gap:12px}.image-upload__preview{display:flex;align-items:flex-start;gap:12px}.image-upload__preview img{max-width:220px;border:1px solid var(--border);border-radius:8px}.image-upload__preview--compact img{max-width:170px}.image-upload__actions{display:flex;flex-direction:column;gap:10px}.product-picker{display:flex;flex-direction:column;gap:12px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{display:flex;cursor:pointer;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:10px 12px}.choice-card input{margin-top:2px}.choice-card.is-active{border-color:#9fc7bb;background:#fbfdfc}.choice-card strong{display:block;margin-bottom:2px;font-size:13px;font-weight:600}.choice-card span{display:block;color:var(--text-muted);font-size:11px;line-height:1.4}.product-picker__selected,.product-picker__results{border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:12px}.selected-product-list,.product-result-list{display:flex;flex-direction:column;gap:8px}.selected-product,.product-result{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:9px 10px}.product-thumb{display:grid;flex:0 0 36px;height:36px;width:36px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#f6f6f7;color:var(--text-secondary);font-size:12px;font-weight:600}.product-thumb img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.product-result{cursor:pointer;text-align:left}.product-result:hover{border-color:#c7d8d3}.selected-product__content,.product-result__content{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.selected-product__content strong,.product-result__content strong{font-size:13px;font-weight:600}.selected-product__content span,.product-result__content span,.product-result__action{color:var(--text-muted);font-size:11px}.product-result__action{color:var(--primary);font-weight:600}.empty-inline-state{border:1px dashed var(--border);border-radius:8px;background:#fff;padding:12px}.empty-inline-state p{margin:0 0 4px;font-size:12px;font-weight:600}.empty-inline-state span{color:var(--text-muted);font-size:11px}.selection-list{display:flex;flex-wrap:wrap;gap:8px}.selection-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;background:#fff;padding:5px 9px;font-size:12px}.selection-pill__remove{border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px}.product-search-list{display:flex;max-height:270px;flex-direction:column;gap:8px;overflow:auto}.product-search-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;padding:10px;text-align:left}.product-search-item small{color:var(--text-muted)}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.template-card.is-selected{border-color:#9fc7bb;box-shadow:0 0 0 1px #00806014}.template-card__preview{border-bottom:1px solid var(--border);background:#f7f8f9;padding:12px}.template-card__frame{height:140px;border:1px solid rgba(32,34,35,.06);border-radius:10px;background:#fff;padding:10px}.template-card__bar{height:12px;width:58%;border-radius:999px;background:#202223;opacity:.12}.template-card__table,.template-card__rows{margin-top:10px;border-radius:8px;background:linear-gradient(180deg,#f1f3f4,#fbfbfb)}.template-card__table{height:28px}.template-card__rows{height:54px}.template-card__preview--modern-popup .template-card__frame,.template-card__preview--tabbed-popup .template-card__frame{background:linear-gradient(180deg,#fff,#f6f6f7)}.template-card__preview--image-table-popup .template-card__frame{background:linear-gradient(90deg,#eef1f3 0 40%,transparent 40% 100%),#fff}.template-card__preview--compact-mobile-popup .template-card__frame{width:78%;margin:0 auto}.template-card__body{display:flex;flex-direction:column;gap:10px;padding:12px}.template-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.template-card__heading h3{margin:0;font-size:13px;font-weight:600}.template-card__body p{margin:0;color:var(--text-secondary);font-size:12px}.template-card__footer{display:flex;justify-content:flex-end;gap:8px}.template-option-grid{display:grid;gap:10px}.template-option{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#fff}.template-option.is-active{border-color:#9fc7bb;background:#fbfdfc}.template-option__preview{border-bottom:1px solid var(--border);background:#f7f8f9;padding:10px}.template-option__frame{height:74px;border:1px solid rgba(32,34,35,.06);border-radius:8px;background:#fff;padding:8px}.template-option__bar{height:8px;width:56%;border-radius:999px;background:#202223;opacity:.12}.template-option__line{height:7px;margin-top:8px;border-radius:999px;background:#e7eaec}.template-option__line--short{width:38%}.template-option__table{height:22px;margin-top:8px;border-radius:6px;background:linear-gradient(180deg,#f1f3f4,#fbfbfb)}.template-option__preview--modern-popup .template-option__frame,.template-option__preview--tabbed-popup .template-option__frame{background:linear-gradient(180deg,#fff,#f6f6f7)}.template-option__preview--image-table-popup .template-option__frame{background:linear-gradient(90deg,#eef1f3 0 38%,transparent 38% 100%),#fff}.template-option__preview--compact-mobile-popup .template-option__frame{width:82%;margin:0 auto}.template-option__body{display:flex;flex-direction:column;gap:8px;padding:10px}.template-option__topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-option__topline strong{font-size:13px;font-weight:600}.template-option__body p{margin:0;color:var(--text-secondary);font-size:12px}.template-option__footer{display:flex;justify-content:space-between;gap:8px}.editor-save-panel__actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.preview-card{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.preview-card__label{color:var(--text-secondary);font-size:12px;font-weight:600}.preview-card__surface{border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#fbfbfc,#f3f4f5);padding:16px}.preview-card__surface--popup{overflow:hidden}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.pagination__label{color:var(--text-secondary);font-size:12px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;text-align:center}.empty-state__icon{display:grid;height:42px;width:42px;place-items:center;border-radius:12px;background:#edf5f2;color:var(--primary);font-size:18px}.empty-state__title{margin:0;font-size:15px;font-weight:600}.empty-state__description{max-width:460px;margin:0;color:var(--text-secondary);font-size:12px}.empty-state__action{margin-top:4px}.table-skeleton{height:220px;border-radius:10px;background:linear-gradient(90deg,#f1f3f4,#fafbfb,#f1f3f4);background-size:200% 100%;animation:shimmer 1.8s infinite linear}.dialog-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#2022235c;padding:16px}.dialog{width:min(1040px,100%);max-height:calc(100vh - 32px);overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 12px 36px #0f172a1f}.dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:14px 16px}.dialog__title{margin:0;font-size:14px;font-weight:600}.dialog__subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.dialog__body{max-height:calc(100vh - 110px);overflow:auto;padding:16px;background:#f9f9fa}.storefront-preview{max-width:980px;margin:0 auto}.storefront-preview--inline{max-width:none}.levazo-size-chart__alignment{display:flex}.levazo-size-chart__alignment--start{justify-content:flex-start}.levazo-size-chart__alignment--center{justify-content:center}.levazo-size-chart__alignment--end{justify-content:flex-end}.levazo-size-chart__button{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;padding:var(--levazo-button-padding-y, 11px) var(--levazo-button-padding-x, 16px);border-radius:var(--levazo-button-radius, 10px);border:1px solid var(--levazo-button-border, #c9cccf);background:var(--levazo-button-bg, #fff);color:var(--levazo-button-text, #202223);font:inherit;font-size:var(--levazo-button-font-size, 14px);font-weight:var(--levazo-button-font-weight, 600)}.levazo-size-chart__button:hover{background:var(--levazo-button-hover-bg, #f6f6f7);border-color:var(--levazo-button-hover-border, #b8bcc0);color:var(--levazo-button-hover-text, #202223)}.levazo-size-chart__button--minimal{border-color:transparent;background:var(--levazo-button-hover-bg, #f6f6f7)}.levazo-size-chart__button--text{border-color:transparent;background:transparent;padding-left:0;padding-right:0}.levazo-size-chart__button--text:hover{background:transparent}.levazo-size-chart__icon{display:inline-flex;height:16px;width:16px}.levazo-size-chart__icon svg{height:100%;width:100%}.levazo-popup{overflow:hidden;border:1px solid var(--levazo-popup-border, #e1e3e5);border-radius:var(--levazo-popup-radius, 18px);background:var(--levazo-popup-bg, #fff);color:var(--levazo-popup-text, #202223);font-size:var(--levazo-popup-font-size, 14px)}.levazo-popup__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--levazo-popup-border, #e1e3e5);padding:14px 16px}.levazo-popup__header h2{margin:0;color:var(--levazo-popup-heading, #202223);font-size:var(--levazo-popup-heading-size, 20px);font-weight:600}.levazo-popup__subtitle,.levazo-popup__description,.levazo-popup__notes,.levazo-popup__footer{color:var(--levazo-popup-muted, #6d7175)}.levazo-popup__body{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px}.levazo-popup__tabs{display:flex;flex-wrap:wrap;gap:6px}.levazo-popup__tab{border:1px solid #d7dadd;border-radius:999px;background:#fff;padding:5px 9px;font-size:12px;font-weight:600}.levazo-popup__tab.is-active{border-color:#202223;background:#202223;color:#fff}.levazo-popup__section{display:flex;flex-direction:column;gap:8px}.levazo-popup__section h3{margin:0;color:var(--levazo-popup-heading, #202223);font-size:var(--levazo-popup-section-heading-size, 14px);font-weight:600}.levazo-popup__measurement-note{margin:0;color:var(--levazo-popup-muted, #8c9196);font-size:12px}.levazo-popup__table-wrap{overflow:auto}.levazo-popup__table{width:100%;min-width:420px;border-collapse:collapse}.levazo-popup__table th,.levazo-popup__table td{border:1px solid var(--levazo-popup-border, #e1e3e5);padding:8px 10px;text-align:left;font-size:12px}.levazo-popup__table th{background:var(--levazo-popup-table-head-bg, #f6f6f7);color:var(--levazo-popup-table-head-text, #202223);font-weight:600}.levazo-popup--classic .levazo-popup__table tbody tr:nth-child(2n) td{background:var(--levazo-popup-row-stripe, #fbfbfb)}.levazo-popup--image .levazo-popup__split{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:14px;align-items:start}.levazo-popup__image img{width:100%;border:1px solid var(--levazo-popup-border, #e1e3e5);border-radius:calc(var(--levazo-popup-radius, 18px) - 4px)}.levazo-popup--compact .levazo-popup__header{position:sticky;top:0;z-index:2;background:var(--levazo-popup-bg, #fff)}.levazo-popup__tab{border-color:var(--levazo-popup-border, #d7dadd);background:var(--levazo-popup-tab-bg, #fff);color:var(--levazo-popup-tab-text, #202223)}.levazo-popup__tab.is-active{border-color:var(--levazo-popup-tab-active-bg, #202223);background:var(--levazo-popup-tab-active-bg, #202223);color:var(--levazo-popup-tab-active-text, #fff)}.icon-button{border-color:var(--levazo-popup-close-border, #e1e3e5);background:var(--levazo-popup-close-bg, #fff);color:var(--levazo-popup-close-text, #202223)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1100px){.stats-grid,.template-grid,.settings-layout,.content-grid,.assignment-grid,.editor-layout,.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout__aside{grid-column:span 2}.editor-aside{position:static}}@media(max-width:920px){.admin-topbar{padding:0 14px}.admin-topbar__main{align-items:flex-start;flex-direction:column;padding:10px 0}.admin-main__inner{padding:16px}.page-header{flex-direction:column}.stats-grid,.template-grid,.choice-grid,.settings-layout,.content-grid,.assignment-grid,.editor-layout,.form-grid,.quick-action-grid{grid-template-columns:1fr}}@media(max-width:640px){.table__actions,.template-card__footer,.template-option__footer{justify-content:flex-start}.levazo-popup--image .levazo-popup__split,.image-upload__preview{grid-template-columns:1fr;flex-direction:column}}