:root{--admin-brand: #145A3A;--admin-brand-hover: #10452E;--admin-brand-light: #EBF4EF;--admin-brand-border: #C8DEC9;--admin-bg: #F8FAFC;--admin-surface: #FFFFFF;--admin-border: #E2E8F0;--admin-border-strong: #CBD5E1;--admin-text-main: #0F172A;--admin-text-muted: #64748B;--admin-text-sub: #475569;--admin-success: #16A34A;--admin-warning: #D97706;--admin-danger: #DC2626;--admin-info: #2563EB}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background-color:var(--admin-bg);color:var(--admin-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}code{font-family:JetBrains Mono,monospace;font-size:.85em;background:#f1f5f9;padding:.15rem .35rem;border-radius:4px;color:#334155}.flex{display:flex}.flex-items-center{display:flex;align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-mono{font-family:JetBrains Mono,monospace}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-muted{color:var(--admin-text-muted)}.text-secondary{color:var(--admin-text-sub)}.text-forest-green{color:var(--admin-brand)}.text-success{color:var(--admin-success)}.text-warning{color:var(--admin-warning)}.text-danger{color:var(--admin-danger)}.border-t{border-top:1px solid var(--admin-border)}.theme-editor-app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--admin-surface);border-bottom:1px solid var(--admin-border);padding:.85rem 1.75rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.header-brand{display:flex;align-items:center;gap:.85rem}.brand-logo-container{width:38px;height:38px;background:var(--admin-brand);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #145a3a33}.brand-title-wrap{display:flex;align-items:center;gap:.5rem}.brand-title{font-size:1.15rem;font-weight:800;color:var(--admin-brand);letter-spacing:-.02em}.brand-badge{font-size:.7rem;font-weight:700;background:var(--admin-brand-light);color:var(--admin-brand);padding:.15rem .5rem;border-radius:12px;border:1px solid var(--admin-brand-border);text-transform:uppercase;letter-spacing:.05em}.brand-subtitle{font-size:.75rem;color:var(--admin-text-muted)}.header-meta{display:flex;align-items:center;gap:.85rem}.endpoint-pill{display:flex;align-items:center;gap:.35rem;background:#f1f5f9;border:1px solid var(--admin-border);padding:.35rem .65rem;border-radius:6px;font-size:.75rem}.endpoint-label{font-weight:600;color:var(--admin-text-sub)}.btn-header-secondary{display:flex;align-items:center;gap:.35rem;background:var(--admin-surface);border:1px solid var(--admin-border);padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;color:var(--admin-text-sub);transition:all .15s ease}.btn-header-secondary:hover{background:#f8fafc;border-color:var(--admin-brand);color:var(--admin-brand)}.theme-overview-panel{background:#fff;border-bottom:1px solid var(--admin-border);padding:.85rem 1.75rem;display:flex;flex-direction:column;gap:.75rem}.overview-meta-bar{display:flex;align-items:center;flex-wrap:wrap;gap:1.75rem}.overview-item{display:flex;flex-direction:column;gap:.15rem}.overview-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--admin-text-muted)}.overview-value-wrap{display:flex;align-items:center;gap:.45rem}.overview-value{font-size:.9rem;color:var(--admin-text-main)}.version-pill{background:var(--admin-brand);color:#fff;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:4px}.status-badge{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:12px}.status-synced{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.status-modified{background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.overview-actions-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px dashed var(--admin-border)}.actions-left,.actions-right{display:flex;align-items:center;gap:.5rem}.btn-overview{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:6px;font-size:.825rem;font-weight:600;transition:all .15s ease}.btn-overview:disabled{opacity:.5;cursor:not-allowed}.btn-overview.btn-secondary{background:#f8fafc;border:1px solid var(--admin-border);color:var(--admin-text-sub)}.btn-overview.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:var(--admin-border-strong);color:var(--admin-text-main)}.btn-overview.btn-secondary.active{background:var(--admin-brand-light);border-color:var(--admin-brand);color:var(--admin-brand)}.btn-save-draft{background:#fff;border:1px solid var(--admin-brand);color:var(--admin-brand)}.btn-save-draft:hover:not(:disabled){background:var(--admin-brand-light)}.btn-publish{background:var(--admin-brand);border:1px solid var(--admin-brand);color:#fff;box-shadow:0 1px 3px #145a3a40}.btn-publish:hover:not(:disabled){background:var(--admin-brand-hover)}.preset-selector-container{background:#f1f5f9;border-bottom:2px solid var(--admin-brand);padding:1.25rem 1.75rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.preset-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem}.preset-controls-bar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.preset-search-wrap{display:flex;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--admin-border);padding:.25rem .55rem;border-radius:6px}.preset-search-input{border:none;background:transparent;font-size:.75rem;outline:none;width:140px;color:var(--admin-text-main)}.preset-filter-pills{display:flex;background:#e2e8f0;padding:.15rem;border-radius:6px;gap:.15rem}.preset-pill{display:flex;align-items:center;gap:.25rem;background:transparent;border:none;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--admin-text-sub)}.preset-pill.active{background:#fff;color:var(--admin-brand);box-shadow:0 1px 2px #00000014}.preset-primary-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.preset-type-chip{font-size:.65rem;background:#f1f5f9;color:var(--admin-text-muted);padding:.1rem .4rem;border-radius:10px;font-weight:600}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.preset-card{background:#fff;border:1px solid var(--admin-border);border-radius:8px;padding:.85rem;cursor:pointer;transition:all .2s ease}.preset-card:hover{border-color:var(--admin-brand);box-shadow:0 3px 10px #0000000d}.preset-card.active-preset{border:2px solid var(--admin-brand);background:#fbfdfb}.preset-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.preset-name{font-weight:700;font-size:.875rem;color:var(--admin-text-main)}.preset-badge{display:flex;align-items:center;gap:.2rem;font-size:.7rem;background:var(--admin-brand-light);color:var(--admin-brand);padding:.15rem .45rem;border-radius:12px;font-weight:600}.preset-desc{font-size:.75rem;color:var(--admin-text-muted);margin-bottom:.65rem;line-height:1.35}.preset-palette-row{display:flex;gap:.35rem}.palette-pill{flex:1;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.theme-workspace-grid{display:grid;grid-template-columns:520px 1fr;flex:1;min-height:0}@media(max-width:1180px){.theme-workspace-grid{grid-template-columns:1fr}}.workspace-column{padding:1.25rem 1.5rem;overflow-y:auto}.editor-column{background:#fff;border-right:1px solid var(--admin-border)}.column-header{margin-bottom:1rem}.column-title{font-size:1.05rem;font-weight:700;color:var(--admin-text-main)}.shade-generator-card{background:#f8fafc;border:1px solid var(--admin-border);border-radius:8px;padding:.85rem 1rem;margin-bottom:1.25rem}.shade-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.shade-title{font-size:.825rem;font-weight:700;color:var(--admin-brand)}.shade-subtitle{font-size:.75rem;color:var(--admin-text-muted);margin-top:.15rem}.shade-assign-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.btn-shade-apply{background:#fff;border:1px solid var(--admin-border);padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--admin-brand);transition:all .15s ease}.btn-shade-apply:hover{background:var(--admin-brand-light);border-color:var(--admin-brand)}.shade-swatches-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.35rem}@media(max-width:600px){.shade-swatches-grid{grid-template-columns:repeat(5,1fr)}}.shade-swatch-item{display:flex;flex-direction:column;cursor:pointer;border-radius:6px;overflow:hidden;border:1px solid transparent;transition:all .15s ease}.shade-swatch-item:hover,.shade-swatch-item.is-selected{border-color:var(--admin-brand);transform:translateY(-2px);box-shadow:0 3px 6px #0000001f}.shade-swatch-color{height:48px;display:flex;flex-direction:column;justify-content:space-between;padding:.25rem;position:relative}.shade-weight-badge{font-size:.65rem;font-weight:700;line-height:1}.shade-copy-btn{background:transparent;border:none;opacity:.6;align-self:flex-end;display:flex;align-items:center;justify-content:center}.shade-swatch-item:hover .shade-copy-btn{opacity:1}.shade-swatch-meta{background:#fff;border-top:1px solid rgba(0,0,0,.05);padding:.2rem .1rem;text-align:center}.shade-hex-code{font-family:JetBrains Mono,monospace;font-size:.625rem;color:var(--admin-text-sub)}.editor-nav-tabs{display:flex;background:#f1f5f9;padding:.25rem;border-radius:8px;gap:.25rem;margin-bottom:1rem;overflow-x:auto}.editor-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .65rem;border:none;background:transparent;border-radius:6px;font-size:.775rem;font-weight:600;color:var(--admin-text-sub);white-space:nowrap;transition:all .15s ease}.editor-tab-btn:hover{color:var(--admin-text-main)}.editor-tab-btn.active{background:#fff;color:var(--admin-brand);box-shadow:0 1px 3px #00000014}.tab-badge{font-size:.65rem;background:#0000000f;padding:.05rem .35rem;border-radius:10px}.editor-tab-btn.active .tab-badge{background:var(--admin-brand-light);color:var(--admin-brand)}.color-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.color-field-card{background:#fff;border:1px solid var(--admin-border);border-radius:8px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.65rem;transition:border-color .15s ease}.color-field-card:hover{border-color:var(--admin-border-strong)}.color-field-card.selected-for-shades{border-color:var(--admin-brand);background:#f9fcfa}.color-field-header{display:flex;justify-content:space-between;align-items:center}.color-field-title-wrap{display:flex;align-items:center;gap:.5rem}.color-field-label{font-size:.825rem;font-weight:700;color:var(--admin-text-main)}.color-token-code{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--admin-text-muted)}.color-field-actions{display:flex;align-items:center;gap:.35rem}.btn-action-pill{background:#f1f5f9;border:1px solid var(--admin-border);padding:.15rem .45rem;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--admin-text-sub)}.btn-action-pill:hover,.btn-action-pill.active{background:var(--admin-brand-light);border-color:var(--admin-brand);color:var(--admin-brand)}.btn-icon{background:transparent;border:none;color:var(--admin-text-muted);padding:.2rem;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--admin-text-main)}.color-field-body{display:flex;align-items:center;gap:.65rem}.color-swatch-wrapper{position:relative;width:36px;height:36px;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #00000026;border:1px solid rgba(0,0,0,.1)}.native-color-input{position:absolute;top:-10px;left:-10px;width:60px;height:60px;cursor:pointer;opacity:0;z-index:2}.color-swatch-display{width:100%;height:100%}.color-hex-input-wrap{flex:1;display:flex;align-items:center;background:#f8fafc;border:1px solid var(--admin-border);border-radius:6px;padding:0 .5rem}.color-hex-input-wrap:focus-within{border-color:var(--admin-brand);background:#fff}.hex-prefix{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;color:var(--admin-text-muted);-webkit-user-select:none;user-select:none}.hex-text-input{flex:1;border:none;background:transparent;padding:.45rem .35rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;color:var(--admin-text-main);outline:none}.hex-text-input.input-error{color:var(--admin-danger)}.btn-copy-hex{background:transparent;border:none;color:var(--admin-text-muted);display:flex;align-items:center}.btn-copy-hex:hover{color:var(--admin-text-main)}.color-specs-row{display:flex;gap:.85rem;background:#f8fafc;padding:.35rem .55rem;border-radius:4px}.spec-item{display:flex;align-items:center;gap:.35rem}.spec-label{font-size:.65rem;font-weight:700;color:var(--admin-text-muted)}.spec-value{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--admin-text-sub)}.preview-column{background:#f1f5f9;display:flex;flex-direction:column}.preview-container{display:flex;flex-direction:column;height:100%;min-width:0;container-type:inline-size}.preview-toolbar{background:#fff;border:1px solid var(--admin-border);border-radius:8px 8px 0 0;padding:.65rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.preview-toolbar-title{display:flex;align-items:center;gap:.45rem}.live-indicator-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.preview-theme-label{font-size:.75rem;color:var(--admin-text-muted)}.preview-impact-label{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;border:1px solid var(--admin-brand-border);border-radius:999px;background:var(--admin-brand-light);color:var(--admin-brand);font-size:.68rem;line-height:1.3}.preview-impact-label strong{font-weight:750}.preview-toolbar-controls{display:flex;align-items:center;gap:.5rem}.viewport-toggle-group{display:flex;background:#f1f5f9;padding:.15rem;border-radius:6px;border:1px solid var(--admin-border)}.btn-viewport{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:none;background:transparent;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--admin-text-sub)}.btn-viewport.active{background:#fff;color:var(--admin-brand);box-shadow:0 1px 2px #00000014}.btn-preview-modal-trigger{background:var(--admin-surface);border:1px solid var(--admin-border);padding:.25rem .6rem;border-radius:4px;font-size:.725rem;font-weight:600;color:var(--admin-brand)}.btn-preview-modal-trigger:hover{background:var(--admin-brand-light)}.preview-canvas-wrapper{flex:1;overflow:auto;display:flex;justify-content:center;padding:1rem 0;min-width:0}.preview-canvas{height:640px;min-height:640px;flex:0 0 auto;background:var(--background, #F7F9F7);color:var(--text-primary, #252B27);border:1px solid var(--border, #E5EAE6);border-radius:8px;box-shadow:0 8px 24px #00000014;overflow:hidden;position:relative;transition:width .3s ease}.preview-canvas.viewport-tablet{height:600px;min-height:600px}.preview-canvas.viewport-mobile{width:min(100%,320px)!important;height:auto;min-height:0;aspect-ratio:320 / 858;max-width:100%}.viewport-mobile .erp-app-shell{height:100%;min-height:0}.erp-app-shell{display:flex;height:100%;min-height:0;overflow:hidden}.erp-sidebar{width:220px;min-width:0;background:var(--sidebar, #145A3A);color:var(--sidebar-text, #FFFFFF);display:flex;flex-direction:column;flex-shrink:0}.viewport-mobile .erp-sidebar{display:flex;width:48px;min-width:48px;flex:0 0 48px}.viewport-mobile:not(.mobile-sidebar-open) .erp-sidebar{display:none}.viewport-mobile.mobile-sidebar-open .erp-sidebar{position:absolute;inset:0 auto 0 0;z-index:20;width:190px;min-width:190px;flex:0 0 190px;box-shadow:12px 0 32px #0f172a38}.mobile-sidebar-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border:0;background:#0f172a6b;cursor:pointer}.erp-mobile-menu-toggle,.erp-mobile-sidebar-close{display:none;align-items:center;justify-content:center;border:0;border-radius:.45rem;color:inherit;background:transparent;cursor:pointer}.viewport-mobile .erp-mobile-menu-toggle{display:inline-flex;flex:0 0 30px;width:30px;height:32px;color:var(--text-primary, #1f2937)}.viewport-mobile.mobile-sidebar-open .erp-mobile-sidebar-close{display:inline-flex;flex:0 0 28px;width:28px;height:28px;margin-left:auto;color:inherit}.erp-mobile-menu-toggle:hover,.erp-mobile-sidebar-close:hover{background:#7f7f7f1f}.viewport-mobile .erp-app-shell,.viewport-mobile .erp-main-content{width:100%;min-width:0}.viewport-mobile .erp-navbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:0 .65rem}.viewport-mobile .erp-navbar-left{display:flex;align-items:center;gap:.25rem;min-width:0}.viewport-mobile .erp-search-wrap{flex:1 1 auto;width:auto;min-width:0;padding:0 .4rem}.viewport-mobile .erp-search-input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewport-mobile .erp-navbar-right{flex-shrink:0;gap:.35rem}.viewport-mobile .erp-term-badge{flex-shrink:0;flex-wrap:nowrap;white-space:nowrap;font-size:.62rem}.viewport-mobile .erp-content-body{width:100%;padding:.75rem}.viewport-mobile .erp-page-header{align-items:flex-start}.viewport-mobile .erp-form-grid{grid-template-columns:minmax(0,1fr);gap:.9rem}.viewport-mobile .erp-form-group{min-width:0}.viewport-mobile .erp-input,.viewport-mobile .erp-select{box-sizing:border-box;width:100%;min-width:0}.erp-radio-options{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:.5rem}.viewport-mobile .erp-radio-options{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}.viewport-mobile .erp-radio-options label,.viewport-mobile .erp-form-group>div.flex{min-width:0;align-items:flex-start;overflow-wrap:anywhere}.viewport-mobile .erp-radio-options input,.viewport-mobile .erp-form-group>div.flex input{flex:0 0 auto;margin-top:.2rem}.viewport-mobile .erp-form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.viewport-mobile .erp-form-actions button{min-width:0;white-space:normal}.erp-sidebar-header{padding:1rem;display:flex;align-items:center;gap:.65rem;border-bottom:1px solid rgba(255,255,255,.1)}.erp-brand-icon{width:30px;height:30px;background:#fff3;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}.erp-brand-text{display:flex;flex-direction:column}.erp-brand-title{font-size:.95rem;font-weight:800;line-height:1.1}.erp-brand-subtitle{font-size:.65rem;opacity:.75}.erp-nav-list{padding:.75rem .5rem;flex:1;display:flex;flex-direction:column;gap:.2rem}.erp-nav-group-title{font-size:.6rem;font-weight:700;letter-spacing:.05em;color:var(--sidebar-muted, #A1CBB7);padding:.4rem .6rem}.erp-nav-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:6px;border:none;background:transparent;color:var(--sidebar-text, #FFFFFF);opacity:.85;font-size:.775rem;font-weight:500;text-align:left;transition:all .15s ease}.erp-nav-item:hover{opacity:1;background:#ffffff14}.erp-nav-item.active{opacity:1;background:#ffffff2e;font-weight:700}.erp-sidebar-footer{padding:.75rem;border-top:1px solid rgba(255,255,255,.1)}.erp-user-badge{display:flex;align-items:center;gap:.5rem}.erp-avatar{width:28px;height:28px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.erp-user-info{display:flex;flex-direction:column;overflow:hidden}.erp-user-name{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-user-role{font-size:.65rem;opacity:.7}.erp-main-content{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--background, #F7F9F7)}.erp-navbar{height:52px;background:var(--navbar, #FFFFFF);border-bottom:1px solid var(--border, #E5EAE6);padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.erp-search-wrap{display:flex;align-items:center;background:var(--background, #F7F9F7);border:1px solid var(--border, #E5EAE6);border-radius:6px;padding:0 .5rem;width:min(240px,40%);min-width:0}.erp-search-icon{color:var(--text-muted, #8D9790)}.erp-search-input{border:none;background:transparent;padding:.35rem .5rem;font-size:.75rem;color:var(--text-primary, #252B27);outline:none;width:100%}.erp-navbar-right{display:flex;align-items:center;gap:.65rem}.erp-term-badge{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;background:var(--primary-light, #E5F2E9);color:var(--primary, #145A3A);padding:.25rem .55rem;border-radius:4px}.erp-icon-btn{background:transparent;border:none;color:var(--text-secondary, #5B645E);position:relative;padding:.3rem;display:flex}.erp-badge-dot{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:var(--danger, #DC3545)}.erp-nav-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary, #145A3A);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.erp-content-body{padding:1.25rem;flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.erp-page-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.erp-page-title{font-size:1.2rem;font-weight:800;color:var(--text-primary, #252B27);letter-spacing:-.01em}.erp-page-sub{font-size:.75rem;color:var(--text-secondary, #5B645E)}.erp-sub-tabs{display:flex;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5EAE6);padding:.2rem;border-radius:6px;gap:.2rem}.erp-sub-tab{border:none;background:transparent;padding:.3rem .65rem;border-radius:4px;font-size:.725rem;font-weight:600;color:var(--text-secondary, #5B645E)}.erp-sub-tab.active{background:var(--primary, #145A3A);color:#fff}.erp-metric-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.erp-metric-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5EAE6);border-radius:8px;padding:.85rem 1rem}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.metric-title{font-size:.75rem;font-weight:600;color:var(--text-secondary, #5B645E)}.metric-icon-wrap{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.metric-icon-wrap.primary-icon{background:var(--primary-light, #E5F2E9);color:var(--primary, #145A3A)}.metric-icon-wrap.success-icon{background:#1987541f;color:var(--success, #198754)}.metric-icon-wrap.accent-icon{background:#0e83881f;color:var(--accent, #0E8388)}.metric-icon-wrap.info-icon{background:#0d6efd1f;color:var(--info, #0D6EFD)}.metric-value{font-size:1.35rem;font-weight:800;color:var(--text-primary, #252B27);line-height:1.1;margin-bottom:.25rem}.metric-footer{font-size:.7rem}.metric-footer.positive{color:var(--success, #198754);font-weight:600}.erp-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5EAE6);border-radius:8px;padding:1rem}.erp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.erp-card-title{font-size:.925rem;font-weight:700;color:var(--text-primary, #252B27)}.erp-table-responsive{overflow-x:auto}.erp-table{width:100%;border-collapse:collapse;font-size:.775rem;text-align:left}.erp-table th{background:var(--background, #F7F9F7);color:var(--text-secondary, #5B645E);font-weight:700;padding:.5rem .75rem;border-bottom:1px solid var(--border, #E5EAE6)}.erp-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border, #E5EAE6);color:var(--text-primary, #252B27)}.btn-erp-primary{background:var(--primary, #145A3A);color:#fff;border:1px solid var(--primary, #145A3A);padding:.45rem .85rem;border-radius:6px;font-size:.8rem;font-weight:600;transition:all .15s ease}.btn-erp-primary:hover{background:var(--primary-hover, #10452E)}.btn-erp-secondary{background:var(--secondary, #287A50);color:#fff;border:1px solid var(--secondary, #287A50);padding:.45rem .85rem;border-radius:6px;font-size:.8rem;font-weight:600}.btn-erp-outline{background:transparent;color:var(--primary, #145A3A);border:1px solid var(--border-strong, #CBD5CE);padding:.45rem .85rem;border-radius:6px;font-size:.8rem;font-weight:600}.btn-erp-outline:hover{background:var(--primary-light, #E5F2E9);border-color:var(--primary, #145A3A)}.btn-erp-danger{background:var(--danger, #DC3545);color:#fff;border:1px solid var(--danger, #DC3545);padding:.45rem .85rem;border-radius:6px;font-size:.8rem;font-weight:600}.btn-erp-ghost{background:transparent;border:none;color:var(--primary, #145A3A);font-weight:600;text-decoration:underline}.erp-badge{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:12px;font-size:.68rem;font-weight:700}.badge-primary{background:var(--primary-light, #E5F2E9);color:var(--primary, #145A3A)}.badge-success{background:#1987541f;color:var(--success, #198754)}.badge-warning{background:#f0ad4e26;color:#92400e}.badge-danger{background:#dc35451f;color:var(--danger, #DC3545)}.badge-info{background:#0d6efd1f;color:var(--info, #0D6EFD)}.erp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.erp-form-grid{grid-template-columns:1fr}}.erp-form-group{display:flex;flex-direction:column;gap:.35rem}.erp-form-label{font-size:.775rem;font-weight:600;color:var(--text-primary, #252B27)}.erp-form-hint{font-size:.68rem;color:var(--text-muted, #8D9790)}.erp-input,.erp-select{background:var(--surface, #FFFFFF);border:1px solid var(--border-strong, #CBD5CE);padding:.45rem .65rem;border-radius:6px;font-size:.8rem;color:var(--text-primary, #252B27);outline:none}.erp-input:focus,.erp-select:focus{border-color:var(--primary, #145A3A);box-shadow:0 0 0 2px var(--primary-light, #E5F2E9)}.erp-radio,.erp-checkbox{accent-color:var(--primary, #145A3A)}.erp-form-actions{display:flex;gap:.5rem;flex-wrap:wrap}.erp-alerts-stack{display:flex;flex-direction:column;gap:.65rem}.erp-alert{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;border-radius:6px;font-size:.775rem}.alert-success{background:#19875414;border:1px solid var(--success, #198754);color:var(--text-primary, #252B27)}.alert-warning{background:#f0ad4e1a;border:1px solid var(--warning, #F0AD4E);color:var(--text-primary, #252B27)}.alert-danger{background:#dc354514;border:1px solid var(--danger, #DC3545);color:var(--text-primary, #252B27)}.alert-info{background:#0d6efd14;border:1px solid var(--info, #0D6EFD);color:var(--text-primary, #252B27)}.erp-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40}.erp-modal-window{background:var(--surface, #FFFFFF);border:1px solid var(--border-strong, #CBD5CE);border-radius:8px;width:100%;max-width:480px;box-shadow:0 12px 32px #0003;overflow:hidden;animation:modalPop .18s ease}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.erp-modal-header{padding:.85rem 1rem;border-bottom:1px solid var(--border, #E5EAE6);display:flex;justify-content:space-between;align-items:center}.erp-modal-title{font-size:.875rem;font-weight:700;color:var(--text-primary, #252B27)}.erp-modal-close{background:transparent;border:none;color:var(--text-muted, #8D9790)}.erp-modal-body{padding:1rem}.erp-summary-box{background:var(--background, #F7F9F7);border:1px solid var(--border, #E5EAE6);border-radius:6px;padding:.65rem .85rem}.erp-modal-footer{padding:.75rem 1rem;border-top:1px solid var(--border, #E5EAE6);display:flex;justify-content:flex-end;gap:.5rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-dialog{background:#fff;border-radius:10px;width:100%;max-width:520px;box-shadow:0 20px 40px #0003;overflow:hidden}.modal-dialog.modal-lg{max-width:720px}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:.95rem;font-weight:700;color:var(--admin-text-main)}.btn-close{background:transparent;border:none;color:var(--admin-text-muted)}.modal-body{padding:1.25rem;max-height:75vh;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.775rem;font-weight:600;color:var(--admin-text-main)}.form-input{background:#fff;border:1px solid var(--admin-border);border-radius:6px;padding:.5rem .75rem;font-size:.825rem;outline:none}.form-input:focus{border-color:var(--admin-brand);box-shadow:0 0 0 2px var(--admin-brand-light)}.native-color-picker-input{width:36px;height:36px;border:1px solid var(--admin-border);border-radius:6px;cursor:pointer}.modal-footer{padding:.85rem 1.25rem;border-top:1px solid var(--admin-border);display:flex;justify-content:flex-end;gap:.5rem}.btn-modal-primary{background:var(--admin-brand);color:#fff;border:none;padding:.45rem 1rem;border-radius:6px;font-size:.825rem;font-weight:600}.btn-modal-primary:hover{background:var(--admin-brand-hover)}.btn-modal-secondary{background:#f1f5f9;border:1px solid var(--admin-border);color:var(--admin-text-sub);padding:.45rem 1rem;border-radius:6px;font-size:.825rem;font-weight:600}.doc-section-title{font-size:.85rem;font-weight:700;color:var(--admin-text-main);margin-bottom:.35rem}.doc-text{font-size:.775rem;color:var(--admin-text-sub);margin-bottom:.5rem}.code-block-wrapper{position:relative;background:#0f172a;border-radius:6px;padding:.75rem 1rem;overflow-x:auto}.code-block-wrapper pre{margin:0;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#e2e8f0;line-height:1.45}.btn-copy-code{position:absolute;top:.5rem;right:.5rem;background:#ffffff1f;border:none;border-radius:4px;padding:.25rem .45rem;color:#fff}.btn-copy-code:hover{background:#ffffff40}.toast-notification{position:fixed;bottom:1.5rem;right:1.5rem;background:#0f172a;color:#fff;padding:.75rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:.65rem;font-size:.825rem;font-weight:500;box-shadow:0 10px 25px #00000040;z-index:120;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-error{background:#991b1b}.app-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner-forest{width:36px;height:36px;border:3px solid rgba(20,90,58,.15);border-top-color:var(--admin-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-workflow{width:100%;max-width:none;min-width:0;margin:0;padding:1.25rem clamp(.75rem,2vw,2rem) 2rem;flex:1}.workflow-stepper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin-bottom:1.1rem;overflow-x:auto;padding:.15rem 0 .35rem}.workflow-step{min-width:118px;display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;border:1px solid var(--admin-border);border-radius:8px;background:var(--admin-surface);color:var(--admin-text-sub);text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.workflow-step:hover{border-color:var(--admin-brand-border);color:var(--admin-brand)}.workflow-step.active{border-color:var(--admin-brand);background:var(--admin-brand-light);color:var(--admin-brand)}.workflow-step.completed .workflow-step-number{border-color:var(--admin-brand);color:var(--admin-brand)}.workflow-step-number{width:1.65rem;height:1.65rem;flex:0 0 1.65rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--admin-border-strong);border-radius:50%;background:#fff;color:var(--admin-text-muted);font-size:.75rem;font-weight:700}.workflow-step.active .workflow-step-number{border-color:var(--admin-brand);background:var(--admin-brand);color:#fff}.workflow-step-label{font-size:.75rem;font-weight:650;line-height:1.2}.workflow-page{overflow:hidden;border:1px solid var(--admin-border);border-radius:10px;background:var(--admin-surface);box-shadow:0 2px 8px #0f172a0a}.workflow-page-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.4rem;border-bottom:1px solid var(--admin-border)}.workflow-page-count{color:var(--admin-brand);font-size:.67rem;font-weight:750;letter-spacing:.08em}.workflow-page-heading h2{margin-top:.2rem;color:var(--admin-text-main);font-size:1.15rem;font-weight:750}.workflow-page-heading p{margin-top:.2rem;color:var(--admin-text-muted);font-size:.8rem}.workflow-theme-name{max-width:30%;overflow:hidden;padding:.35rem .65rem;border:1px solid var(--admin-border);border-radius:999px;color:var(--admin-text-sub);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.workflow-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;min-width:0}.workflow-editor-panel{position:relative;min-width:0;padding:1.25rem 1.4rem}.workflow-editor-panel[hidden]{display:none}.preset-overlay{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;background:#f5f8f7;box-shadow:12px 0 28px #0f172a1f;animation:presetOverlayIn .18s ease-out}@keyframes presetOverlayIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.preset-overlay .preset-selector-container{min-height:100%;padding:1rem;border:0;background:transparent;box-shadow:none;animation:none}.preset-overlay .preset-header{align-items:flex-start;flex-direction:column}.preset-overlay .preset-controls-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;width:100%}.preset-overlay .preset-search-wrap{grid-column:1 / -1;width:100%}.preset-overlay .preset-search-input{width:100%}.preset-overlay .preset-filter-pills{min-width:0}.preset-overlay .preset-pill{padding-inline:.45rem}.preset-overlay .preset-grid{grid-template-columns:minmax(0,1fr);gap:.65rem}.preset-overlay .preset-card{min-height:0;padding:.8rem}.preset-overlay .preset-desc{min-height:0;margin-bottom:.65rem}.workflow-preview-panel{min-width:0;min-height:620px;padding:1.25rem 1.4rem;background:#f1f5f9;border-left:1px solid var(--admin-border)}.workflow-preview-panel .preview-container{min-height:580px}.workflow-content.preview-only{display:block}.workflow-content.preview-only .workflow-preview-panel{min-height:720px;border-left:0}.workflow-content.preview-only .workflow-preview-panel .preview-container{min-height:680px}.workflow-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.4rem;border-top:1px solid var(--admin-border);background:#fcfdfe}.workflow-navigation-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .85rem;border:1px solid transparent;border-radius:6px;font-size:.8rem;font-weight:650;transition:background .15s ease,border-color .15s ease}.workflow-navigation-button.secondary{border-color:var(--admin-border);background:#fff;color:var(--admin-text-sub)}.workflow-navigation-button.secondary:hover:not(:disabled){border-color:var(--admin-border-strong);background:#f8fafc}.workflow-navigation-button.primary{background:var(--admin-brand);color:#fff}.workflow-navigation-button.primary:hover{background:var(--admin-brand-hover)}.workflow-navigation-button:disabled{cursor:not-allowed;opacity:.45}.workflow-navigation-hint{color:var(--admin-text-muted);font-size:.75rem;text-align:center}@media(max-width:960px){.workflow-content{grid-template-columns:minmax(0,1fr)}.workflow-preview-panel{min-height:540px;border-top:1px solid var(--admin-border);border-left:0}.workflow-preview-panel .preview-container{min-height:500px}}@media(max-width:760px){.app-header{align-items:flex-start;flex-direction:column;gap:.8rem;padding:.85rem 1rem}.header-brand,.header-meta{width:100%;min-width:0}.header-meta{justify-content:space-between;gap:.5rem}.endpoint-pill{min-width:0;flex-wrap:wrap;padding:.3rem .45rem}.endpoint-pill code{overflow-wrap:anywhere}.theme-overview-panel{padding:.85rem 1rem}.overview-meta-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.overview-item,.overview-value-wrap{min-width:0}.overview-value-wrap{flex-wrap:wrap}.overview-actions-bar{align-items:stretch}.actions-left,.actions-right{flex-wrap:wrap}.btn-overview{justify-content:center}.editor-workflow{padding:.9rem .75rem 1.5rem}.workflow-stepper{grid-template-columns:repeat(6,132px)}.workflow-page-heading{align-items:flex-start;padding:1rem}.workflow-theme-name{max-width:40%}.workflow-editor-panel,.workflow-preview-panel{padding:.9rem}.color-fields-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.workflow-navigation{flex-wrap:wrap;padding:.75rem 1rem}.workflow-navigation-hint{order:1;width:100%}.preview-toolbar{align-items:flex-start}.preview-toolbar-title{flex-wrap:wrap}.preview-toolbar-controls{flex-wrap:wrap;max-width:100%}.preview-canvas-wrapper{justify-content:center}}@media(max-width:480px){.app-header{padding:.75rem}.header-brand{align-items:flex-start;gap:.6rem}.brand-title-wrap{flex-wrap:wrap;gap:.3rem}.brand-subtitle{max-width:34ch;font-size:.68rem}.header-meta{align-items:stretch;flex-direction:column}.header-meta>*{justify-content:center}.overview-meta-bar{grid-template-columns:minmax(0,1fr)}.overview-actions-bar,.actions-left,.actions-right{width:100%}.actions-left,.actions-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.btn-overview{min-width:0;padding:.45rem .5rem;font-size:.75rem}.btn-overview span{overflow-wrap:anywhere}.workflow-page-heading{flex-direction:column;gap:.65rem;padding:.85rem}.workflow-page-heading h2{font-size:1rem}.workflow-page-heading p{font-size:.75rem}.workflow-theme-name{max-width:100%}.workflow-stepper{grid-template-columns:repeat(6,116px)}.workflow-editor-panel,.workflow-preview-panel{padding:.65rem}.shade-generator-card{padding:.7rem}.shade-assign-actions{width:100%}.preview-toolbar{padding:.6rem}.preview-toolbar-controls,.viewport-toggle-group{width:100%}.viewport-toggle-group{justify-content:space-between}.btn-viewport{padding:.35rem}.btn-viewport span{font-size:.65rem}.btn-preview-modal-trigger{flex:1;min-height:32px}.workflow-navigation{gap:.5rem}.workflow-navigation-button{flex:1;padding:.45rem .5rem;font-size:.75rem}}@container (max-width: 680px){.preview-toolbar{align-items:flex-start}.preview-toolbar-title{flex-wrap:wrap}.preview-toolbar-controls{flex-wrap:wrap;max-width:100%}.erp-sidebar{width:170px}.erp-navbar{padding:0 .65rem;gap:.35rem}.erp-navbar-right{gap:.35rem}.erp-content-body{padding:.85rem}}@container (max-width: 480px){.erp-sidebar{width:48px}.viewport-mobile.mobile-sidebar-open .erp-sidebar{width:190px;min-width:190px}.erp-sidebar-header{justify-content:center;padding:.65rem .25rem}.erp-brand-text,.erp-nav-group-title,.erp-nav-item span,.erp-user-info{display:none}.viewport-mobile.mobile-sidebar-open .erp-sidebar-header{justify-content:flex-start;padding:.65rem .75rem}.viewport-mobile.mobile-sidebar-open .erp-brand-text,.viewport-mobile.mobile-sidebar-open .erp-user-info{display:flex}.viewport-mobile.mobile-sidebar-open .erp-nav-group-title{display:block}.viewport-mobile.mobile-sidebar-open .erp-nav-item span{display:inline}.erp-nav-list{padding:.6rem .25rem}.viewport-mobile.mobile-sidebar-open .erp-nav-list{padding:.6rem .65rem}.erp-nav-item{justify-content:center;padding:.55rem .2rem}.viewport-mobile.mobile-sidebar-open .erp-nav-item{justify-content:flex-start;padding:.55rem .65rem}.erp-sidebar-footer{display:flex;justify-content:center;padding:.6rem .2rem}.viewport-mobile.mobile-sidebar-open .erp-sidebar-footer{justify-content:flex-start;padding:.6rem .65rem}.erp-search-wrap{width:30%;padding:0 .3rem}.erp-search-input{padding:.3rem .25rem;font-size:.65rem}.erp-term-badge{padding:.25rem .35rem;font-size:.6rem}.erp-navbar-right{gap:.2rem}.erp-content-body{padding:.6rem}.erp-page-title{font-size:1rem}.erp-sub-tabs{max-width:100%;overflow-x:auto}.erp-sub-tab{white-space:nowrap}.erp-card{padding:.7rem}}.preview-canvas *{transition-property:background-color,color,border-color;transition-duration:.18s;transition-timing-function:ease}.preview-canvas.preview-highlight-active.preview-focus-brand .erp-sidebar,.preview-canvas.preview-highlight-active.preview-focus-brand .erp-nav-item.active,.preview-canvas.preview-highlight-active.preview-focus-brand .erp-nav-avatar,.preview-canvas.preview-highlight-active.preview-focus-brand .erp-sub-tab.active,.preview-canvas.preview-highlight-active.preview-focus-brand .btn-erp-primary,.preview-canvas.preview-highlight-active.preview-focus-brand .btn-erp-secondary,.preview-canvas.preview-highlight-active.preview-focus-backgrounds .erp-sidebar,.preview-canvas.preview-highlight-active.preview-focus-backgrounds .erp-navbar,.preview-canvas.preview-highlight-active.preview-focus-backgrounds .erp-content-body,.preview-canvas.preview-highlight-active.preview-focus-backgrounds .erp-card,.preview-canvas.preview-highlight-active.preview-focus-backgrounds .erp-metric-card,.preview-canvas.preview-highlight-active.preview-focus-typography .erp-page-header,.preview-canvas.preview-highlight-active.preview-focus-typography .erp-card-title,.preview-canvas.preview-highlight-active.preview-focus-typography .metric-title,.preview-canvas.preview-highlight-active.preview-focus-typography .metric-value,.preview-canvas.preview-highlight-active.preview-focus-typography .erp-table th,.preview-canvas.preview-highlight-active.preview-focus-typography .erp-table td,.preview-canvas.preview-highlight-active.preview-focus-typography .erp-nav-item,.preview-canvas.preview-highlight-active.preview-focus-borders .erp-sub-tabs,.preview-canvas.preview-highlight-active.preview-focus-borders .erp-card,.preview-canvas.preview-highlight-active.preview-focus-borders .erp-metric-card,.preview-canvas.preview-highlight-active.preview-focus-borders .erp-input,.preview-canvas.preview-highlight-active.preview-focus-borders .erp-select,.preview-canvas.preview-highlight-active.preview-focus-borders .erp-table th,.preview-canvas.preview-highlight-active.preview-focus-borders .erp-table td,.preview-canvas.preview-highlight-active.preview-focus-semantic .erp-alert,.preview-canvas.preview-highlight-active.preview-focus-semantic .erp-badge,.preview-canvas.preview-highlight-active.preview-focus-semantic .metric-footer.positive,.preview-canvas.preview-highlight-active.preview-focus-semantic .metric-icon-wrap{outline:2px solid transparent;outline-offset:2px;animation:preview-focus-pulse 1.1s ease-out both;position:relative;z-index:1}@keyframes preview-focus-pulse{15%,70%{outline-color:#0f9f6e;box-shadow:0 0 0 4px #0f9f6e2e}to{outline-color:transparent;box-shadow:0 0 #0f9f6e00}}@media(prefers-reduced-motion:reduce){.preview-canvas.preview-highlight-active [class]{animation-duration:1ms}}:root{--admin-radius-control: 8px;--admin-radius-card: 12px;--admin-shadow-card: 0 1px 3px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .035)}body{background-color:#f4f7f6}button:focus-visible,input:focus-visible{outline:3px solid rgba(20,90,58,.32);outline-offset:2px}.app-header{padding:.8rem clamp(1rem,2vw,2rem);box-shadow:0 1px 2px #0f172a0a}.brand-logo-container{border-radius:10px}.header-meta{gap:.6rem}.endpoint-pill{min-height:38px;background:#f8fafc;border-radius:var(--admin-radius-control)}.btn-header-secondary{min-height:38px;border-radius:var(--admin-radius-control)}.theme-overview-panel{padding:1rem clamp(1rem,2vw,2rem);gap:.9rem;box-shadow:0 2px 6px #0f172a06}.overview-meta-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.overview-item{min-width:0;padding:.15rem 1rem;border-right:1px solid var(--admin-border)}.overview-item:first-child{padding-left:0}.overview-item:last-child{border-right:0}.overview-label{letter-spacing:.07em}.overview-value{font-weight:600}.overview-actions-bar{padding-top:.85rem;border-top:1px solid var(--admin-border)}.btn-overview,.workflow-navigation-button,.btn-action-pill{border-radius:var(--admin-radius-control)}.btn-overview{min-height:40px}.btn-publish{box-shadow:0 2px 5px #145a3a2e}.preset-selector-container{padding:1.25rem clamp(1rem,2vw,2rem) 1.5rem;background:#f5f8f7;border-bottom:1px solid var(--admin-border);box-shadow:inset 0 1px #fff}.preset-header{align-items:flex-start;margin-bottom:1rem}.preset-header h3{color:var(--admin-text-main);font-size:.95rem}.preset-header>div:first-child>span{display:block;margin-top:.3rem;line-height:1.5}.preset-controls-bar{justify-content:flex-end}.preset-search-wrap{min-height:38px;padding:.3rem .65rem;border-radius:var(--admin-radius-control);box-shadow:0 1px 2px #0f172a06}.preset-search-input{width:clamp(150px,16vw,230px);font:inherit;font-size:.78rem}.preset-filter-pills{min-height:38px;align-items:center;padding:.2rem;border:1px solid var(--admin-border);background:#e9eef0}.preset-pill{min-height:30px;padding:.3rem .65rem;border-radius:6px}.preset-close-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--admin-border);border-radius:var(--admin-radius-control);background:#fff;color:var(--admin-text-muted);transition:color .15s ease,border-color .15s ease,background .15s ease}.preset-close-button:hover{border-color:var(--admin-border-strong);background:#f8fafc;color:var(--admin-text-main)}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:.9rem}.preset-card{width:100%;min-width:0;min-height:158px;display:flex;flex-direction:column;padding:1rem;border-radius:var(--admin-radius-card);box-shadow:0 1px 2px #0f172a06;color:inherit;font:inherit;text-align:left}.preset-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-card)}.preset-card.active-preset{border:1px solid var(--admin-brand);box-shadow:0 0 0 3px #145a3a17,var(--admin-shadow-card)}.preset-card-header{align-items:flex-start;gap:.6rem}.preset-card-header>.flex-items-center{min-width:0;align-items:flex-start}.preset-name{line-height:1.4}.preset-badge,.preset-type-chip{flex:0 0 auto;white-space:nowrap}.preset-desc{min-height:2.7em;margin:.35rem 0 .8rem;line-height:1.5}.preset-palette-row{margin-top:auto;gap:.4rem}.palette-pill{height:20px;border-radius:5px}.preset-empty-state{padding:2.5rem 1rem;border:1px dashed var(--admin-border-strong);border-radius:var(--admin-radius-card);color:var(--admin-text-muted);text-align:center}.workflow-stepper{gap:.65rem;margin-bottom:1rem}.workflow-step{min-height:48px;border-radius:10px;box-shadow:0 1px 2px #0f172a06}.workflow-step.active{box-shadow:0 0 0 3px #145a3a14}.workflow-page{border-radius:var(--admin-radius-card);box-shadow:var(--admin-shadow-card)}.workflow-editor-panel{padding:clamp(1rem,1.5vw,1.5rem)}.workflow-preview-panel{padding:clamp(1rem,1.5vw,1.5rem);background:#f3f6f7}.color-field-card{border-radius:10px;box-shadow:0 1px 2px #0f172a06}.color-field-card:hover{box-shadow:0 3px 10px #0f172a0e}.shade-generator-card{border-radius:10px}.preview-toolbar{border-radius:10px;box-shadow:0 1px 3px #0f172a0a}@media(max-width:900px){.overview-meta-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 0}.overview-item:nth-child(2){border-right:0}.overview-item:nth-child(3){padding-left:0}.preset-header{align-items:stretch;flex-direction:column}.preset-controls-bar{justify-content:flex-start}}@media(max-width:600px){.overview-meta-bar{grid-template-columns:1fr;gap:0}.overview-item,.overview-item:first-child,.overview-item:nth-child(3){padding:.6rem 0;border-right:0;border-bottom:1px solid var(--admin-border)}.overview-item:last-child{border-bottom:0}.preset-controls-bar{display:grid;grid-template-columns:minmax(0,1fr) auto}.preset-search-wrap{grid-column:1 / -1}.preset-search-input{width:100%}.preset-filter-pills{width:max-content;max-width:100%}.preset-grid{grid-template-columns:1fr}.preset-card{min-height:146px}}.preset-light-indicator{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.3rem .65rem;border:1px solid var(--admin-brand-border);border-radius:var(--admin-radius-control);background:var(--admin-brand-light);color:var(--admin-brand);font-size:.73rem;font-weight:650;white-space:nowrap}.preset-overlay .preset-light-indicator{min-width:0;padding-inline:.45rem;font-size:.68rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.erp-nav-item[aria-current=page]{outline:1px solid rgba(255,255,255,.18)}.preview-route-metrics{margin-bottom:1rem}.preview-schedule-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(120deg,var(--surface, #FFFFFF),var(--primary-light, #E5F2E9))}.preview-schedule-date{width:58px;height:62px;flex:0 0 58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border, #E5EAE6);border-radius:10px;background:var(--surface, #FFFFFF);color:var(--primary, #145A3A)}.preview-schedule-date strong{font-size:1.35rem;line-height:1.1}.preview-schedule-date span{margin-top:.2rem;font-size:.62rem;font-weight:750;letter-spacing:.08em}.preview-route-header{margin-bottom:.9rem}.preview-faculty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.85rem}.preview-faculty-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem}.preview-faculty-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--primary-light, #E5F2E9);color:var(--primary, #145A3A);font-size:.8rem;font-weight:800}.preview-faculty-info{min-width:0}.preview-faculty-info h4{overflow:hidden;color:var(--text-primary, #252B27);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.preview-faculty-info p,.preview-faculty-info a{display:block;overflow:hidden;color:var(--text-secondary, #5B645E);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.preview-faculty-info a{color:var(--primary, #145A3A);text-decoration:none}.preview-faculty-card>.erp-badge,.preview-faculty-card>.btn-erp-outline{grid-column:2;justify-self:start}.preview-settings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);align-items:start;gap:1rem}.preview-runtime-card{min-width:0}.preview-runtime-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-top:.85rem;font-size:.72rem}.preview-runtime-row>:last-child{max-width:60%;overflow-wrap:anywhere;text-align:right}.preview-attendance-value{display:grid;grid-template-columns:2.5rem minmax(50px,1fr);align-items:center;gap:.45rem}.preview-progress-track{height:6px;overflow:hidden;border-radius:999px;background:var(--primary-light, #E5F2E9)}.preview-progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--primary, #145A3A)}.preview-grade-scale{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.65rem;margin-top:.8rem}.preview-grade-scale span{padding:.55rem .65rem;border-radius:7px;background:var(--background, #F7F9F7);color:var(--text-secondary, #5B645E);font-size:.7rem}.preview-grade-scale strong{margin-right:.3rem;color:var(--primary, #145A3A)}.preview-library-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}.preview-library-toolbar .erp-search-wrap{width:min(320px,100%);min-height:36px}.preview-library-categories{display:flex;flex-wrap:wrap;gap:.45rem}.preview-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.85rem}.preview-book-card{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:.7rem}.preview-book-cover{min-height:76px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,var(--primary, #145A3A),var(--secondary, #287A50));color:#fff;font-size:.8rem;font-weight:800}.preview-book-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.preview-book-content h4{color:var(--text-primary, #252B27);font-size:.8rem;line-height:1.35}.preview-book-content p{color:var(--text-secondary, #5B645E);font-size:.68rem}.preview-book-card>.btn-erp-outline{grid-column:1 / -1;justify-self:start}.preview-library-recent{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 0;border-top:1px solid var(--border, #E5EAE6);color:var(--text-primary, #252B27);font-size:.75rem}.preview-library-recent>span:first-child{display:flex;align-items:center;gap:.45rem}@container (max-width: 720px){.preview-settings-layout{grid-template-columns:minmax(0,1fr)}}@container (max-width: 480px){.preview-faculty-grid{grid-template-columns:minmax(0,1fr)}.preview-schedule-card{align-items:flex-start}.preview-route-header{align-items:flex-start;flex-direction:column}.preview-library-toolbar{align-items:stretch}.preview-library-toolbar .erp-search-wrap{width:100%}.preview-library-recent{align-items:flex-start;flex-direction:column;gap:.25rem}}