.action-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-light);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-half);transition:background-color var(--transition-fast),opacity var(--transition-fast)}.action-button--sm{padding:var(--space-half) var(--space-1);font-size:var(--font-size-xs)}.action-button--md{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.action-button--lg{padding:var(--space-2) var(--space-3);font-size:var(--font-size-md)}.action-button--primary{background:var(--color-primary);color:var(--text-on-primary)}.action-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.action-button--secondary{background:var(--surface-3);color:var(--text-secondary)}.action-button--secondary:hover:not(:disabled){background:var(--border-default)}.action-button--tertiary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.action-button--tertiary:hover:not(:disabled){background:var(--surface-2);border-color:var(--slate-300)}.action-button--danger{background:var(--color-danger-hover);color:var(--text-on-primary)}.action-button--danger:hover:not(:disabled){background:var(--color-danger-dark)}.action-button--success{background:var(--color-success);color:var(--text-on-primary)}.action-button--success:hover:not(:disabled){background:var(--color-success-hover)}.action-button:disabled{cursor:not-allowed;opacity:.6}.action-button--full-width{width:100%}.action-button--with-icon{display:inline-flex;align-items:center}.action-button__icon{display:flex;align-items:center;justify-content:center}.action-button--loading{position:relative}.action-button__spinner{width:var(--space-2);height:var(--space-2);border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inv-demo{display:flex;flex-direction:column;gap:var(--space-3);max-width:1400px;margin:0 auto}.inv-demo__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-2)}.inv-demo__header-left{display:flex;flex-direction:column;gap:var(--space-half)}.inv-demo__title{display:flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.inv-demo__title svg{color:var(--color-primary)}.inv-demo__sku{font-size:var(--font-size-sm);color:var(--text-tertiary);font-family:monospace}.inv-demo__header-actions{display:flex;gap:var(--space-1)}.inv-demo__tabs{display:flex;gap:var(--space-1);padding:var(--space-half);margin:0 var(--space-2);background:var(--surface-3);border-radius:var(--radius-md);width:fit-content}.inv-tab{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.inv-tab:hover{color:var(--text-primary)}.inv-tab.active{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-sm)}.inv-demo__content{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-2)}.inv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.inv-stats--3{grid-template-columns:repeat(3,1fr)}.inv-stat-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:linear-gradient(to top,color-mix(in srgb,var(--color-primary) 5%,var(--surface-1)),var(--surface-1))}.inv-stat-card--centered{align-items:center;text-align:center}.inv-stat-card__header{display:flex;align-items:flex-start;justify-content:space-between}.inv-stat-card__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.inv-stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.inv-stat-card__badge{display:inline-flex;align-items:center;gap:var(--space-half);padding:var(--space-half) var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.inv-stat-card__badge.positive{color:var(--color-success)}.inv-stat-card__badge.negative{color:var(--color-danger)}.inv-stat-card__footer{display:flex;flex-direction:column;gap:var(--space-half)}.inv-stat-card__trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.inv-stat-card__desc{font-size:var(--font-size-sm);color:var(--text-tertiary)}.inv-stat-card__big-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.inv-stat-card__big-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-top:var(--space-1)}.inv-stat-card__sub{font-size:var(--font-size-sm);color:var(--text-tertiary)}.inv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.inv-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.inv-card__header{display:flex;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--border-default)}.inv-card__header--with-actions{justify-content:space-between}.inv-card__title{display:flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.inv-card__title svg{color:var(--text-secondary)}.inv-card__subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:var(--space-half) 0 0}.inv-card__actions{display:flex;gap:var(--space-1)}.inv-card__content{padding:var(--space-3)}.inv-card__content--flush{padding:0}.inv-breakdown__bar{display:flex;height:24px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-3);margin-bottom:var(--space-3)}.inv-breakdown__segment{transition:width var(--transition-normal)}.inv-breakdown__segment--available{background:var(--color-success)}.inv-breakdown__segment--allocated{background:var(--color-warning)}.inv-breakdown__segment--reserved{background:var(--color-primary)}.inv-breakdown__legend{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.inv-breakdown__item{display:flex;align-items:center;gap:var(--space-1)}.inv-breakdown__dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.inv-breakdown__dot--available{background:var(--color-success)}.inv-breakdown__dot--allocated{background:var(--color-warning)}.inv-breakdown__dot--reserved{background:var(--color-primary)}.inv-breakdown__label{flex:1;font-size:var(--font-size-sm);color:var(--text-secondary)}.inv-breakdown__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.inv-level{padding-top:var(--space-2);border-top:1px solid var(--border-default)}.inv-level__header{display:flex;justify-content:space-between;margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.inv-level__percent{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.inv-level__track{position:relative;height:8px;background:var(--surface-3);border-radius:var(--radius-full);margin-bottom:var(--space-1)}.inv-level__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-primary));border-radius:var(--radius-full);transition:width var(--transition-normal)}.inv-level__marker{position:absolute;top:-4px;width:2px;height:16px;background:var(--color-danger);border-radius:1px;transform:translate(-50%)}.inv-level__labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary)}.inv-table{width:100%;border-collapse:collapse}.inv-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);background:var(--surface-3);border-bottom:1px solid var(--border-default)}.inv-table td{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--border-default)}.inv-table tr:last-child td{border-bottom:none}.inv-table tr:hover td{background:var(--surface-3)}.inv-table__mono{font-family:monospace;font-variant-numeric:tabular-nums}.inv-table__muted{color:var(--text-secondary)}.inv-location{display:flex;flex-direction:column;gap:2px}.inv-location__code{font-family:monospace;font-size:var(--font-size-xs);padding:2px var(--space-1);background:var(--surface-3);border-radius:var(--radius-sm);color:var(--text-primary);width:fit-content}.inv-location__name{font-size:var(--font-size-sm);color:var(--text-secondary)}.inv-variance{font-family:monospace;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.inv-variance.positive{color:var(--color-success)}.inv-variance.negative{color:var(--color-danger)}.inv-variance.neutral{color:var(--text-tertiary)}.inv-badge{display:inline-flex;padding:var(--space-half) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.inv-badge--sale{background:#fef2f2;color:#991b1b}.inv-badge--receipt{background:#f0fdf4;color:#166534}.inv-badge--adjustment{background:#fefce8;color:#854d0e}.inv-badge--transfer{background:#eff6ff;color:#1e40af}.inv-qty{font-family:monospace;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.inv-qty.positive{color:var(--color-success)}.inv-qty.negative{color:var(--color-danger)}.inv-link{color:var(--color-primary);text-decoration:none;font-family:monospace}.inv-link:hover{text-decoration:underline}.inv-toggle-group{display:flex;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.inv-toggle{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.inv-toggle:not(:last-child){border-right:1px solid var(--border-default)}.inv-toggle.active{background:var(--surface-3);color:var(--text-primary)}.inv-toggle:hover:not(.active){background:var(--surface-3)}.inv-chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);height:280px;background:var(--surface-3);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--font-size-sm)}.inv-summary-row{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--border-default);font-size:var(--font-size-sm);color:var(--text-secondary)}.inv-summary-row:last-of-type{border-bottom:none}.inv-summary-value{font-family:monospace;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.inv-summary-value.positive{color:var(--color-success)}.inv-summary-value.negative{color:var(--color-danger)}.inv-summary-total{display:flex;justify-content:space-between;padding-top:var(--space-2);margin-top:var(--space-1);border-top:2px solid var(--border-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.inv-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.inv-btn--primary{background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary)}.inv-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.inv-btn--secondary{background:var(--surface-1);color:var(--text-secondary);border-color:var(--border-default)}.inv-btn--secondary:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-hover)}.inv-btn--ghost{background:transparent;color:var(--text-secondary);padding:var(--space-1) var(--space-1)}.inv-btn--ghost:hover{background:var(--surface-3);color:var(--text-primary)}.inv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-3)}.inv-modal{background:var(--surface-1);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.inv-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--border-default)}.inv-modal__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.inv-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.inv-modal__close:hover{background:var(--surface-3);color:var(--text-primary)}.inv-modal__body{padding:var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.inv-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-1);padding:var(--space-3);border-top:1px solid var(--border-default)}.inv-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.inv-form-row{display:flex;gap:var(--space-2)}.inv-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.inv-input,.inv-textarea,.inv-select{width:100%;padding:var(--space-1);font-size:var(--font-size-sm);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.inv-input:hover,.inv-textarea:hover,.inv-select:hover{background:var(--surface-3);border-color:var(--border-hover)}.inv-input:focus,.inv-textarea:focus,.inv-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.inv-input::placeholder,.inv-textarea::placeholder{color:var(--text-tertiary)}.inv-select-wrapper{position:relative}.inv-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-5);cursor:pointer}.inv-select-icon{position:absolute;right:var(--space-1);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.inv-textarea{resize:vertical;min-height:80px}.inv-info-box{flex:1;display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--surface-3);border-radius:var(--radius-md)}.inv-info-box__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.inv-info-box__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.inv-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.inv-toggle-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.inv-toggle-btn:hover{background:var(--surface-3);border-color:var(--border-hover)}.inv-toggle-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.inv-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface-3);border-radius:var(--radius-md)}.inv-preview__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.inv-preview__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.inv-preview__value.positive{color:var(--color-success)}.inv-preview__value.negative{color:var(--color-danger)}.inv-preview__change{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.inv-preview__change.positive{color:var(--color-success)}.inv-preview__change.negative{color:var(--color-danger)}.inv-alert{display:flex;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md)}.inv-alert--warning{background:#fef9c3;border:1px solid #fcd34d;color:#854d0e}.inv-alert--danger{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.inv-alert svg{flex-shrink:0;margin-top:2px}.inv-alert strong{display:block;font-size:var(--font-size-sm)}.inv-alert p{margin:var(--space-half) 0 0;font-size:var(--font-size-xs)}@media (max-width: 1024px){.inv-stats{grid-template-columns:repeat(2,1fr)}.inv-stats--3{grid-template-columns:repeat(3,1fr)}.inv-grid{grid-template-columns:1fr}}@media (max-width: 640px){.inv-demo__header{flex-direction:column;align-items:flex-start}.inv-demo__header-actions{width:100%}.inv-demo__header-actions .inv-btn{flex:1}.inv-stats,.inv-stats--3{grid-template-columns:1fr}.inv-demo__tabs{width:100%;overflow-x:auto}.inv-table{font-size:var(--font-size-xs)}.inv-table th,.inv-table td{padding:var(--space-1) var(--space-2)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;border:1px solid #e2e8f0;padding:40px;width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:24px}.login-logo img{height:72px;width:auto}.login-card h2{font-size:24px;font-weight:600;color:#1e293b;text-align:center;margin:0 0 8px}.login-desc{font-size:14px;color:#64748b;text-align:center;margin:0 0 24px}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#dc2626;font-size:14px;font-weight:500}.login-form-group{margin-bottom:16px}.login-form-group.password{margin-bottom:24px}.login-form-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.login-form-input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;background:#fff}.login-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-form-input::placeholder{color:#94a3b8}.login-submit-btn{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.login-submit-btn:hover:not(:disabled){background:#2563eb}.login-submit-btn:disabled{background:#94a3b8;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0}.login-divider-line{flex:1;height:1px;background:#e2e8f0}.login-divider-text{font-size:12px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.login-google-btn{width:100%;padding:12px;background:#fff;color:#374151;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:10px}.login-google-btn:hover:not(:disabled){background:#f8fafc;border-color:#d1d5db}.login-google-btn:disabled{opacity:.6;cursor:not-allowed}.login-google-icon{display:flex;align-items:center;justify-content:center}.login-google-icon img{width:22px;height:22px}@media (max-width: 480px){.login-card{padding:32px 24px}.login-logo img{height:56px}.login-card h2{font-size:20px}}.message-sidebar{position:fixed;top:16px;right:16px;z-index:1001}.message-sidebar-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#334155;transition:all .15s}.message-sidebar-trigger:hover{border-color:#cbd5e1;background:#f8fafc}.message-sidebar-badge{color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.message-sidebar-badge.error{background:#ef4444}.message-sidebar-badge.warning{background:#f59e0b}.message-sidebar-badge.info{background:#3b82f6}.message-sidebar-caret{transition:transform .2s}.message-sidebar-caret.open{transform:rotate(180deg)}.message-sidebar-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:320px;max-height:800px;overflow-y:auto;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000001f;z-index:1000}.message-sidebar-header{padding:12px 16px;border-bottom:1px solid #e2e8f0;font-weight:600;font-size:14px;color:#1e293b}.message-sidebar-messages{padding:8px}.message-sidebar-message{border-radius:8px;margin-bottom:6px;overflow:hidden}.message-sidebar-message.warning{background:#fef3c7}.message-sidebar-message.error{background:#fee2e2}.message-sidebar-message.info{background:#dbeafe}.message-sidebar-message.success{background:#dcfce7}.message-sidebar-message-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.message-sidebar-message-row.clickable{cursor:pointer}.message-sidebar-message-caret{flex-shrink:0;transition:transform .15s}.message-sidebar-message-caret.expanded{transform:rotate(180deg)}.message-sidebar-message-icon{flex-shrink:0}.message-sidebar-message-title{flex:1;font-size:13px;font-weight:500}.message-sidebar-message-title.warning{color:#92400e}.message-sidebar-message-title.error{color:#991b1b}.message-sidebar-message-title.info{color:#1e40af}.message-sidebar-message-title.success{color:#166534}.message-sidebar-dismiss{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;opacity:.6;border-radius:4px}.message-sidebar-dismiss:hover{opacity:1}.message-sidebar-items{padding:0 12px 10px 36px;display:flex;flex-wrap:wrap;gap:6px}.message-sidebar-item-link{background:#fff;padding:4px 10px;border-radius:4px;font-size:12px;text-decoration:none;font-weight:500}.message-sidebar-item-link.warning{color:#92400e}.message-sidebar-item-link.error{color:#991b1b}.message-sidebar-item-link.info{color:#1e40af}.message-sidebar-item-link.success{color:#166534}.message-sidebar-item-link:hover{opacity:.8}.sidebar-container{position:fixed;top:0;left:0;height:100vh;z-index:200;flex-shrink:0;overflow:visible;transition:width .2s ease;z-index:1000}.sidebar-toggle{position:absolute;top:20px;right:-14px;width:28px;height:28px;background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 2px 4px #0000001a;z-index:10}.sidebar-toggle:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.sidebar{height:100vh;background:#fff;display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden;border-right:1px solid #e2e8f0;box-sizing:border-box}.sidebar.expanded{width:var(--sidebar-width-expanded)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{padding:14px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:12px;height:72px}.sidebar-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #3b82f64d}.sidebar-avatar.no-photo{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-avatar-initial{color:#fff;font-weight:600;font-size:16px}.sidebar-user-info{overflow:hidden;flex:1;min-width:0;transition:opacity .15s ease}.sidebar-user-info.hidden{opacity:0}.sidebar-user-name{color:#1e293b;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{color:#94a3b8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.sidebar-nav-link{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:4px;border-radius:8px;text-decoration:none;color:#64748b;background:transparent;transition:background .15s,color .15s;font-weight:400}.sidebar-nav-link:hover{background:#f1f5f9;color:#374151}.sidebar-nav-link.active{color:#1e293b;background:#f1f5f9;font-weight:500}.sidebar-nav-icon{display:flex;flex-shrink:0}.sidebar-nav-label{font-size:14px;white-space:nowrap;overflow:hidden;transition:opacity .15s ease}.sidebar-nav-label.hidden{opacity:0}.sidebar-footer{padding:12px;border-top:1px solid #e2e8f0}.sidebar-logout{display:flex;align-items:center;gap:12px;padding:12px;width:100%;border-radius:8px;border:1px solid transparent;background:transparent;color:#64748b;cursor:pointer;transition:background .15s,color .15s,border .15s}.sidebar-logout:hover{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.sidebar-logout-icon{display:flex;flex-shrink:0}.sidebar-logout-label{font-size:14px;white-space:nowrap;overflow:hidden;transition:opacity .15s ease}.sidebar-logout-label.hidden{opacity:0}.admin-analytics{min-height:100vh;background-color:#f8fafc}.admin-header{background:linear-gradient(135deg,#1e3a5f,#2d5a87);padding:1.5rem 2rem;color:#fff}.back-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#fffc;cursor:pointer;padding:.5rem;margin:-.5rem -.5rem 1rem;font-size:.875rem;transition:color .2s}.back-btn:hover{color:#fff}.header-row{display:flex;justify-content:space-between;align-items:center}.header-row h1{margin:0;font-size:1.75rem;font-weight:700}.header-actions{display:flex;gap:.75rem;align-items:center}.date-range-select{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:.875rem;cursor:pointer}.date-range-select option{color:#1e3a5f}.refresh-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:background .2s}.refresh-btn:hover{background:#ffffff40}.admin-content{max-width:1400px;margin:0 auto;padding:2rem}.analytics-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 1rem}.section-header .section-title{margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stats-card{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb;display:flex;gap:1rem;align-items:flex-start}.stats-card--loading{min-height:100px}.stats-card__icon{color:#6b7280;padding:.5rem;background:#f3f4f6;border-radius:8px}.stats-card--success .stats-card__icon{color:#059669;background:#d1fae5}.stats-card--warning .stats-card__icon{color:#d97706;background:#fef3c7}.stats-card--error .stats-card__icon{color:#dc2626;background:#fee2e2}.stats-card__content{flex:1}.stats-card__value{font-size:1.75rem;font-weight:700;color:#111827;line-height:1.2}.stats-card--success .stats-card__value{color:#059669}.stats-card--error .stats-card__value{color:#dc2626}.stats-card__title{font-size:.875rem;color:#6b7280;margin-top:.25rem}.stats-card__subtitle{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton--value{height:2rem;width:80px;margin-bottom:.5rem}.skeleton--title{height:1rem;width:100px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.endpoints-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.endpoints-table{width:100%;border-collapse:collapse}.endpoints-table th,.endpoints-table td{padding:.875rem 1rem;text-align:left}.endpoints-table th{background:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.endpoints-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem}.endpoints-table tr:last-child td{border-bottom:none}.endpoint-path{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.error-count{color:#dc2626;font-weight:600}.no-errors{color:#9ca3af}.filter-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.filter-toggle:hover{border-color:#3b82f6;color:#3b82f6}.filters-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.filter-field{display:flex;flex-direction:column;gap:.375rem}.filter-field label{font-size:.75rem;font-weight:500;color:#6b7280}.filter-field input,.filter-field select{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem}.filter-field input:focus,.filter-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filters-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn--primary{background:#3b82f6;color:#fff;border:none}.btn--primary:hover{background:#2563eb}.btn--secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.btn--secondary:hover{background:#f9fafb}.requests-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.requests-table{width:100%;border-collapse:collapse}.requests-table th,.requests-table td{padding:.75rem 1rem;text-align:left}.requests-table th{background:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.requests-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem}.request-row{cursor:pointer;transition:background .15s}.request-row:hover{background:#f9fafb}.request-row--error{background:#fef2f2}.request-row--error:hover{background:#fee2e2}.time-cell{color:#6b7280;white-space:nowrap;font-size:.8125rem}.path-cell code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;word-break:break-all}.user-cell{color:#6b7280;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-cell,.empty-cell{text-align:center;color:#9ca3af;padding:2rem!important}.method-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.method-badge--get{background:#dbeafe;color:#1d4ed8}.method-badge--post{background:#d1fae5;color:#047857}.method-badge--put,.method-badge--patch{background:#fef3c7;color:#b45309}.method-badge--delete{background:#fee2e2;color:#b91c1c}.status-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-badge--success{background:#d1fae5;color:#047857}.status-badge--warning{background:#fef3c7;color:#b45309}.status-badge--error{background:#fee2e2;color:#b91c1c}.duration-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;background:#f3f4f6;color:#374151}.duration-badge--medium{background:#fef3c7;color:#b45309}.duration-badge--slow{background:#fee2e2;color:#b91c1c}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-buttons{display:flex;align-items:center;gap:.75rem}.pagination-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page{font-size:.875rem;color:#6b7280}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.modal-close{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.25rem;overflow-y:auto}.request-details{display:flex;flex-direction:column;gap:.875rem}.detail-row{display:flex;align-items:flex-start;gap:1rem}.detail-row--full{flex-direction:column;gap:.5rem}.detail-label{flex:0 0 120px;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.875rem;color:#111827;word-break:break-all}code.detail-value{font-family:SF Mono,Monaco,Courier New,monospace;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.detail-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.75rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;color:#b91c1c;white-space:pre-wrap;word-break:break-word;margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;color:#b91c1c;text-align:center}.loading{text-align:center;color:#6b7280;padding:2rem}@media (max-width: 768px){.admin-header{padding:1rem}.header-row{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%}.date-range-select,.refresh-btn{flex:1}.admin-content{padding:1rem}.stats-grid{grid-template-columns:1fr 1fr}.filters-grid{grid-template-columns:1fr}.requests-table-container{overflow-x:auto}.pagination{flex-direction:column;gap:.75rem}}.admin-logs-page{padding:2rem;max-width:1200px;margin:0 auto}.admin-logs-page .admin-header{margin-bottom:2rem;border-bottom:2px solid #e5e7eb;padding-bottom:1rem}.admin-logs-page .admin-header h1{font-size:2rem;font-weight:600;color:#111827;margin:0}.header-row{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.refresh-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2563eb;border:none;border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#1d4ed8}.logs-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.stat{flex:1;padding:1rem;background:#f9fafb;border-radius:8px;text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:#111827}.stat-label{font-size:.875rem;color:#6b7280}.stat.success .stat-value{color:#059669}.stat.failed .stat-value{color:#dc2626}.logs-table-container{overflow-x:auto}.logs-table{width:100%;border-collapse:collapse}.logs-table th,.logs-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.logs-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.logs-table tbody tr:hover{background:#f9fafb}.task-cell{display:flex;align-items:center;gap:.5rem;font-weight:500}.task-icon{font-size:1.25rem}.date-cell{font-size:.875rem;color:#6b7280;white-space:nowrap}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-success{background:#d1fae5;color:#065f46}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.details-btn{padding:.25rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.details-btn:hover{background:#e5e7eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600}.close-btn{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e5e7eb}.modal-body{padding:1.5rem;overflow-y:auto}.detail-row{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.detail-section{margin-top:1rem}.detail-section strong{display:block;margin-bottom:.5rem}.json-display{background:#1f2937;color:#e5e7eb;padding:1rem;border-radius:8px;font-size:.75rem;overflow-x:auto;margin:0}@media (max-width: 768px){.admin-logs-page,.admin-section{padding:1rem}.logs-stats{flex-direction:column}.header-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.divider{width:100%;border:none;border-top:1px solid var(--border-default);margin:0;padding:0}.divider--sm{margin:var(--space-1) 0}.divider--md{margin:var(--space-2) 0}.divider--lg{margin:var(--space-3) 0}.divider--xl{margin:var(--space-4) 0}.divider--invisible{border-top-color:transparent}.divider--subtle{border-top-color:var(--border-muted)}.admin-dashboard{min-height:100vh;background-color:#f8fafc;display:flex;flex-direction:column}.admin-dashboard__header{background:linear-gradient(135deg,#1e3a5f,#2d5a87);padding:2.5rem 2rem;color:#fff}.admin-dashboard__header-content{max-width:1200px;margin:0 auto}.admin-dashboard__title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#fff}.admin-dashboard__subtitle{font-size:1rem;margin:0;color:#fffc;font-weight:400}.admin-dashboard__main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}.admin-dashboard__section{margin-bottom:0}.admin-dashboard__section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.admin-dashboard__section-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.admin-dashboard__section-count{font-size:.75rem;font-weight:500;color:#059669;background-color:#d1fae5;padding:.25rem .625rem;border-radius:9999px}.admin-dashboard__section-badge{font-size:.75rem;font-weight:500;color:#6b7280;background-color:#e5e7eb;padding:.25rem .625rem;border-radius:9999px}.admin-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.admin-nav-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.admin-nav-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.admin-nav-card--disabled{cursor:not-allowed;opacity:.65;background-color:#fafafa}.admin-nav-card--disabled:hover{border-color:#e5e7eb;box-shadow:0 1px 2px #0000000d;transform:none}.admin-nav-card__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background-color:#eff6ff;border-radius:10px;color:#3b82f6;flex-shrink:0}.admin-nav-card--disabled .admin-nav-card__icon{background-color:#f3f4f6;color:#9ca3af}.admin-nav-card__content{flex:1;min-width:0}.admin-nav-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.admin-nav-card__title{font-size:1rem;font-weight:600;color:#111827;margin:0}.admin-nav-card--disabled .admin-nav-card__title{color:#6b7280}.admin-nav-card__badge{font-size:.625rem;font-weight:600;color:#92400e;background-color:#fef3c7;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.admin-nav-card__description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.admin-nav-card--disabled .admin-nav-card__description{color:#9ca3af}.admin-nav-card__arrow{color:#9ca3af;flex-shrink:0;transition:transform .2s ease,color .2s ease}.admin-nav-card:hover:not(.admin-nav-card--disabled) .admin-nav-card__arrow{color:#3b82f6;transform:translate(4px)}.admin-nav-card--disabled .admin-nav-card__arrow{color:#d1d5db}.admin-dashboard__footer{background-color:#fff;border-top:1px solid #e5e7eb;padding:1.25rem 2rem;text-align:center}.admin-dashboard__footer-text{font-size:.875rem;color:#6b7280;margin:0}@media (max-width: 768px){.admin-dashboard__header{padding:1.5rem 1rem}.admin-dashboard__title{font-size:1.5rem}.admin-dashboard__main{padding:1.5rem 1rem}.admin-dashboard__grid{grid-template-columns:1fr}.admin-nav-card{padding:1rem}.admin-nav-card__icon{width:44px;height:44px}.admin-dashboard__footer{padding:1rem}}.admin-dashboard__message{max-width:1200px;margin:1rem auto 0;padding:.875rem 1rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500}.admin-dashboard__message--success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.admin-dashboard__message--error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.admin-dashboard__message-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7;padding:0 .25rem;line-height:1}.admin-dashboard__message-close:hover{opacity:1}.form-container{color:var(--text-primary)}.modal-body .form-container{max-width:none;margin:0;padding:0}.form-container h1{font-size:1.75rem;margin-bottom:.25rem}.form-subtitle{color:var(--text-secondary);margin-bottom:1.5rem}.form{display:flex;flex-wrap:wrap;gap:8px}.form>.fi{flex:1 1 100%}.form fieldset{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);flex:1 1 280px;min-width:350px}.form fieldset:last-of-type{margin-bottom:0}.form legend{font-weight:var(--label-font-weight);font-size:13px;padding:0 6px;color:var(--text-heading)}.form-actions{display:flex;gap:.75rem;margin-top:.5rem;flex:1 1 100%}.form-actions button{padding:.6rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.form-actions button[type=submit]{background:var(--color-primary);color:#fff}.form-actions button[type=submit]:hover{background:var(--color-primary-hover)}.form-actions button[type=reset]{background:var(--surface-3);color:var(--slate-600)}.form-actions button[type=reset]:hover{background:var(--border-default)}.form-output{margin-top:2rem;padding:1.25rem;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md)}.form-output h2{font-size:1.1rem;margin-bottom:.75rem}.form-output pre{background:var(--slate-800);color:var(--border-default);padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.8rem;line-height:1.5}.dd-wrapper{display:flex;flex:1;width:100%}.dd{position:relative;width:100%}.dd__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--input-padding-y) var(--input-padding-x);border:var(--input-border-width) solid transparent;border-radius:var(--input-radius);font-size:var(--input-font-size);background:var(--surface-2);cursor:pointer;transition:all var(--transition-normal);text-align:left;color:var(--text-primary);font-family:inherit}.dd__trigger:hover{background:var(--surface-3)}.dd__trigger:focus{outline:none;background:var(--surface-1);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-ring)}.dd--error .dd__trigger{border-color:var(--color-danger)}.dd--error .dd__trigger:focus{border-color:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-ring)}.dd__value--placeholder{color:var(--text-tertiary)}.dd__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform var(--transition-fast)}.dd--open .dd__chevron{transform:rotate(180deg)}.dd__panel{z-index:99999;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:260px;overflow:hidden}.dd__list{margin:0;padding:4px 0;list-style:none;overflow-y:auto;flex:1}.dd__option{display:flex;align-items:center;gap:var(--space-1);padding:10px 14px;font-size:var(--input-font-size);cursor:pointer;transition:all var(--transition-fast);color:var(--text-heading)}.dd__option--focused{background:var(--surface-3)}.dd__option--selected{color:var(--color-primary);font-weight:500}.dd__option--selected.dd__option--focused{background:var(--color-primary-light)}.dd__option--empty{color:var(--text-tertiary);font-style:italic;cursor:default}.dd__option--disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.dd__option--disabled:hover{background:transparent}.dd__option-label{flex:1;min-width:0}.dd__option-subtitle{flex-shrink:0;margin-left:auto;font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400}.dd-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.dd__option--multi{display:flex;align-items:center;gap:var(--space-1)}.dd__check{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:700}.dd__option-img{width:20px;height:20px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.dd__badges{display:flex;flex-wrap:wrap;gap:var(--space-half)}.dd__badge{display:inline-flex;align-items:center;gap:var(--space-half);padding:2px var(--space-1) 2px var(--space-1);background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-heading);line-height:1;white-space:nowrap}.dd__badge-img{width:18px;height:18px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.dd__badge-label{font-weight:var(--font-weight-medium)}.dd__badge-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.dd__badge-remove:hover{background:var(--color-danger-ring);color:var(--color-danger)}.dd__badge--disabled{opacity:.6;padding-right:var(--space-1)}.fi{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.fi:last-child{margin-bottom:0}.fi__label{display:block;font-size:var(--label-font-size);font-weight:var(--label-font-weight);color:var(--label-color);text-transform:uppercase;letter-spacing:var(--label-letter-spacing)}.fi__required{color:var(--color-danger);margin-left:3px;font-weight:700}.fi__input{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);color:var(--text-primary);background:var(--surface-2);border:var(--input-border-width) solid transparent;border-radius:var(--input-radius);transition:all var(--transition-normal);font-family:inherit;box-sizing:border-box}.fi__input:hover{background:var(--surface-3)}.fi__input:focus{outline:none;background:var(--surface-1);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-ring)}.fi__input::placeholder{color:var(--text-tertiary)}.fi--error .fi__label{color:var(--color-danger)}.fi--error .fi__input{border-color:var(--color-danger)}.fi--error .fi__input:focus{border-color:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-ring)}.fi__error{font-size:.8rem;color:var(--color-danger)}.fi .fi__input-wrapper{position:relative;display:flex;align-items:center;width:100%}.fi .fi__input-wrapper .fi__input,.fi .fi__input-wrapper .dd{flex:1}.fi .fi__input-wrapper--icon .fi__input,.fi .fi__input-wrapper--icon .dd__trigger{padding-left:40px}.fi__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--text-tertiary);pointer-events:none}.fi__icon--textarea{top:14px;transform:none}.fi__input-wrapper--textarea .fi__input{padding-left:40px}.fi__input:focus+.fi__icon,.fi__input-wrapper--icon .fi__input:focus~.fi__icon{color:var(--color-primary)}.fi--toggle{margin-bottom:18px}.fi__toggle{display:flex;align-items:center;gap:12px;cursor:pointer;padding:var(--input-padding-y) var(--input-padding-x);background:var(--surface-2);border-radius:var(--input-radius);transition:all var(--transition-normal)}.fi__toggle:hover{background:var(--surface-3)}.fi__toggle-input{display:none}.fi__toggle-switch{position:relative;width:48px;height:26px;background:var(--slate-300);border-radius:13px;transition:all var(--transition-slow);flex-shrink:0}.fi__toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all var(--transition-slow);box-shadow:var(--shadow-sm)}.fi__toggle-input:checked+.fi__toggle-switch{background:var(--color-primary)}.fi__toggle-input:checked+.fi__toggle-switch:after{left:25px}.fi__toggle-label{font-size:var(--input-font-size);color:var(--text-heading);font-weight:500}.fi__input[type=checkbox],.fi__input[type=radio]{width:auto;padding:0;margin:0;accent-color:var(--color-primary);cursor:pointer}.fi__input[type=range]{padding:0;border:none;background:transparent;accent-color:var(--color-primary)}.fi__input[type=range]:focus{box-shadow:none}.fi__color-row{display:flex;gap:.5rem;align-items:center}.fi__color-picker{width:48px;height:36px;padding:2px;cursor:pointer;flex-shrink:0}.fi__color-text{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;text-transform:uppercase}.fi__input[type=file]{padding:.35rem;font-size:.85rem;background:transparent;border-style:dashed}select.fi__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.fi__tabs{display:flex;border-radius:var(--input-radius);overflow:hidden;border:var(--input-border-width) solid transparent;background:var(--surface-2)}.fi__tab{flex:1;padding:10px 14px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);background:transparent;color:var(--text-secondary)}.fi__tab:not(:first-child){border-left:1px solid var(--border-default)}.fi__tab--active{background:var(--color-primary);color:#fff}.fi__media-count{font-weight:400;font-size:.8rem;color:var(--text-tertiary);margin-left:.4rem}.fi__media-grid{display:flex;gap:.5rem;flex-wrap:wrap;align-items:start}.fi__media-card{position:relative;width:80px;height:80px;border-radius:var(--input-radius);overflow:hidden;border:2px solid var(--surface-3);touch-action:none;cursor:grab;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.fi__media-card:active{cursor:grabbing}.fi__media-card-img{width:100%;height:100%;object-fit:cover;display:block}.fi__media-card-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#0f172a8c;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast)}.fi__media-card:hover .fi__media-card-remove{opacity:1}.fi__media-card-remove:hover{background:var(--color-danger)}.fi__media-add{width:80px;height:80px;border:2px dashed var(--border-light);border-radius:var(--input-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);background:var(--surface-2)}.fi__media-add:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.fi__media-add-icon{font-size:1.5rem;line-height:1;color:var(--text-tertiary)}.fi__media-add:hover .fi__media-add-icon{color:var(--color-primary)}.fi__media-add-input{display:none}.fi--error .fi__media-card,.fi--error .fi__media-add{border-color:var(--color-danger)}.fi__textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.action-bar__btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .15s;display:flex;align-items:center;gap:8px;border:none;cursor:pointer}.action-bar__btn--cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.action-bar__btn--cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.action-bar__btn--save{background:#10b981;color:#fff}.action-bar__btn--save:hover:not(:disabled){background:#059669}.action-bar__btn .animate-spin{animation:action-bar-spin 1s linear infinite}@keyframes action-bar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:var(--surface-1);border-radius:var(--radius-xl);width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-content--sm{max-width:400px}.modal-content--md{max-width:480px}.modal-content--lg{max-width:600px}.modal-content--xl{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-default);flex-shrink:0}.modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{background:var(--surface-3);border:none;border-radius:var(--radius-sm);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color var(--transition-fast)}.modal-close:hover{background:var(--border-default)}.modal-body{padding:24px;overflow-y:auto;flex:1;color:var(--slate-600);line-height:1.6}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--border-default);flex-shrink:0;gap:12px}.modal-actions__left{display:flex;gap:12px}.modal-actions__right{display:flex;gap:12px;margin-left:auto}@media (max-width: 640px){.modal-overlay{padding:16px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-actions{padding:16px 20px;flex-wrap:wrap}}.admin-users-page{padding:2rem 2rem 6rem;max-width:1200px;margin:0 auto}.admin-users-page .admin-header{margin-bottom:2rem;border-bottom:2px solid #e5e7eb;padding-bottom:1rem}.admin-users-page .admin-header h1{font-size:2rem;font-weight:600;color:#111827;margin:.5rem 0 0}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.back-btn:hover{background:#e5e7eb}.action-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-bottom:1rem;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:.875rem}.action-error button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1}.admin-content{display:flex;flex-direction:column;gap:2rem}.admin-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.admin-section h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1rem}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.users-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.users-table tbody tr:hover{background:#f9fafb}.email-cell{font-family:monospace;font-size:.875rem}.profile-select{padding:.35rem .5rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;min-width:140px;background:#fff;cursor:pointer}.profile-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.permissions-cell{font-size:.75rem;color:#6b7280;max-width:300px}.locations-cell{white-space:nowrap}.btn-locations{display:inline-flex;align-items:center;gap:.35rem;width:auto;padding:.35rem .65rem;font-size:.8rem}.btn-locations .locations-count{color:#374151;font-weight:500}.empty-row{text-align:center;color:#9ca3af;padding:2rem!important}.profile-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.profile-admin{background:#fee2e2;color:#991b1b}.profile-editor{background:#dbeafe;color:#1e40af}.profile-viewer{background:#d1fae5;color:#065f46}.profile-default{background:#f3f4f6;color:#374151}.profiles-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.profiles-section-header h2{margin:0}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:background .2s,color .2s}.btn-icon:hover{background:#f3f4f6;color:#111827}.btn-icon.btn-danger{background:#fff;color:#dc2626;border-color:#fecaca}.btn-icon.btn-danger:hover{background:#fee2e2;color:#b91c1c}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.profile-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;position:relative}.profile-card-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.profile-card h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;text-transform:capitalize}.profile-name.profile-admin{color:#991b1b}.profile-name.profile-editor{color:#1e40af}.profile-name.profile-viewer{color:#065f46}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{display:inline-block;padding:.25rem .5rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:.75rem;color:#374151}.no-permissions{color:#9ca3af;font-size:.875rem;font-style:italic}.loading{text-align:center;padding:4rem;color:#6b7280}.error-message{text-align:center;padding:2rem;color:#991b1b;background:#fee2e2;border-radius:8px}@media (max-width: 768px){.admin-users-page,.admin-section{padding:1rem}}.cs{display:flex;flex-direction:column;height:100%;background:var(--bg-base);overflow:hidden}.cs-main{display:grid;grid-template-columns:1fr 400px;flex:1;min-height:0;overflow:hidden}.cs-products{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-base);padding:var(--space-2)}.cs-products__toolbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-shrink:0}.cs-search{position:relative;display:flex;align-items:center;flex:1}.cs-btn--cash-count{display:flex;align-items:center;gap:var(--space-half);white-space:nowrap}.cs-search__icon{position:absolute;left:12px;color:var(--text-tertiary)}.cs-search__input{width:100%;padding:var(--space-1) var(--space-1) var(--space-1) 40px;font-size:var(--font-size-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.cs-search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.cs-search__input::placeholder{color:var(--text-tertiary)}.cs-categories{display:flex;gap:var(--space-half);margin-bottom:var(--space-2);overflow-x:auto;padding-bottom:var(--space-half);flex-shrink:0}.cs-category{padding:var(--space-half) var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.cs-category:hover{border-color:var(--color-primary);color:var(--color-primary)}.cs-category--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cs-products__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2);flex:1;min-height:0;overflow-y:auto;padding-right:var(--space-1);align-content:start}.cs-product{display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);min-height:200px}.cs-product:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cs-product__img{width:100%;height:100px;object-fit:cover;background:var(--slate-100)}.cs-product__info{display:flex;flex-direction:column;gap:2px;padding:var(--space-1)}.cs-product__sku{font-size:var(--font-size-xs);color:var(--text-tertiary)}.cs-product__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs-product__price{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-top:var(--space-half)}.cs-product__stock{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:var(--space-half) var(--space-1);border-top:1px solid var(--border-light)}.cs-cart{display:flex;flex-direction:column;background:var(--surface-1);border-left:1px solid var(--border-default);overflow:hidden}.cs-cart__customer{padding:var(--space-2);border-bottom:1px solid var(--border-default)}.cs-cart__customer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.cs-cart__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.cs-customer-card{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--bg-base);border-radius:var(--radius-md)}.cs-customer-card__avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),#8b5cf6);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-full)}.cs-customer-card__info{display:flex;flex-direction:column;gap:2px}.cs-customer-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.cs-customer-card__email{font-size:var(--font-size-xs);color:var(--text-tertiary)}.cs-customer-card__discount{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#10b981}.cs-customer-search{position:relative}.cs-customer-search__input{width:100%;padding:var(--space-1);font-size:var(--font-size-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary)}.cs-customer-search__input:focus{outline:none;border-color:var(--color-primary)}.cs-customer-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-half);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:240px;overflow-y:auto}.cs-customer-dropdown__item{display:flex;flex-direction:column;gap:2px;padding:var(--space-1);cursor:pointer;transition:background var(--transition-fast)}.cs-customer-dropdown__item:hover{background:var(--bg-base)}.cs-customer-dropdown__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.cs-customer-dropdown__company{font-size:var(--font-size-xs);color:var(--text-tertiary)}.cs-customer-dropdown__empty{padding:var(--space-2);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}.cs-customer-dropdown__add{display:flex;align-items:center;justify-content:center;gap:var(--space-half);width:100%;padding:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-light);border:none;border-top:1px solid var(--border-default);cursor:pointer;transition:background var(--transition-fast)}.cs-customer-dropdown__add:hover{background:var(--color-primary-ring)}.cs-cart__items{flex:1;overflow-y:auto;padding:var(--space-2)}.cs-cart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-1);color:var(--text-tertiary);text-align:center}.cs-cart__empty svg{opacity:.3}.cs-cart__empty-sub{font-size:var(--font-size-xs)}.cs-cart-item{display:grid;grid-template-columns:48px 1fr auto auto auto;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--bg-base);border-radius:var(--radius-md);margin-bottom:var(--space-1)}.cs-cart-item__img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm)}.cs-cart-item__info{display:flex;flex-direction:column;gap:2px;min-width:0}.cs-cart-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-cart-item__price{font-size:var(--font-size-xs);color:var(--text-tertiary)}.cs-cart-item__qty{display:flex;align-items:center;gap:var(--space-half)}.cs-qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.cs-qty-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.cs-qty-value{width:24px;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.cs-cart-item__total{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);min-width:60px;text-align:right}.cs-cart-item__remove{padding:var(--space-half);color:var(--text-tertiary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.cs-cart-item__remove:hover{color:#ef4444;background:#fef2f2}.cs-cart__summary{padding:var(--space-2);background:var(--bg-base);border-top:1px solid var(--border-default)}.cs-summary-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-half)}.cs-summary-row--discount{color:#10b981}.cs-summary-row--total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);padding-top:var(--space-1);margin-top:var(--space-1);border-top:1px solid var(--border-default);margin-bottom:0}.cs-cart__actions{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--border-default)}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none}.cs-btn:disabled{opacity:.5;cursor:not-allowed}.cs-btn--primary{background:var(--color-primary);color:#fff}.cs-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.cs-btn--secondary{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-default)}.cs-btn--secondary:hover:not(:disabled){border-color:var(--text-tertiary)}.cs-btn--text{background:none;color:var(--color-primary);padding:var(--space-half)}.cs-btn--text:hover{text-decoration:underline}.cs-btn--sm{padding:var(--space-half) var(--space-1);font-size:var(--font-size-xs)}.cs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-2)}.cs-modal{width:100%;max-width:480px;background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.cs-modal--wide{max-width:600px}.cs-modal--sm{max-width:360px}.cs-modal--success{text-align:center}.cs-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default)}.cs-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.cs-modal__close{padding:var(--space-half);color:var(--text-tertiary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast)}.cs-modal__close:hover{color:var(--text-primary)}.cs-modal__body{padding:var(--space-3)}.cs-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-default)}.cs-modal__total{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-3)}.cs-modal__total span:first-child{font-size:var(--font-size-sm);color:var(--text-tertiary)}.cs-modal__amount{font-size:36px;font-weight:var(--font-weight-bold);color:var(--text-primary)}.cs-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);margin-bottom:var(--space-3)}.cs-payment-method{display:flex;flex-direction:column;align-items:center;gap:var(--space-half);padding:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-base);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.cs-payment-method:hover{border-color:var(--color-primary)}.cs-payment-method--active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.cs-cash-payment{display:flex;flex-direction:column;gap:var(--space-2)}.cs-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-half)}.cs-cash-input{display:flex;align-items:center;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.cs-cash-input__prefix{padding:var(--space-1) var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-tertiary);background:var(--surface-1);border-right:1px solid var(--border-default)}.cs-cash-input__field{flex:1;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);background:transparent;border:none}.cs-cash-input__field:focus{outline:none}.cs-change{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:#ecfdf5;border-radius:var(--radius-md)}.cs-change span:first-child{font-size:var(--font-size-sm);color:#059669}.cs-change__amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#059669}.cs-quick-amounts{display:flex;gap:var(--space-1)}.cs-quick-amount{flex:1;padding:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cs-quick-amount:hover{border-color:var(--color-primary);color:var(--color-primary)}.cs-card-payment{text-align:center}.cs-card-terminal{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--bg-base);border-radius:var(--radius-lg)}.cs-card-terminal svg{color:var(--color-primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cs-card-terminal__text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.cs-card-terminal__sub{font-size:var(--font-size-sm);color:var(--text-tertiary)}.cs-invoice-payment{display:flex;flex-direction:column;gap:var(--space-2)}.cs-input{width:100%;padding:var(--space-1);font-size:var(--font-size-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary)}.cs-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.cs-invoice-note{display:flex;align-items:flex-start;gap:var(--space-1);padding:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-base);border-radius:var(--radius-md)}.cs-invoice-note svg{flex-shrink:0;margin-top:2px}.cs-cash-count{display:flex;flex-direction:column;gap:var(--space-3)}.cs-cash-count__section{display:flex;flex-direction:column;gap:var(--space-1)}.cs-cash-count__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.cs-cash-count__grid{display:flex;flex-direction:column;gap:var(--space-half)}.cs-cash-count__row{display:grid;grid-template-columns:60px 1fr 80px;align-items:center;gap:var(--space-2)}.cs-cash-count__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.cs-cash-count__input{padding:var(--space-half) var(--space-1);font-size:var(--font-size-sm);text-align:center;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary)}.cs-cash-count__input:focus{outline:none;border-color:var(--color-primary)}.cs-cash-count__subtotal{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:right}.cs-cash-count__total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--color-primary-light);border-radius:var(--radius-md)}.cs-cash-count__total span:first-child{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.cs-cash-count__amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.cs-success{padding:var(--space-4)}.cs-success__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-2);background:#ecfdf5;border-radius:var(--radius-full);color:#10b981}.cs-success__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.cs-success__text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.cs-loading,.cs-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--text-tertiary);font-size:var(--font-size-sm)}.cs-loading__spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:cs-spin .8s linear infinite}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-modal--variant{max-width:480px}.cs-variant-header{display:flex;gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}.cs-variant-header__img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);background:var(--slate-100)}.cs-variant-header__info{display:flex;flex-direction:column;justify-content:center;gap:var(--space-half)}.cs-variant-header__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.cs-variant-header__count{font-size:var(--font-size-sm);color:var(--text-tertiary)}.cs-variant-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:400px;overflow-y:auto}.cs-variant-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cs-variant-item:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.cs-variant-item__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.cs-variant-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.cs-variant-item__sku{font-size:var(--font-size-xs);color:var(--text-tertiary)}.cs-variant-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cs-variant-item__price{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary)}.cs-variant-item__stock{font-size:var(--font-size-xs);color:var(--text-tertiary)}.cs-variant-item__arrow{color:var(--text-tertiary);flex-shrink:0}.pos{display:flex;flex:1;min-height:0;gap:var(--space-2);padding:var(--space-2);height:100%;background:var(--surface-1)}.pos-products{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);min-height:0;overflow:hidden}.pos-grid-wrapper{flex:1;min-height:0;position:relative}.pos-search{position:relative;display:flex;flex-shrink:0;align-items:center}.pos-search__icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.pos-search__input{width:100%;height:40px;padding:0 var(--space-5) 0 36px;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pos-search__input:focus{border-color:var(--border-hover);box-shadow:var(--shadow-xs)}.pos-search__input::placeholder{color:var(--text-muted)}.pos-search__clear{position:absolute;right:var(--space-5);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);background:var(--surface-3);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.pos-search__clear:hover{color:var(--text-primary);background:var(--surface-4)}.pos-search__hint{position:absolute;right:var(--space-1);padding:2px 6px;font-size:11px;font-family:ui-monospace,monospace;color:var(--text-muted);background:var(--surface-3);border:1px solid var(--border-muted);border-radius:var(--radius-sm);line-height:1}.pos-categories{display:flex;gap:var(--space-half);overflow-x:auto;padding-bottom:var(--space-half);flex-shrink:0}.pos-category{padding:6px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.pos-category:hover{background:var(--surface-3);color:var(--text-primary)}.pos-category--active{background:var(--slate-800);color:#fff}.pos-cart{width:340px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.pos-customer{padding:var(--space-1);border-bottom:1px solid var(--border-muted);background-color:var(--surface-2)}.pos-customer__btn{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary);background:transparent;border:1px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pos-customer__btn:hover{background:var(--surface-2);border-color:var(--border-hover);border-style:solid;color:var(--text-primary)}.pos-items{flex:1;min-height:0;overflow-y:auto;padding:var(--space-1)}.pos-items__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;gap:var(--space-1)}.pos-items__empty p{font-size:var(--font-size-sm)}.pos-item{display:flex;flex-direction:column;gap:var(--space-half);padding:var(--space-1);border-radius:var(--radius-md);transition:background var(--transition-fast)}.pos-item:hover{background:var(--surface-2)}.pos-item+.pos-item{border-top:1px solid var(--border-muted)}.pos-item__info{display:flex;flex-direction:column;gap:1px}.pos-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight)}.pos-item__sku{font-size:11px;color:var(--text-muted)}.pos-item__controls{display:flex;align-items:center;gap:var(--space-1)}.pos-qty{display:flex;align-items:center;background:var(--surface-3);border-radius:var(--radius-sm);overflow:hidden}.pos-qty__btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast)}.pos-qty__btn:hover{color:var(--text-primary)}.pos-qty__value{min-width:24px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;color:var(--text-primary)}.pos-item__total{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-left:auto;font-variant-numeric:tabular-nums}.pos-item__remove{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.pos-item__remove:hover{color:var(--color-danger);background:var(--color-error-bg)}.pos-summary{padding:var(--space-1) var(--space-2);border-top:1px solid var(--border-default);background-color:var(--surface-2)}.pos-summary__row{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary);padding:3px 0;font-variant-numeric:tabular-nums}.pos-summary__row--muted{color:var(--text-muted);font-size:var(--font-size-xs)}.pos-summary__row--total{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding-top:var(--space-1);margin-top:var(--space-half);border-top:1px solid var(--border-default)}.pos-actions{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2);background-color:var(--surface-2)}.pos-actions>.pos-btn--ghost{flex-shrink:0}.pos-actions>.pos-btn--primary{flex:1}.pos-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none}.pos-btn:disabled{opacity:.4;cursor:not-allowed}.pos-btn--primary{background:var(--slate-800);color:#fff}.pos-btn--primary:hover:not(:disabled){background:var(--slate-900)}.pos-btn--secondary{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-default)}.pos-btn--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover)}.pos-btn--ghost{background:transparent;color:var(--text-muted)}.pos-btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-3)}.pos-btn--full{width:100%}.pos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.pos-modal{width:100%;max-width:420px;background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.pos-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2)}.pos-modal__header-left{display:flex;align-items:center;gap:var(--space-half)}.pos-modal__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.pos-modal__close,.pos-modal__back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pos-modal__close:hover,.pos-modal__back:hover{color:var(--text-primary);background:var(--surface-3)}.pos-modal__body{padding:0 var(--space-2) var(--space-2)}.pos-modal__amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;padding:var(--space-1) 0 var(--space-2);font-variant-numeric:tabular-nums}.pos-steps{display:flex;align-items:center;padding:var(--space-1) var(--space-2);border-top:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted)}.pos-step{display:flex;align-items:center;gap:6px;flex-shrink:0}.pos-step__dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-bold);background:var(--surface-3);color:var(--text-muted);transition:all var(--transition-fast)}.pos-step--active .pos-step__dot{background:var(--slate-700);color:#fff}.pos-step--done .pos-step__dot{background:var(--color-tertiary-600);color:#fff}.pos-step__label{font-size:11px;color:var(--text-muted);transition:color var(--transition-fast)}.pos-step--active .pos-step__label{color:var(--text-primary);font-weight:var(--font-weight-medium)}.pos-step--done .pos-step__label{color:var(--color-tertiary-600)}.pos-step__line{flex:1;height:1px;background:var(--border-muted);margin:0 var(--space-1)}.pos-step__line--done{background:var(--color-tertiary-400)}.pos-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.pos-payment-method{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-2) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.pos-payment-method:hover{background:var(--surface-3);border-color:var(--border-hover);color:var(--text-primary)}.pos-cash-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-half)}.pos-cash-btn{height:38px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pos-cash-btn:hover{background:var(--surface-3);border-color:var(--border-hover)}.pos-cash-btn--selected{background:var(--slate-800);border-color:var(--slate-800);color:#fff;font-weight:var(--font-weight-semibold)}.pos-cash-btn--exact{background:var(--color-tertiary-600);border-color:var(--color-tertiary-600);color:#fff}.pos-cash-btn--exact:hover{background:var(--color-tertiary-700)}.pos-tendered{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-half)}.pos-tendered__label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.pos-tendered__input-wrap{display:flex;align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-1);transition:border-color var(--transition-fast)}.pos-tendered__input-wrap:focus-within{border-color:var(--border-hover);box-shadow:var(--shadow-xs)}.pos-tendered__prefix{padding:0 12px;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-muted);border-right:1px solid var(--border-muted);background:var(--surface-2);height:44px;display:flex;align-items:center}.pos-tendered__input{flex:1;height:44px;padding:0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);background:transparent;border:none;outline:none;font-variant-numeric:tabular-nums}.pos-tendered__input::-webkit-inner-spin-button,.pos-tendered__input::-webkit-outer-spin-button{-webkit-appearance:none}.pos-change{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pos-change--due{background:var(--warning-container);color:var(--on-warning-container)}.pos-change--exact{background:var(--tertiary-container);color:var(--on-tertiary-container)}.pos-change__amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.pos-card-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--space-half);padding:var(--space-3) 0}.pos-card-prompt__icon{color:var(--text-muted);margin-bottom:var(--space-half)}.pos-card-prompt__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.pos-card-prompt__sub{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;max-width:260px;line-height:var(--line-height-relaxed)}.pos-sale-complete{display:flex;flex-direction:column;align-items:center;gap:var(--space-half);padding:var(--space-2) 0 var(--space-3)}.pos-sale-complete__icon{color:var(--color-tertiary-500)}.pos-sale-complete__text{font-size:var(--font-size-sm);color:var(--text-muted)}.pos-sale-complete__amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.pos-receipt-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-half)}.pos-receipt-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-half);margin-bottom:var(--space-2)}.pos-receipt-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-half);padding:var(--space-1) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pos-receipt-option:hover{background:var(--surface-3);border-color:var(--border-hover);color:var(--text-primary)}.pos-receipt-option--active{background:var(--slate-800);border-color:var(--slate-800);color:#fff}.pos-email-input{width:100%;height:38px;padding:0 var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pos-email-input:focus{border-color:var(--border-hover);box-shadow:var(--shadow-xs)}.pos-email-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-bottom:var(--space-1);text-align:center}.pos-modal__footer{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2)}.pos-modal__footer .pos-btn{flex:1}.product-grid-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;padding-right:var(--space-half)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2);align-content:start}.product-grid__loading,.product-grid__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-6);color:var(--text-muted);font-size:var(--font-size-sm)}.product-grid__spinner{animation:spin 1s linear infinite}.product-card{display:flex;flex-direction:column;padding:0;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;text-align:left;transition:box-shadow var(--transition-fast)}.product-card:hover{box-shadow:var(--shadow-sm)}.product-card__image{aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:var(--surface-3);overflow:hidden}.product-card__img{width:100%;height:100%;object-fit:cover}.product-card__placeholder{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-muted)}.product-card__body{display:flex;flex-direction:column;gap:2px;padding:6px var(--space-1) var(--space-1)}.product-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__sku{font-size:11px;color:var(--text-muted)}.product-card__footer{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--space-half)}.product-card__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.product-card__stock{font-size:11px;color:var(--text-muted)}.btn-wrapper{position:relative;display:inline-flex}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap;border:1px solid transparent}.btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn--md{height:36px;padding:0 14px;font-size:13px}.btn--lg{height:44px;padding:0 20px;font-size:14px}.btn--primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn--primary:hover:not(.btn--disabled){background:#2563eb;border-color:#2563eb}.btn--primary:active:not(.btn--disabled){background:#1d4ed8;border-color:#1d4ed8}.btn--secondary{background:#fff;border-color:#e2e8f0;color:#1e293b}.btn--secondary:hover:not(.btn--disabled){background:#f8fafc;border-color:#cbd5e1}.btn--secondary:active:not(.btn--disabled){background:#f1f5f9}.btn--tertiary{background:transparent;border-color:transparent;color:#64748b}.btn--tertiary:hover:not(.btn--disabled){background:#f1f5f9;color:#1e293b}.btn--tertiary:active:not(.btn--disabled){background:#e2e8f0}.btn--disabled{opacity:.5;cursor:not-allowed}.btn--full-width{width:100%}.btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon svg{width:16px;height:16px}.btn--lg .btn__icon svg{width:18px;height:18px}.btn__text{flex:1;text-align:left}.btn--dropdown{padding-right:10px}.btn--dropdown .btn__text{flex:none}.btn__chevron{display:flex;align-items:center;justify-content:center;margin-left:2px;transition:transform .15s ease}.btn--open .btn__chevron{transform:rotate(180deg)}.btn-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;z-index:1000;padding:4px;animation:btn-dropdown-enter .15s ease}@keyframes btn-dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:400;color:#1e293b;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .1s ease}.btn-dropdown__item:hover:not(.btn-dropdown__item--disabled){background:#f1f5f9}.btn-dropdown__item--disabled{opacity:.5;cursor:not-allowed}.btn-dropdown__item--danger{color:#dc2626}.btn-dropdown__item--danger:hover:not(.btn-dropdown__item--disabled){background:#fef2f2}.btn-dropdown__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-dropdown__icon svg{width:16px;height:16px}.btn-dropdown__label{flex:1}.field-content{padding:8px 0}.field-list,.field-list__content{display:flex;flex-direction:column}.field-list__field{padding:12px 16px;border-bottom:1px solid #f1f5f9}.field-list__field:last-child{border-bottom:none}.field-list__label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.sbs-container{display:flex;gap:24px}.sbs-column{flex:1;min-width:0}.sbs-column-header{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.025em;padding-bottom:12px;position:sticky;top:0;background:var(--surface-1, #fff);z-index:1}.sbs-field{margin-bottom:20px}.sbs-field:last-child{margin-bottom:0}.sbs-field-label{font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);margin-bottom:6px}.step-indicator{display:flex;align-items:center}.step-indicator__step{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-half) 0;white-space:nowrap}.step-indicator__number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--surface-3);color:var(--text-muted);transition:all var(--transition-normal);flex-shrink:0}.step-indicator__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);transition:color var(--transition-normal)}.step-indicator__connector{flex:1;height:2px;background:var(--border-default);margin:0 var(--space-1);min-width:var(--space-2);transition:background var(--transition-normal)}.step-indicator__step--active .step-indicator__number{background:var(--color-primary);color:var(--surface-1)}.step-indicator__step--active .step-indicator__label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.step-indicator__step--completed .step-indicator__number{background:var(--color-success);color:var(--surface-1)}.step-indicator__step--completed .step-indicator__label{color:var(--text-secondary)}.step-indicator__connector--completed{background:var(--color-success)}.ai-text-edit__form{display:flex;flex-direction:column;gap:1.25rem}.ai-text-edit__form .form-container{max-width:none;margin:0;padding:0}.ai-text-edit__hint{font-size:.75rem;color:var(--color-text-secondary, #666)}.ai-text-edit__summary{background:var(--surface-3, #f8f9fa);border-radius:8px;padding:1rem;margin-top:.5rem}.ai-text-edit__summary h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.ai-text-edit__summary ul{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--color-text-secondary, #666);line-height:1.6}.ai-text-edit__summary li{margin-bottom:.25rem}.ai-text-edit__error{background:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc2626);padding:.75rem 1rem;border-radius:6px;font-size:.875rem;border:1px solid var(--color-error-border, #fecaca)}.ai-text-edit__result{display:flex;flex-direction:column;gap:1rem}.ai-text-edit__comparison{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;align-items:start}.ai-text-edit__comparison-header{font-weight:600;font-size:.875rem;color:var(--color-text-primary, #1a1a1a);padding-bottom:.5rem;border-bottom:2px solid var(--color-border, #e0e0e0)}.ai-text-edit__comparison-label{grid-column:1 / -1;font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border-light, #f0f0f0)}.ai-text-edit__comparison-label:first-of-type{border-top:none;margin-top:0;padding-top:0}.ai-text-edit__comparison-cell{background:var(--surface-3, #f8f9fa);border-radius:6px;padding:.75rem;min-height:60px}.ai-text-edit__field-content{font-size:.875rem;line-height:1.5;color:var(--color-text-primary, #1a1a1a);word-break:break-word}.ai-text-edit__field-content--long{max-height:200px;overflow-y:auto}.ai-text-edit__field-content--html p{margin:0 0 .5rem}.ai-text-edit__field-content--html p:last-child{margin-bottom:0}.ai-text-edit__field-content--html ul,.ai-text-edit__field-content--html ol{margin:0 0 .5rem;padding-left:1.25rem}.ai-text-edit__field-content--html li{margin-bottom:.25rem}.ai-text-edit__system-prompt-section{display:flex;flex-direction:column;gap:.5rem}.ai-text-edit__toggle-btn{background:none;border:none;padding:.5rem 0;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #666);cursor:pointer;text-align:left;transition:color .15s ease}.ai-text-edit__toggle-btn:hover{color:var(--color-primary, #2563eb)}.ai-text-edit__system-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;font-size:.8125rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;line-height:1.5;resize:vertical;background:var(--surface-3, #f8f9fa);transition:border-color .15s ease}.ai-text-edit__system-textarea:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.ai-text-edit__preview{margin-top:.5rem}.ai-text-edit__preview summary{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #666);cursor:pointer;padding:.5rem 0;transition:color .15s ease}.ai-text-edit__preview summary:hover{color:var(--color-primary, #2563eb)}.ai-text-edit__prompt-preview{margin:.5rem 0 0;padding:.75rem;background:var(--surface-3, #f8f9fa);border:1px solid var(--color-border, #e0e0e0);border-radius:6px;font-size:.75rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.de-stacked-fields{display:flex;flex-direction:column;gap:16px;padding:16px}.de-stacked-field{display:flex;flex-direction:column}.de-stacked-field-header{display:flex;align-items:center;margin-bottom:4px}.de-stacked-field-subheader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.de-stacked-field-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.de-stacked-field-counter{font-size:11px;color:#94a3b8;margin-left:auto}.de-stacked-field-counter--warning{color:#f59e0b}.de-stacked-field-toolbar{display:flex;gap:2px}.de-stacked-toolbar-btn{width:26px;height:26px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;font-size:11px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.de-stacked-toolbar-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.de-stacked-toolbar-btn--active{background:#3b82f6;color:#fff;border-color:#3b82f6}.de-stacked-field-toolbar--disabled{opacity:.4;pointer-events:none}.de-stacked-field-toolbar--disabled .de-stacked-toolbar-btn{cursor:not-allowed}.de-stacked-input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.de-stacked-input:focus{border-color:#3b82f6}.de-stacked-input::placeholder{color:#94a3b8}.de-stacked-textarea{display:block;width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;line-height:1.5;font-family:inherit;outline:none;resize:none;transition:border-color .15s;box-sizing:border-box;min-height:80px;background-color:var(--surface-1)}.de-stacked-textarea:focus,.de-stacked-textarea--focused{border-color:#3b82f6}.de-stacked-textarea::placeholder{color:#94a3b8}.de-stacked-textarea[data-placeholder]:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.de-container-wrapper{display:flex;flex-direction:column;overflow:visible;background-color:var(--surface-1)}.de-container-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--surface-1)}.de-container-header--sm{padding:8px 12px}.de-container-title{font-size:14px;font-weight:600;color:#1e293b}.de-container-title--sm{font-size:12px}.de-container-content{display:flex;flex-direction:column;flex:1}.de-container{display:flex;flex-direction:column;gap:0;overflow:hidden;background-color:#fff}.de-side-by-side-container{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box;flex:1}.de-side-by-side-fields{display:flex;gap:16px;align-items:stretch;width:100%;box-sizing:border-box}.de-side-by-side-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.de-side-by-side-label{font-size:14px;font-weight:600;color:#1e293b}.de-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.de-header--sm{padding:8px 12px}.de-header-label{font-weight:500;color:#374151}.de-header-label--sm{font-size:13px}.de-name-input{flex:1;margin-right:16px;padding:8px 12px;font-size:15px;font-weight:500;border:1px solid #e0e0e0;border-radius:6px;outline:none;transition:border-color .2s ease}.de-name-input:focus{border-color:#3b82f6}.de-name-input--sm{padding:6px 10px;font-size:13px}.de-language-selector{padding:8px 12px;font-size:14px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer}.de-language-selector:focus{border-color:#3b82f6;outline:none}.de-language-selector--sm{padding:6px 10px;font-size:12px}.de-container-actions{display:flex;align-items:center;gap:8px}.de-ai-button{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:500;color:#7c3aed;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe;border-radius:6px;cursor:pointer;transition:all .15s ease}.de-ai-button:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#c4b5fd}.de-ai-button:active{transform:scale(.98)}.de-ai-button svg{flex-shrink:0}.de-tabs-container{display:flex;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.de-tab{flex:1;padding:12px 16px;border:none;background-color:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .2s ease;border-bottom:2px solid transparent;position:relative}.de-tab:hover{background-color:#f1f3f5}.de-tab--active{color:#2563eb;background-color:#fff;border-bottom:2px solid #2563eb}.de-tab--active:hover{background-color:#fff}.de-tab--sm{padding:8px 12px;font-size:12px}.de-content-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#10b981;margin-left:6px}.de-content-indicator--sm{width:5px;height:5px;margin-left:4px}.de-toolbar{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid #e0e0e0;background-color:#fafafa;flex-shrink:0;flex-wrap:wrap}.de-toolbar--sm{padding:6px;gap:3px}.de-toolbar--disabled{opacity:.5}.de-toolbar-btn{padding:6px 10px;border:1px solid #e0e0e0;background-color:#fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;color:#444;transition:all .15s ease;min-width:32px;display:flex;align-items:center;justify-content:center}.de-toolbar-btn:hover{background-color:#f1f3f5;border-color:#d0d0d0}.de-toolbar-btn--active{background-color:#2563eb;color:#fff;border-color:#2563eb}.de-toolbar-btn--active:hover{background-color:#1d4ed8}.de-toolbar-btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.de-toolbar-btn--sm{padding:4px 8px;font-size:11px;min-width:26px}.de-toolbar-separator{width:1px;background-color:#e0e0e0;margin:0 4px;align-self:stretch}.de-editor-wrapper{position:relative;flex:1;display:flex;flex-direction:column}.de-editor{padding:16px;min-height:200px;outline:none;font-size:14px;line-height:1.6;flex:1}.de-editor--sm{padding:12px;font-size:13px}.de-placeholder{position:absolute;top:16px;left:16px;color:#9ca3af;pointer-events:none}.de-placeholder--sm{top:12px;left:12px;font-size:13px}.de-textarea{width:100%;min-height:200px;padding:16px;font-size:14px;font-family:inherit;border:none;outline:none;resize:vertical;line-height:1.6;color:#1e293b;box-sizing:border-box;flex:1}.de-textarea--sm{padding:12px;font-size:13px}.de-textarea--no-resize{resize:none}.de-textarea--no-border{border:none}.de-textarea--richtext{outline:none;cursor:text;white-space:pre-wrap;word-wrap:break-word}.de-textarea--richtext:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.de-textarea--richtext ul,.de-textarea--richtext ol{margin:.5em 0;padding-left:1.5em}.de-textarea--richtext li{margin:.25em 0}.de-char-counter{padding:8px 16px;font-size:12px;color:#666;text-align:right;border-top:1px solid #f0f0f0;background-color:#fafafa}.de-char-counter--sm{padding:6px 12px;font-size:11px}.de-char-counter--warning{color:#dc2626;font-weight:600}.de-char-counter-absolute{position:absolute;bottom:8px;right:12px;font-size:11px;color:#999;background-color:#ffffffe6;padding:2px 6px;border-radius:3px;pointer-events:none}.de-field{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:6px;overflow:visible;background-color:#fff;min-width:0;box-sizing:border-box;flex:1 1 0}.de-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.de-field-label{padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;background:#f5f5f5;border-bottom:1px solid #e0e0e0;flex-shrink:0}.de-textarea-wrapper{display:flex;flex-direction:column;flex:1;position:relative;min-height:150px}.de-text-sm .de-editor,.de-text-sm .de-textarea,.de-text-sm .de-placeholder{font-size:12px}.de-text-sm .de-field-label,.de-text-sm .de-char-counter,.de-text-sm .de-char-counter-absolute{font-size:10px}.de-text-md .de-editor,.de-text-md .de-textarea,.de-text-md .de-placeholder{font-size:16px}.de-text-md .de-field-label,.de-text-md .de-char-counter,.de-text-md .de-char-counter-absolute{font-size:14px}[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none;display:block}[contenteditable=true]:focus{outline:none}[contenteditable=true] p{margin:.5em 0}[contenteditable=true] ul,[contenteditable=true] ol{padding-left:1.5em;margin:.5em 0}[contenteditable=true] li{margin:.25em 0}.description-editor-container{display:flex;flex-direction:column;width:100%;gap:16px}.description-editor-field{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;background:#fff;flex:1;min-width:0}.description-editor-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.description-editor-label{padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;background:#f5f5f5;border-bottom:1px solid #e0e0e0;flex-shrink:0}.description-editor-textarea{flex:1;padding:12px;font-size:14px;line-height:1.6;font-family:inherit;border:none;outline:none;resize:none;color:#1e293b;background:#fff;min-height:200px;width:100%;box-sizing:border-box}.description-editor-textarea::placeholder{color:#9ca3af}.description-editor-char-counter{position:absolute;bottom:8px;right:12px;font-size:11px;color:#999;background:#ffffffe6;padding:2px 6px;border-radius:3px;pointer-events:none}.description-editor-char-counter.warning{color:#dc2626;font-weight:600}.textfield{display:flex;flex-direction:column}.textfield__header{display:flex;align-items:center;margin-bottom:4px}.textfield__label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.textfield__subheader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.textfield__counter{font-size:11px;color:#94a3b8;margin-left:auto}.textfield__counter--warning{color:#f59e0b}.textfield__toolbar{display:flex;gap:2px}.textfield__toolbar-btn{width:26px;height:26px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;font-size:11px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.textfield__toolbar-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.textfield__toolbar-btn--active{background:#3b82f6;color:#fff;border-color:#3b82f6}.textfield__toolbar--disabled{opacity:.4;pointer-events:none}.textfield__toolbar--disabled .textfield__toolbar-btn{cursor:not-allowed}.textfield__input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.textfield__input:focus{border-color:#3b82f6}.textfield__input::placeholder{color:#94a3b8}.textfield__textarea{display:block;width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;outline:none;resize:none;transition:border-color .15s;box-sizing:border-box;min-height:80px;background-color:var(--surface-1)}.textfield__textarea:focus,.textfield__textarea--focused{border-color:#3b82f6}.textfield__textarea::placeholder{color:#94a3b8}.textfield__textarea[data-placeholder]:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.searchable-list{display:flex;flex-direction:column;overflow:hidden}.searchable-list__search{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:1rem}.searchable-list__search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.searchable-list__items{overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:.5rem}.searchable-list__empty{padding:2rem;text-align:center;color:#6b7280;font-size:.95rem}.searchable-list__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background-color .2s}.searchable-list__item:hover{background:#f3f4f6}.searchable-list__item--disabled{opacity:.6;cursor:not-allowed}.searchable-list__item--disabled:hover{background:#fef2f2}.searchable-list__item-image{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.searchable-list__item-name{flex:1;font-size:.95rem;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-list__item-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;background:#fef3c7;color:#92400e;flex-shrink:0}.page-header{display:flex;align-items:center;justify-content:space-between}.page-header__content{display:flex;flex-direction:column;gap:var(--space-half)}.page-header__title{margin:0;color:var(--text-primary)}.page-header__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.page-header__actions{display:flex;align-items:center;gap:var(--space-2)}.page-header--sub .page-header__actions{gap:var(--space-1)}.page-header--sub .page-header__subtitle{font-size:var(--font-size-xs)}.edit-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-modal{background:#fff;border-radius:12px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.edit-modal-title{font-size:18px;font-weight:600;color:#1e293b;margin:0}.edit-modal-content{padding:24px;overflow-y:auto;overflow-x:visible;flex:1}.edit-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;flex-shrink:0;position:relative;z-index:1}.edit-modal-btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.edit-modal-btn:hover{opacity:.9}.edit-modal-btn-cancel{background:#f1f5f9;color:#374151}.edit-modal-btn-cancel:hover{background:#e2e8f0}.edit-modal-btn-submit{color:#fff}.edit-modal-btn-submit.blue{background:#3b82f6}.edit-modal-btn-submit.green{background:#10b981}.edit-modal-btn-submit.red{background:#dc2626}.edit-modal-btn-submit:disabled{background:#94a3b8;cursor:not-allowed;opacity:1}.form-layout{display:flex;flex-direction:column}.form-field{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-label-optional{color:#94a3b8;font-weight:400}.form-required{color:#dc2626;margin-left:4px}.form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s;box-sizing:border-box}.form-input:focus{border-color:#3b82f6}.form-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s;box-sizing:border-box;resize:vertical;font-family:inherit}.form-textarea:focus{border-color:#3b82f6}.form-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;background:#fff;cursor:pointer;box-sizing:border-box}.form-select:focus{border-color:#3b82f6}.form-hint{font-size:11px;color:#94a3b8;margin-top:6px}.size-input-tabs{display:flex;border-radius:8px;overflow:hidden;margin-bottom:10px;border:1px solid #e2e8f0}.size-input-tab{flex:1;padding:8px 12px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;background:#f1f5f9;color:#64748b}.size-input-tab:first-child{border-radius:7px 0 0 7px}.size-input-tab:last-child{border-radius:0 7px 7px 0}.size-input-tab:not(:first-child):not(:last-child){border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.size-input-tab.active{background:#3b82f6;color:#fff}.size-input-row{display:flex;gap:8px}.size-input-number{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.size-input-number:focus{border-color:#3b82f6}.size-input-unit{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;background:#fff;cursor:pointer;min-width:80px}.size-input-unit--placeholder{color:#9ca3af}.image-manager{margin-bottom:16px}.image-manager-container{background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.image-manager-preview{position:relative}.image-manager-preview-area{width:100%;aspect-ratio:16/10;background:#1e293b;display:flex;align-items:center;justify-content:center}.image-manager-preview-img{max-width:100%;max-height:100%;object-fit:contain}.image-manager-actions{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px}.image-manager-btn{border-radius:4px;padding:4px 8px;cursor:pointer;font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px}.image-manager-btn-primary{background:#ffffffe6;border:1px solid #e2e8f0;color:#64748b}.image-manager-btn-primary:hover{background:#fff}.image-manager-btn-remove{background:#fef2f2f2;border:1px solid #fecaca;color:#dc2626}.image-manager-btn-remove:hover{background:#fef2f2}.image-manager-counter{position:absolute;bottom:12px;right:12px;background:#0009;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.image-manager-empty{padding:48px 24px;text-align:center;cursor:pointer;transition:background .15s}.image-manager-empty:hover{background:#f1f5f9}.image-manager-empty-icon{width:64px;height:64px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.image-manager-empty-title{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.image-manager-empty-subtitle{font-size:12px;color:#94a3b8}.image-manager-thumbnails{padding:12px;background:#fff;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.image-manager-thumbnails.has-images{border-top:1px solid #e2e8f0}.image-manager-thumbnail{width:56px;height:56px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;position:relative;flex-shrink:0;transition:all .15s}.image-manager-thumbnail.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.image-manager-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.7}.image-manager-thumbnail.selected img{opacity:1}.image-manager-thumbnail-primary{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#3b82f6;border-radius:50%;border:1px solid white}.image-manager-add-btn{width:56px;height:56px;border-radius:8px;border:2px dashed #d1d5db;background:#f8fafc;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0;transition:all .15s}.image-manager-add-btn:hover{border-color:#3b82f6;background:#eff6ff}.image-manager-add-btn span{font-size:9px;color:#64748b;font-weight:500}.image-manager-reorder{margin-left:auto;display:flex;gap:4px;align-items:center}.image-manager-reorder-label{font-size:11px;color:#94a3b8;margin-right:4px}.image-manager-reorder-btn{padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;color:#64748b}.image-manager-reorder-btn:hover:not(:disabled){background:#f8fafc}.image-manager-reorder-btn:disabled{background:#f1f5f9;color:#cbd5e1;cursor:not-allowed}.custom-property-container{display:flex;gap:8px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.custom-property-name{flex:0 0 120px;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none;background:#fff}.custom-property-name:focus{border-color:#3b82f6}.custom-property-separator{display:flex;align-items:center;color:#94a3b8;font-size:14px}.custom-property-value{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none;background:#fff}.custom-property-value:focus{border-color:#3b82f6}.icon-btn{border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.icon-btn.sm{padding:6px}.icon-btn.md{padding:8px}.icon-btn.default{background:#f1f5f9;color:#64748b}.icon-btn.default:hover{background:#e2e8f0}.icon-btn.danger{background:#fef2f2;color:#dc2626}.icon-btn.danger:hover{background:#fee2e2}.icon-btn.success{background:#f0fdf4;color:#16a34a}.icon-btn.success:hover{background:#dcfce7}.text-popup{position:fixed;background-color:#000000d9;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:10000;pointer-events:none;opacity:0;transform:translateY(10px) translate(-50%);transition:all .3s ease;white-space:nowrap}.text-popup-visible{opacity:1;transform:translateY(0) translate(-50%)}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:12px;white-space:nowrap;text-transform:capitalize}.badge--sm{padding:4px 12px;font-size:12px;line-height:1.4}.badge--md{padding:4px 12px;font-size:14px;line-height:1.4}.actions-menu{position:relative}.actions-menu__trigger{background:var(--surface-3);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background var(--transition-fast)}.actions-menu__trigger:hover,.actions-menu__trigger[aria-expanded=true]{background:var(--neutral-light)}.actions-menu__trigger--sm{padding:6px}.actions-menu__trigger--md{padding:var(--space-1)}.actions-menu__dropdown-wrap{position:fixed;z-index:99999}.actions-menu__dropdown{position:fixed;background:var(--surface-1);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-default);min-width:160px;overflow:hidden}.actions-menu__item{width:100%;padding:10px 14px;background:transparent;border:none;display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-heading);cursor:pointer;transition:background var(--transition-fast)}.actions-menu__item:hover{background:var(--surface-2)}.actions-menu__item--danger{color:var(--color-danger-hover)}.actions-menu__item--danger:hover{background:var(--color-error-bg)}.action-menu-button.actions-menu{display:inline-flex}.action-menu-button .actions-menu__trigger{border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;transition:background .15s,color .15s}.action-menu-button .actions-menu__trigger:hover,.action-menu-button .actions-menu__trigger[aria-expanded=true]{background:#e2e8f0;color:#475569}.action-menu-button .actions-menu__trigger{padding:8px}.action-menu-button.actions-menu--sm .actions-menu__trigger{padding:6px}.action-menu-button .actions-menu__dropdown-wrap{position:fixed;z-index:99999}.action-menu-button .actions-menu__dropdown{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;border:1px solid #e2e8f0;min-width:160px;overflow:hidden}.action-menu-button .actions-menu__item{width:100%;padding:10px 14px;background:transparent;border:none;display:flex;align-items:center;gap:10px;font-size:13px;color:#374151;cursor:pointer;transition:background .15s;text-align:left}.action-menu-button .actions-menu__item:hover{background:#f8fafc}.action-menu-button .actions-menu__item--danger{color:#dc2626}.action-menu-button .actions-menu__item--danger:hover{background:#fef2f2}.card-item{display:flex;flex-direction:column;border:2px solid var(--border-muted);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);background:var(--surface-1)}.card-item:hover:not(.card-item--editing){border-color:var(--color-primary-light);box-shadow:0 2px var(--space-1) var(--color-primary-ring)}.card-item--editing{border-color:var(--color-primary);box-shadow:0 0 0 var(--space-half) var(--color-primary-ring);animation:cardItemFadeIn var(--transition-slow) ease}.card-item--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.card-item--sm>.card-item__view>.card-item__info{padding:var(--space-1)}.card-item--sm>.card-item__view>.card-item__icon{margin:var(--space-1) 0 0 var(--space-1);width:var(--space-4);height:var(--space-4);border-radius:var(--radius-md)}.card-item--sm>.card-item__view>.card-item__info>.card-item__title{font-size:var(--font-size-xs);margin-bottom:0}.card-item--sm>.card-item__view>.card-item__info>.card-item__desc{font-size:var(--font-size-xs)}.card-item--sm>.card-item__body{padding:var(--space-1)}.card-item--lg>.card-item__view>.card-item__info{padding:var(--space-3)}.card-item--lg>.card-item__view>.card-item__icon{margin:var(--space-3) 0 0 var(--space-3);width:var(--space-6);height:var(--space-6)}.card-item--lg>.card-item__view>.card-item__info>.card-item__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.card-item--lg>.card-item__view>.card-item__info>.card-item__desc{font-size:var(--font-size-sm)}.card-item--lg>.card-item__body{padding:0 var(--space-3) var(--space-3)}.card-item__view{display:flex;align-items:flex-start;flex:1;transition:background var(--transition-normal)}.card-item__view--clickable{cursor:pointer}.card-item__view:hover{background:var(--surface-2)}.card-item__menu{flex-shrink:0;padding:var(--space-1);margin-left:auto}.card-item__icon{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);margin:var(--space-2) 0 0 var(--space-2);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-lg);flex-shrink:0}.card-item__dot{height:.5lh;aspect-ratio:1;border-radius:var(--radius-full);background:var(--card-dot-color, var(--color-primary));flex-shrink:0;align-self:center}.card-item__info{flex:1;min-width:0;padding:var(--space-2);display:flex;flex-direction:column}.card-item__title{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0 0 var(--space-half);word-break:break-word}.card-item__desc{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-item__image{width:var(--space-10);object-fit:cover;flex-shrink:0;align-self:stretch}.card-item--has-image>.card-item__view{align-items:stretch}.card-item--sm>.card-item__view>.card-item__image{width:var(--space-8)}.card-item--lg>.card-item__view>.card-item__image{width:var(--space-12)}.card-item__footer{margin-top:auto;padding-top:var(--space-half);font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-normal)}.card-item__edit{padding:var(--space-2)}.card-item--has-children>.card-item__view>.card-item__info{padding-bottom:0}.card-item__body{padding:var(--space-2);padding-top:0}.card-item__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-default)}.card-item__actions>:first-child{margin-right:auto}@keyframes cardItemFadeIn{0%{opacity:0;transform:translateY(calc(-1 * var(--space-1)))}to{opacity:1;transform:translateY(0)}}.sortable-grid{--sortable-grid-min-width: 200px;--sortable-grid-max-width: 1fr;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sortable-grid-min-width),var(--sortable-grid-max-width)));gap:var(--space-md);background:var(--bg-card);border-radius:12px}.sortable-grid-item{cursor:grab}.sortable-grid-item:active{cursor:grabbing}.empty-grid-message{min-height:200px;width:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle, #888);font-size:.875rem}.sortable-grid:has(.empty-grid-message){display:flex}.cgc{display:flex;flex-direction:column;height:100%;border:var(--border-properties);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);background:var(--surface-2);cursor:pointer}.cgc:hover{border-color:var(--border-hover);box-shadow:0 2px var(--space-1) var(--color-primary-ring)}.cgc--overlay{cursor:grabbing;box-shadow:0 8px 24px #0000004d}.cgc__image-wrap{width:100%;height:130px;flex-shrink:0;overflow:hidden;background:var(--surface-2)}.cgc__image{width:100%;height:100%;object-fit:cover;display:block}.cgc__image--placeholder{object-fit:contain;padding:var(--space-4);opacity:.25}.cgc__body{flex:1;display:flex;flex-direction:column;padding:var(--space-2);min-height:0}.cgc__body:hover{background:var(--surface-2)}.cgc__top{display:flex;align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-half)}.cgc__title{flex:1;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cgc__dot{display:inline-block;width:.5em;height:.5em;border-radius:var(--radius-full);background:var(--cgc-dot-color, var(--color-primary));flex-shrink:0;align-self:center;margin-right:var(--space-half)}.cgc__menu{flex-shrink:0;margin-left:auto}.cgc__desc{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal);min-height:calc(2 * var(--font-size-xs, .75rem) * var(--line-height-normal, 1.5));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cgc__desc--placeholder{color:var(--text-tertiary);font-style:italic}.cgc__footer{margin-top:auto;padding-top:var(--space-1);min-height:calc(var(--font-size-xs, .75rem) * var(--line-height-normal, 1.5));font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-normal)}.pages-container{padding-bottom:100px;position:relative}.pages-header h1{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:16px}.pages-loading,.pages-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:16px}.pages-loading{color:#64748b;font-size:16px}.pages-error{background:#fef2f2;padding:24px 32px;border-radius:12px;text-align:center;border:1px solid #fecaca;color:#dc2626;font-size:16px}.breadcrumb{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap}.breadcrumb-item{background:none;border:none;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .15s}.breadcrumb-item:hover{background:#f1f5f9;color:#334155}.breadcrumb-item.active{background:#eff6ff;color:#3b82f6;font-weight:600;cursor:default}.breadcrumb-item.active:hover{background:#eff6ff}.breadcrumb-separator{color:#cbd5e1;-webkit-user-select:none;user-select:none}.category-short-text{display:flex;align-items:flex-start;gap:var(--space-3)}.category-short-text__img-wrap{flex-shrink:0}.category-short-text__img{width:160px;height:160px;object-fit:cover;border-radius:var(--radius-xl);display:block}.category-short-text__text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:0}.category-description-section{margin:24px 0;padding:24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.description-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px}.description-header h2{font-size:14px;font-weight:600;color:#334155;margin:0}.language-selector{display:flex;align-items:center;gap:10px}.language-selector label{font-size:13px;font-weight:500;color:#64748b}.language-selector select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s}.language-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.page-type-section{display:flex;align-items:center;gap:16px;margin:24px 0}.page-type-label{font-size:13px;font-weight:500;color:#64748b}.page-type-toggle{display:flex;gap:4px;padding:4px;background:#f1f5f9;border-radius:10px;border:1px solid #e2e8f0}.toggle-btn{padding:10px 20px;border:none;background:transparent;color:#64748b;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s}.toggle-btn:hover:not(:disabled){color:#334155;background:#ffffff80}.toggle-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.content-section{margin-top:24px;background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.content-section:first-of-type{margin-top:0}.section-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;gap:16px;flex-wrap:wrap}.section-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#334155;margin:0}.section-header-actions{display:flex;align-items:center;gap:12px}.section-action-btn{display:flex;align-items:center;gap:var(--space-half);padding:var(--space-1) var(--space-2);background:var(--color-primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.section-action-btn:hover:not(:disabled){background:var(--color-primary-hover)}.section-action-btn:disabled{background:var(--text-tertiary);cursor:not-allowed;opacity:.6}.section-action-btn--sm{padding:var(--space-half) var(--space-1);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.add-action-icon{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1}.content-section--pages-grid{background:transparent;border:none;box-shadow:none;padding:0;margin-top:0}.product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.product-modal{background:#fff;border-radius:16px;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 24px #00000014;border:1px solid #e2e8f0}.product-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.product-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.product-modal-close{background:#f1f5f9;border:none;font-size:20px;line-height:1;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s}.product-modal-close:hover{background:#e2e8f0;color:#334155}.product-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.product-search-input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;background:#fff}.product-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.product-search-input::placeholder{color:#94a3b8}.product-list{overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:8px}.product-list-empty{text-align:center;padding:32px;color:#64748b;font-size:14px}.product-list-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s;background:#fff}.product-list-item:hover{background:#f8fafc;border-color:#3b82f6}.product-list-item--internal{opacity:.5;cursor:not-allowed;background:#f8fafc}.product-list-item--internal:hover{background:#f8fafc;border-color:#e2e8f0}.product-list-item--internal .product-list-image{filter:grayscale(100%)}.product-internal-badge{margin-left:auto;font-size:11px;font-weight:600;color:#dc2626;background:#fef2f2;padding:4px 10px;border-radius:6px;text-transform:uppercase}.product-list-image{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid #e2e8f0}.product-list-name{font-weight:600;font-size:14px;color:#1e293b}.pages-save-action{position:fixed;bottom:24px;right:32px;display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 24px #00000014;z-index:100}.changes-count{font-size:13px;color:#f59e0b;font-weight:500;display:flex;align-items:center;gap:6px;padding:0 8px}.pages-cancel-btn{padding:10px 20px;background:#f1f5f9;color:#64748b;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s}.pages-cancel-btn:hover:not(:disabled){background:#e2e8f0;color:#334155}.pages-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.pages-save-btn{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s}.pages-save-btn:hover:not(:disabled){background:#059669}.pages-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.pages-container{padding:20px 20px 100px}.pages-header h1{font-size:20px}.breadcrumb{padding:10px 12px}.breadcrumb-item{font-size:13px;padding:4px 8px}.content-section{padding:16px}.pages-save-action{left:20px;right:20px;bottom:20px;justify-content:center}.product-modal{width:95%;max-height:90vh}}@media (max-width: 480px){.section-header-container{flex-direction:column;align-items:flex-start}.section-header-actions{width:100%}.section-action-btn{flex:1;justify-content:center}.page-type-section{flex-direction:column;align-items:flex-start;gap:12px}.description-header{flex-direction:column;align-items:flex-start}}.card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.card__header{display:flex;align-items:center;gap:var(--space-1);padding:14px var(--space-2);background:var(--surface-2);border-bottom:1px solid var(--border-default)}.card__header-icon{display:flex;align-items:center;color:var(--color-primary)}.card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.card__header-extras{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.card__badge{display:inline-flex;align-items:center;padding:2px var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full)}.card__body{padding:var(--space-2) var(--space-2)}.card__body--flush{padding:0}.edit-customer{padding:24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8fafc;min-height:100vh}.edit-customer__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px}.edit-customer__header-left{display:flex;align-items:center;gap:16px}.edit-customer__back{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.edit-customer__back:hover{background:#f1f5f9;color:#1e293b;transform:translate(-2px)}.edit-customer__title{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.5px}.edit-customer__subtitle{font-size:13px;color:#94a3b8;margin:4px 0 0;font-weight:500}.edit-customer__actions{display:flex;gap:10px}.edit-customer__badge,.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.badge--business{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.badge--private{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.badge--default{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;margin-left:10px;font-size:10px}.edit-customer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}@media (max-width: 1200px){.edit-customer__grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.edit-customer__grid{grid-template-columns:1fr}.edit-customer{padding:16px}}.form-group{margin-bottom:18px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;font-size:14px;color:#1e293b;background:#f8fafc;border:2px solid transparent;border-radius:10px;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#f1f5f9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.form-group input::placeholder{color:#94a3b8}.form-group textarea{resize:vertical;min-height:70px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-icon{position:relative}.input-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;z-index:1}.input-icon input,.input-icon select{padding-left:44px}.ec-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.ec-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.ec-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.ec-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.ec-btn--ghost{background:#fff;color:#64748b;border:1px solid #e5e7eb}.ec-btn--ghost:hover{background:#f8fafc;border-color:#d1d5db;color:#334155}.ec-btn--danger-ghost{background:transparent;color:#ef4444;padding:8px 12px}.ec-btn--danger-ghost:hover{background:#fef2f2}.ec-btn--icon{width:34px;height:34px;padding:0;background:transparent;color:#94a3b8;border:none;border-radius:8px}.ec-btn--icon:hover{color:#6366f1;background:#eef2ff}.ec-btn--add{width:100%;justify-content:center;padding:14px;background:#fff;color:#6366f1;border:2px dashed #e5e7eb;border-radius:12px;margin-top:12px;font-weight:600}.ec-btn--add:hover{background:#eef2ff;border-color:#6366f1;border-style:solid}.address-list{display:flex;flex-direction:column;gap:var(--space-1)}.address-empty{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--font-size-sm);background:var(--surface-2);border-radius:var(--radius-xl);border:2px dashed var(--border-default)}.table-dropdown{position:relative}.table-dropdown-menu{position:absolute;top:100%;margin-top:4px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;border:1px solid #e2e8f0;min-width:200px;z-index:100;overflow:hidden}.table-dropdown-menu--left{left:0}.table-dropdown-menu--right{right:0}.table-cell-image{width:40px;height:40px;border-radius:8px;overflow:hidden;background:#f1f5f9}.table-cell-image img{width:100%;height:100%;object-fit:cover}.table-cell-currency{font-weight:500}.table-cell-date{color:#64748b}.table-cell-date--empty{color:#94a3b8}.table-cell-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.table-header__title{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:8px}.table-header__subtitle{color:#64748b;font-size:14px}.table-search{flex:1 1 300px;position:relative}.table-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.table-search__input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s;box-sizing:border-box}.table-search__input:focus{border-color:#3b82f6}.table-search__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex}.table-sort-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.table-sort-btn--active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.table-sort-btn__badge{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;text-transform:uppercase}.table-sort-menu{padding:8px}.table-sort-menu__label{font-size:11px;font-weight:600;color:#94a3b8;padding:4px 12px;text-transform:uppercase}.table-sort-menu__item{width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#374151;cursor:pointer;font-weight:400;transition:background .15s}.table-sort-menu__item:hover{background:#f8fafc}.table-sort-menu__item--active{background:#eff6ff;color:#3b82f6;font-weight:500}.table-sort-menu__item--active:hover{background:#eff6ff}.table-sort-menu__item-icon{display:flex;align-items:center;gap:4px}.table-sort-menu__divider{height:1px;background:#e2e8f0;margin:8px 0}.table-sort-menu__clear{width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:13px;color:#dc2626;cursor:pointer;transition:background .15s}.table-sort-menu__clear:hover{background:#fef2f2}.table-columns-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer}.table-columns-menu{padding:8px}.table-columns-menu__item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-radius:6px;transition:background .15s}.table-columns-menu__item:hover{background:#f8fafc}.table-columns-menu__checkbox{width:16px;height:16px;accent-color:#3b82f6}.table-columns-menu__label{font-size:14px;color:#374151}.table-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.table-action-btn--primary{background-color:#3b82f6;color:#fff;border:none}.table-action-btn--primary:hover{background-color:#2563eb}.table-action-btn--secondary{background-color:#fff;color:#374151;border:1px solid #e2e8f0}.table-action-btn--secondary:hover{background-color:#f8fafc}.table-action-btn--tertiary{background-color:transparent;color:#64748b;border:none;padding:8px 12px;font-weight:400}.table-action-btn--tertiary:hover{background-color:#f1f5f9}.table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.table-head{display:flex;align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 16px}.table-head__cell{padding:12px 8px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.table-head__cell--sortable{cursor:pointer}.table-head__cell--actions{width:60px}.table-row{display:flex;align-items:center;padding:0 16px;background:transparent;transition:background .15s}.table-row:not(:last-child){border-bottom:1px solid #f1f5f9}.table-row--clickable{cursor:pointer}.table-row:hover{background:#f8fafc}.table-row__cell{padding:16px 8px;font-size:14px;color:#374151;display:flex;align-items:center}.table-row__actions{width:60px;padding:16px 8px}.table-empty{padding:48px;text-align:center;color:#94a3b8}.table-empty__icon{margin-bottom:12px}.table-empty__title{font-size:16px;font-weight:500;margin-bottom:4px}.table-empty__subtitle{font-size:14px}.table-footer{padding:12px 16px;background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b;flex-wrap:wrap;gap:12px}.table-footer__stats{display:flex;align-items:center;gap:16px}.table-footer__pagination{display:flex;align-items:center;gap:12px}.table-pagination__per-page{display:flex;align-items:center;gap:8px}.table-pagination__select{padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;outline:none}.table-pagination__btn{padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;cursor:pointer;color:#374151;display:flex;align-items:center}.table-pagination__btn--icon{padding:6px}.table-pagination__btn:disabled{background:#f1f5f9;cursor:not-allowed;color:#94a3b8}.table-pagination__pages{display:flex;gap:2px}.table-pagination__page{padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;cursor:pointer;color:#374151;font-weight:400;min-width:32px}.table-pagination__page--active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:500}.table-pagination__ellipsis{padding:6px 8px;color:#94a3b8}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;flex-wrap:wrap;gap:16px}.table-footer__stats{display:flex;align-items:center;gap:16px;font-size:14px;color:#64748b}.table-footer__pagination{display:flex;align-items:center;gap:24px}.table-pagination__per-page{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.table-pagination__select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;outline:none}.table-pagination__select:focus{border-color:#3b82f6}.table-pagination__nav{display:flex;align-items:center;gap:4px}.table-pagination__btn{padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#475569;cursor:pointer;transition:all .15s}.table-pagination__btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.table-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.table-pagination__btn--icon{padding:6px 8px;display:flex;align-items:center;justify-content:center}.table-pagination__pages{display:flex;align-items:center;gap:4px;margin:0 8px}.table-pagination__page{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#475569;cursor:pointer;transition:all .15s}.table-pagination__page:hover{background:#f8fafc;border-color:#cbd5e1}.table-pagination__page--active{background:#3b82f6;border-color:#3b82f6;color:#fff}.table-pagination__page--active:hover{background:#2563eb;border-color:#2563eb}.table-pagination__ellipsis{padding:0 8px;color:#94a3b8;font-size:14px}.dropdown{position:relative}.dropdown__trigger{display:flex;align-items:center;gap:var(--space-1);padding:10px var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--slate-600);cursor:pointer;transition:all var(--transition-fast)}.dropdown__trigger:hover{background:var(--surface-3)}.dropdown__trigger--active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.dropdown__caret{transition:transform var(--transition-fast)}.dropdown__caret--open{transform:rotate(180deg)}.dropdown__menu{position:absolute;top:100%;margin-top:var(--space-half);background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);min-width:240px;z-index:100;overflow:hidden;padding:var(--space-1)}.dropdown__menu--left{left:0}.dropdown__menu--right{right:0}.dropdown__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);padding:var(--space-half) 0 var(--space-1);text-transform:uppercase;letter-spacing:var(--label-letter-spacing)}.dropdown__field{margin-bottom:var(--space-2)}.dropdown__field:last-child{margin-bottom:0}.dropdown__field-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--slate-600);margin-bottom:6px}.dropdown__field-description{margin:var(--space-half) 0 0;font-size:var(--font-size-xs);color:var(--text-muted)}.dropdown__select{width:100%;padding:var(--space-1) var(--input-padding-y);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-1);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.dropdown__select:focus{border-color:var(--color-primary)}.dropdown__checkbox,.dropdown__radio{width:var(--space-2);height:var(--space-2);accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.dropdown__boolean-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--slate-600);cursor:pointer}.dropdown__multiselect-list{display:flex;flex-direction:column;gap:var(--space-half)}.dropdown__multiselect-item{display:flex;align-items:center;gap:var(--space-1);padding:6px var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-sm);color:var(--slate-700)}.dropdown__multiselect-item:hover{background:var(--surface-2)}.dropdown__radio-list{display:flex;flex-direction:column;gap:var(--space-half)}.dropdown__radio-item{display:flex;align-items:center;gap:var(--space-1);padding:6px var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-sm);color:var(--slate-700)}.dropdown__radio-item:hover{background:var(--surface-2)}.dropdown__option-icon{display:flex;align-items:center;color:var(--slate-500)}.dropdown__divider{height:1px;background:var(--border);margin:var(--space-1) 0}.dropdown__clear-all{width:100%;padding:10px var(--space-1);background:var(--color-error-bg);border:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-danger-hover);cursor:pointer;transition:background var(--transition-fast)}.dropdown__clear-all:hover{background:var(--error-container)}.dropdown__badge{background:var(--color-primary);color:var(--on-primary);padding:2px var(--space-half);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase}.dropdown__count{background:var(--color-primary);color:var(--on-primary);padding:2px var(--space-1);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.table-toolbar{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.table-toolbar__search-wrapper{flex:1 1 300px;position:relative}.table-toolbar__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.table-toolbar__search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s;box-sizing:border-box}.table-toolbar__search-input:focus{border-color:#3b82f6}.table-toolbar__search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex}.table-toolbar__search-clear:hover{color:#64748b}.table-toolbar__button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.table-toolbar__button:hover{background:#f1f5f9}.table-toolbar__button--active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.table-toolbar__menu-content{padding:8px}.table-toolbar__menu-item{width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#374151;cursor:pointer;font-weight:400;transition:background .15s}.table-toolbar__menu-item:hover{background:#f8fafc}.table-toolbar__menu-item--active{background:#eff6ff;color:#3b82f6;font-weight:500}.table-toolbar__menu-item--active:hover{background:#eff6ff}.table-toolbar__menu-item-icon{display:flex;align-items:center;gap:4px}.table-toolbar__menu-divider{height:1px;background:#e2e8f0;margin:8px 0}.table-toolbar__menu-clear{width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:13px;color:#dc2626;cursor:pointer;transition:background .15s}.table-toolbar__menu-clear:hover{background:#fef2f2}.table-toolbar__spacer{flex:1}.table-toolbar__action{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.table-toolbar__action--primary{background-color:#3b82f6;color:#fff;border:none}.table-toolbar__action--primary:hover{background-color:#2563eb}.table-toolbar__action--secondary{background-color:#fff;color:#374151;border:1px solid #e2e8f0}.table-toolbar__action--secondary:hover{background-color:#f8fafc}.table-toolbar__action--tertiary{background-color:transparent;color:#64748b;border:none;padding:8px 12px;font-weight:400}.table-toolbar__action--tertiary:hover{background-color:#f1f5f9}.descriptions-review{padding:24px;max-width:1200px;margin:0 auto;background-color:#f8fafc;min-height:100vh}.loading,.error{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#64748b}.error{color:#dc2626}.descriptions-nav{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.nav-info h1{margin:0 0 4px;font-size:24px;font-weight:600;color:#1e293b}.nav-counter{font-size:14px;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:6px}.nav-controls{display:flex;gap:8px;align-items:center}.nav-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#475569;text-decoration:none}.nav-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.edit-btn{gap:6px;background:#3b82f6;color:#fff;border-color:#3b82f6}.edit-btn:hover{background:#2563eb;border-color:#2563eb}.dr-product-header-section{margin-bottom:32px}.dr-product-header-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:20px}.dr-product-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#dbeafe;border-radius:12px;color:#3b82f6}.dr-product-header-content{flex:1}.product-title{margin:0 0 8px;font-size:24px;font-weight:600;color:#1e293b}.product-id{margin:0 0 4px;font-size:14px;color:#64748b;font-family:monospace}.product-category{margin:0;font-size:14px;color:#64748b}.product-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f1f5f9}.descriptions-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000001a}.descriptions-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:12px}.description-grid{display:grid;gap:24px}.instructions-field{grid-column:1 / -1}.description-field{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.field-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.field-label{font-weight:600;color:#374151;font-size:14px}.char-count{font-size:12px;color:#6b7280;background:#e5e7eb;padding:2px 6px;border-radius:4px}.field-content{padding:16px;line-height:1.6;color:#374151;min-height:60px}.field-content em{color:#9ca3af;font-style:italic}.short-text{font-size:16px}.long-text{font-size:15px}.instructions{font-size:14px;background:#fffbeb}.description-product-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.description-product-section h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:12px}.description-product-details{display:flex;flex-direction:column;gap:24px}.description-product-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fafbfc}.description-product-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.description-product-info{flex:1}.description-product-name{margin:0 0 6px;font-size:18px;font-weight:600;color:#1e293b}.description-product-id{margin:0;font-size:13px;color:#64748b;font-family:monospace}.description-product-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#e2e8f0}.description-product-image img{width:100%;height:100%;object-fit:cover}.product-descriptions{padding:20px 24px;display:grid;gap:20px}@media (min-width: 768px){.description-grid,.product-descriptions{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.descriptions-review{padding:16px}.descriptions-nav{flex-direction:column;gap:16px;text-align:center}.nav-controls{flex-wrap:wrap;justify-content:center}.dr-product-header-card{flex-direction:column;text-align:center}}.page-view-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0}.page-view-tab{padding:10px 20px;font-size:14px;font-weight:500;color:#64748b;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .2s,border-color .2s}.page-view-tab:hover{color:#1e293b}.page-view-tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.catalogue{padding-bottom:80px}.catalogue-loading,.catalogue-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;gap:16px;font-size:var(--font-size-md);color:var(--text-muted)}.catalogue-error{color:var(--danger)}.catalogue-page-header{margin-bottom:32px}.catalogue-page-header__content{display:flex;flex-direction:column;gap:8px}.catalogue-page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 8px}.catalogue-page-header__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.catalogue-toolbar{margin-bottom:24px}.catalogue-stats-bar{display:flex;gap:16px;font-size:var(--font-size-sm);color:var(--text-muted)}.catalogue-stats-bar strong{font-weight:var(--font-weight-semibold);color:var(--text)}.catalogue-view-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.catalogue-view-tab{padding:10px 20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .2s,border-color .2s}.catalogue-view-tab:hover{color:var(--text)}.catalogue-view-tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.catalogue-sub-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid #e2e8f0}.catalogue-sub-tab{padding:8px 16px;font-size:var(--font-size-sm, 14px);font-weight:500;color:#64748b;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .2s,border-color .2s}.catalogue-sub-tab:hover{color:#1e293b}.catalogue-sub-tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.editable-short-text{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.editable-textarea{flex:1;width:100%;min-width:0;max-width:100%;padding:14px;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text);background:#fff;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;min-height:120px;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.editable-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.char-counter{padding:6px 14px;font-size:var(--font-size-xs);color:var(--text-muted);background:#f8f8f8;border-top:1px solid #eee}.char-counter.warning{color:var(--danger);background:#fef2f2}.editable-rich-text{flex:1;position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff}.editable-rich-text-toolbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid #e0e0e0;background:#fafafa;flex-wrap:wrap}.editable-toolbar-btn{padding:6px 10px;border:1px solid #e0e0e0;background:#fff;border-radius:4px;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text);transition:background .15s ease,border-color .15s ease;min-width:32px;display:flex;align-items:center;justify-content:center}.editable-toolbar-btn:hover{background:#f1f3f5;border-color:#d0d0d0}.editable-toolbar-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.editable-toolbar-separator{width:1px;background-color:#e0e0e0;margin:0 4px}.editable-rich-text-wrapper{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.editable-placeholder{position:absolute;top:14px;left:14px;color:var(--text-muted);font-size:var(--font-size-sm);pointer-events:none;z-index:1}.editable-content{flex:1;padding:14px;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text);background:#fff;min-height:120px;min-width:0;max-width:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;outline:none}.editable-rich-text:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.editable-content:focus{outline:none}.editable-content p{margin:.5em 0}.editable-content p:first-child{margin-top:0}.editable-content p:last-child{margin-bottom:0}.editable-content ul,.editable-content ol{margin:.5em 0;padding-left:2em}.editable-content li{margin:.25em 0}.editable-content h2{font-size:1.5em;font-weight:var(--font-weight-semibold);margin-top:1em;margin-bottom:.5em}.editable-content h3{font-size:1.25em;font-weight:var(--font-weight-semibold);margin-top:.8em;margin-bottom:.4em}.editable-content strong{font-weight:var(--font-weight-semibold)}.editable-content em{font-style:italic}.ai-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ai-edit-modal{background:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ai-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.ai-edit-modal-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text)}.ai-edit-modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s}.ai-edit-modal-close:hover{background:#f1f5f9}.ai-edit-modal-content{padding:24px;overflow-y:auto;flex:1}.ai-edit-prompt-section{margin-bottom:20px}.ai-edit-prompt-section label{display:block;margin-bottom:8px;font-weight:var(--font-weight-medium);color:var(--text);font-size:var(--font-size-sm)}.ai-edit-prompt-input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:100px}.ai-edit-prompt-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ai-edit-url-input{min-height:auto;resize:none}.ai-edit-url-hint{display:block;margin-top:6px;font-size:var(--font-size-xs);color:var(--text-muted)}.ai-edit-error{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:var(--danger);margin-bottom:20px;font-size:var(--font-size-sm)}.ai-edit-result-section{margin-bottom:20px}.ai-edit-result-section h4{margin:0 0 16px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text)}.ai-edit-result-sidebyside{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0;margin-bottom:16px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;max-height:50vh}.ai-edit-result-column-title{padding:10px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);background:#f1f5f9;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1}.ai-edit-result-column-title:first-child{border-right:1px solid #e2e8f0}.ai-edit-result-row-label{grid-column:1 / -1;padding:10px 14px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);background:#f8fafc;border-top:1px solid #e2e8f0}.ai-edit-result-row-label:first-of-type{border-top:none}.ai-edit-result-cell{padding:6px 14px 14px;background:#fff}.ai-edit-result-cell:nth-child(odd){border-right:1px solid #e2e8f0}.ai-edit-result-fields{display:flex;flex-direction:column;gap:16px}.ai-edit-result-field{display:flex;flex-direction:column;gap:8px}.ai-edit-result-field label{font-weight:var(--font-weight-medium);color:var(--text-muted);font-size:var(--font-size-sm);text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider)}.ai-edit-result-value{padding:12px;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text);max-height:200px;overflow-y:auto}.ai-edit-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.ai-edit-btn{padding:10px 20px;border-radius:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;display:flex;align-items:center;gap:8px;transition:background .15s,opacity .15s}.ai-edit-btn:disabled{opacity:.6;cursor:not-allowed}.ai-edit-btn-cancel{background:#f1f5f9;color:var(--text-muted)}.ai-edit-btn-cancel:hover:not(:disabled){background:#e2e8f0}.ai-edit-btn-process{background:#3b82f6;color:#fff}.ai-edit-btn-process:hover:not(:disabled){background:#2563eb}.ai-edit-btn-accept{background:#10b981;color:#fff}.ai-edit-btn-accept:hover{background:#059669}.ai-edit-choice-section{margin-bottom:20px}.ai-edit-choice-section h4{margin:0 0 20px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text)}.ai-edit-choice-options{display:flex;flex-direction:column;gap:12px}.ai-edit-choice-btn{width:100%;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.ai-edit-choice-btn:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff}.ai-edit-choice-btn:disabled{opacity:.5;cursor:not-allowed}.ai-edit-choice-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:6px}.ai-edit-choice-desc{font-size:var(--font-size-sm);color:var(--text-muted)}.ai-edit-info{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:var(--font-size-sm);color:#1d4ed8}.ai-edit-result-product,.ai-edit-result-products{margin-bottom:24px}.ai-edit-result-product h5,.ai-edit-result-products h5{margin:0 0 16px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text);padding-bottom:8px;border-bottom:2px solid #e2e8f0}.ai-edit-products-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto}.ai-edit-product-item{padding:16px;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px}.ai-edit-product-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin-bottom:12px;text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider)}@media print{.catalogue-page-header,.catalogue-toolbar{display:none}}@media (max-width: 768px){.catalogue{padding:20px 20px 80px}.catalogue-page-header{margin-bottom:24px}}.catalogue-entry{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;page-break-inside:avoid;overflow:hidden}.catalogue-entry:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.catalogue-entry-placeholder{opacity:.5;background:#fafafa}.catalogue-entry-placeholder .entry-header{border-bottom:none}.entry-header{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:#fff;border-bottom:1px solid #e2e8f0;position:relative}.entry-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.entry-image{width:72px;height:72px;border-radius:8px;overflow:hidden;background:#f1f5f9;flex-shrink:0;border:1px solid #e2e8f0}.entry-image img{width:100%;height:100%;object-fit:cover}.entry-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.entry-image--lg{width:100px;height:100px;border-radius:10px}.entry-title{flex:1;min-width:0}.entry-title h2{margin:0 0 6px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text);line-height:var(--line-height-tight)}.entry-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.entry-title-row{display:flex;align-items:center;gap:12px}.entry-title-row h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text);line-height:var(--line-height-tight)}.entry-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.entry-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.entry-status--active{background:#f0fdf4;color:#16a34a}.entry-status--inactive{background:#fef2f2;color:#dc2626}.entry-category{font-size:var(--font-size-sm);color:var(--text-muted)}.entry-id{font-size:var(--font-size-xs);font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-muted);background:#f1f5f9;padding:3px 8px;border-radius:4px}.entry-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9}.entry-details strong{font-weight:var(--font-weight-medium);color:#94a3b8}.entry-supplier{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:#475569}.entry-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.entry-review-indicator{position:absolute;top:12px;right:16px}.entry-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:var(--text-transform-caps);letter-spacing:.3px}.entry-badge--success{background:#dcfce7;color:#15803d}.entry-badge--danger{background:#fee2e2;color:#dc2626}.entry-badge--info{background:#e0f2fe;color:#0369a1}.entry-badge--warning{background:#fef3c7;color:#b45309}.entry-last-edit{font-size:var(--font-size-xs);color:#94a3b8;margin-top:2px}.entry-expand-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin-top:8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#475569;cursor:pointer;transition:all .15s ease}.entry-expand-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.entry-expand-btn svg{width:14px;height:14px}.entry-modified{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--text-muted);background:#fefce8;padding:4px 10px;border-radius:6px;border:1px solid #fef08a}.entry-modified strong{color:var(--warning)}.entry-actions{display:flex;gap:8px}.entry-link{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#3b82f6;color:#fff;border-radius:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:background .15s ease}.entry-link:hover{background:#2563eb}.entry-link-ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important}.entry-link-ai:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important}.entry-link-ai--small{font-size:var(--font-size-xs);padding:6px 12px}.entry-descriptions{padding:20px 24px;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.desc-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:300px}.desc-block>*:last-child{flex:1;display:flex;flex-direction:column;min-height:0}.desc-block h4{margin:0;padding:10px 14px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider);color:var(--text-muted);background:#f0f0f0;border-bottom:1px solid #e5e5e5;flex-shrink:0}.desc-text{padding:14px;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text);min-height:60px}.desc-text .no-content{color:#bbb}.desc-text p{margin:0 0 10px}.desc-text p:last-child{margin-bottom:0}.desc-text ul,.desc-text ol{margin:0 0 10px;padding-left:20px}.desc-text h2,.desc-text h3{margin:0 0 8px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.entry-products{border-top:1px solid #e2e8f0;padding:20px 24px 24px;background:#f8fafc}.products-title{margin:0 0 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#475569;text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider)}.products-count{font-weight:var(--font-weight-medium);color:#94a3b8}.product-entry{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.product-image{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0;border:1px solid #e2e8f0}.product-image img{width:100%;height:100%;object-fit:cover}.product-title{flex:1;min-width:0}.product-title strong{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:2px}.product-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.product-status--active{background:#f0fdf4;color:#16a34a}.product-status--inactive{background:#fef2f2;color:#dc2626}.product-title code{font-size:10px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-muted);background:#f1f5f9;padding:2px 6px;border-radius:3px}.product-title .entry-modified{width:fit-content;margin-top:6px}.product-content{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%;box-sizing:border-box}.var-field{display:flex;flex-direction:column;gap:8px;font-size:var(--font-size-sm);min-width:0;min-height:300px}.var-field>*:last-child{flex:1;display:flex;flex-direction:column;min-height:0}.var-field label{font-weight:var(--font-weight-semibold);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider)}.var-field .editable-short-text,.var-field .editable-rich-text{min-height:100px}.var-field .editable-textarea,.var-field .editable-content{min-height:100px;font-size:var(--font-size-sm)}@media print{.entry-link{display:none}.catalogue-entry{break-inside:avoid;margin-bottom:24px}}@media (max-width: 768px){.entry-header{flex-wrap:wrap;padding:16px}.entry-number{order:-1}.entry-title{flex-basis:calc(100% - 100px)}.entry-link{margin-left:auto}.entry-descriptions{grid-template-columns:1fr;padding:16px}.product-content{grid-template-columns:1fr}}.catalogue-content{display:flex;flex-direction:column;gap:24px}.catalogue-content>div>div[data-index]{transition:transform .15s ease-out}.catalogue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted);background:#fff;border-radius:12px;border:1px solid #e2e8f0}.catalogue-empty svg{margin-bottom:16px;opacity:.5;color:#cbd5e1}.catalogue-empty p{margin:0;font-size:var(--font-size-md);color:var(--text-muted)}.proposal-form{display:flex;flex-direction:column;gap:20px}.proposal-form-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-secondary, #6b7280)}.proposal-form-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary, #6b7280)}.proposal-form-meta-item{display:flex;gap:4px}.proposal-form-meta-item strong{color:var(--text-primary, #111827);font-weight:500}.proposal-form-status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.proposal-form-status--pending{background:#fef3c7;color:#92400e}.proposal-form-status--approved{background:#d1fae5;color:#065f46}.proposal-form-status--disapproved{background:#fee2e2;color:#991b1b}.proposal-form-status--further_review{background:#dbeafe;color:#1e40af}.proposal-form-comparison{display:grid;grid-template-columns:auto 1fr 1fr;gap:1px;background:var(--border-color, #e5e7eb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden}.proposal-form-column-header{padding:10px 12px;background:var(--surface-2, #f9fafb);font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.025em}.proposal-form-column-header:first-child{grid-column:1;visibility:hidden}.proposal-form-row-label{padding:10px 12px;background:var(--surface-2, #f9fafb);font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280);display:flex;align-items:flex-start}.proposal-form-cell{padding:10px 12px;background:var(--surface-1, #fff);font-size:14px;min-height:40px}.proposal-form-readonly-text{font-size:14px;line-height:1.5;color:var(--text-primary, #111827)}.proposal-form-readonly-text:empty:before,.proposal-form-readonly-text:has(>:empty):before{content:"—";color:var(--text-tertiary, #9ca3af)}.proposal-form-readonly-long{max-height:150px;overflow-y:auto}.proposal-form-html ul,.proposal-form-html ol{margin:0;padding-left:20px}.proposal-form-html p{margin:0 0 8px}.proposal-form-html p:last-child{margin-bottom:0}.proposal-form-actions-section{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:1px solid var(--border-color, #e5e7eb)}.proposal-form-action-row{display:flex;flex-direction:column;gap:8px}.proposal-form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280)}.proposal-form-select{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;background:var(--surface-1, #fff);color:var(--text-primary, #111827);cursor:pointer}.proposal-form-select:hover{border-color:var(--border-hover, #d1d5db)}.proposal-form-select:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.proposal-form-textarea{padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px}.proposal-form-textarea:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.proposal-form-textarea::placeholder{color:var(--text-tertiary, #9ca3af)}.proposal-form-review-comment{padding:12px;background:var(--surface-3, #f3f4f6);border-radius:6px;font-size:14px}.proposal-form-review-comment strong{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary, #6b7280)}.proposal-form-review-comment p{margin:0;color:var(--text-primary, #111827)}.catalogue-toolbar--proposals{margin-bottom:16px}.catalogue-proposals-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.catalogue-proposals-select{padding:8px 12px;font-size:var(--font-size-sm);border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:var(--text);min-width:140px}.catalogue-proposals-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.catalogue-proposals-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.catalogue-proposals-table th,.catalogue-proposals-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.catalogue-proposals-table th{font-weight:var(--font-weight-semibold);color:#475569;background:#f8fafc}.catalogue-proposals-table tbody tr:hover{background:#f8fafc}.catalogue-proposals-snippet{max-width:280px;color:var(--text-muted);font-size:var(--font-size-sm)}.catalogue-proposals-link{color:#3b82f6;text-decoration:none;font-weight:var(--font-weight-medium)}.catalogue-proposals-link:hover{text-decoration:underline}.catalogue-proposals-actions{white-space:nowrap}.catalogue-proposals-status{display:inline-block;padding:2px 8px;border-radius:6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.catalogue-proposals-status--pending{background:#fef3c7;color:#92400e}.catalogue-proposals-status--approved{background:#d1fae5;color:#065f46}.catalogue-proposals-status--disapproved{background:#fee2e2;color:#991b1b}.catalogue-proposals-status--further_review{background:#dbeafe;color:#1e40af}.catalogue-proposals-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:6px;border:none;cursor:pointer;margin-right:8px;transition:background .2s,color .2s}.catalogue-proposals-btn--view{background:#3b82f6;color:#fff}.catalogue-proposals-btn--view:hover{background:#2563eb}.catalogue-proposals-btn--approve{background:#22c55e;color:#fff}.catalogue-proposals-btn--approve:hover:not(:disabled){background:#16a34a}.catalogue-proposals-btn--disapprove{background:#f1f5f9;color:var(--text-muted);border:1px solid #e2e8f0}.catalogue-proposals-btn--disapprove:hover:not(:disabled){background:#e2e8f0;color:#475569}.catalogue-proposals-btn:disabled{opacity:.7;cursor:not-allowed}.catalogue-proposals-btn--disapprove-confirm{background:#dc2626;color:#fff}.catalogue-proposals-btn--disapprove-confirm:hover:not(:disabled){background:#b91c1c}.catalogue-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.catalogue-modal{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.catalogue-modal h3{margin:0 0 8px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text)}.catalogue-modal-desc{margin:0 0 16px;font-size:var(--font-size-sm);color:var(--text-muted)}.catalogue-modal-input{width:100%;padding:10px 12px;font-size:var(--font-size-sm);border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;resize:vertical;min-height:80px;box-sizing:border-box}.catalogue-modal-actions{display:flex;gap:12px;justify-content:flex-end}.catalogue-modal--proposal-view{max-width:960px;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.catalogue-modal-proposal-header{flex-shrink:0;margin-bottom:16px}.catalogue-modal-proposal-header h3{margin:0 0 4px;font-size:var(--font-size-md)}.catalogue-modal-proposal-meta{margin:0;font-size:var(--font-size-sm);color:var(--text-muted)}.catalogue-modal-proposal-sidebyside{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0;margin-bottom:16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.catalogue-modal-proposal-column-title{padding:10px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#475569;background:#f1f5f9;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1}.catalogue-modal-proposal-column-title:first-child{border-right:1px solid #e2e8f0}.catalogue-modal-proposal-row-label{grid-column:1 / -1;padding:10px 14px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);background:#f8fafc;border-top:1px solid #e2e8f0}.catalogue-modal-proposal-row-label:first-of-type{border-top:none}.catalogue-modal-proposal-cell{padding:6px 14px 14px;background:#fff}.catalogue-modal-proposal-cell:nth-child(odd){border-right:1px solid #e2e8f0}.catalogue-modal-proposal-readonly-text{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text);white-space:pre-wrap;word-break:break-word}.catalogue-modal-proposal-html{line-height:var(--line-height-normal)}.catalogue-modal-proposal-html p{margin:0 0 .5em}.catalogue-modal-proposal-html p:last-child{margin-bottom:0}.catalogue-modal-proposal-html ul,.catalogue-modal-proposal-html ol{margin:.5em 0;padding-left:1.5em}.catalogue-modal-proposal-html a{color:#3b82f6;text-decoration:underline}.catalogue-modal-proposal-html a:hover{color:#2563eb}.catalogue-modal-proposal-actions-row{flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid #e2e8f0;margin-bottom:16px}.catalogue-modal-proposal-action-label,.catalogue-modal-proposal-comment-label{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#475569}.catalogue-modal-proposal-action-label select{max-width:280px}.space-y-6{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh}.bg-white.rounded-lg.shadow.p-6:first-child{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 10px 40px #667eea33}.bg-white.rounded-lg.shadow.p-6:first-child h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.bg-white.rounded-lg.shadow.p-6:first-child p{color:#ffffffe6;font-size:1rem}.grid.grid-cols-1.md\:grid-cols-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.grid.grid-cols-1.md\:grid-cols-4>div{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden}.grid.grid-cols-1.md\:grid-cols-4>div:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.grid.grid-cols-1.md\:grid-cols-4>div:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.grid.grid-cols-1.md\:grid-cols-4>div:hover:before{transform:scaleX(1)}.grid.grid-cols-1.md\:grid-cols-4>div:nth-child(2):before{background:linear-gradient(90deg,#10b981,#059669)}.grid.grid-cols-1.md\:grid-cols-4>div:nth-child(3):before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.grid.grid-cols-1.md\:grid-cols-4>div:nth-child(4):before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.grid.grid-cols-1.md\:grid-cols-4 p.text-sm{color:#6b7280;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.grid.grid-cols-1.md\:grid-cols-4 p.text-3xl{font-size:2.25rem;font-weight:800;line-height:1.2}.bg-white.rounded-lg.shadow.p-6:has(select){background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.04)}.bg-white.rounded-lg.shadow.p-6:has(select) label{color:#374151;font-weight:600;font-size:.875rem;margin-bottom:.5rem}.bg-white.rounded-lg.shadow.p-6:has(select) input,.bg-white.rounded-lg.shadow.p-6:has(select) select{border:2px solid #e5e7eb;border-radius:10px;padding:.75rem 1rem;font-size:.875rem;transition:all .2s ease;background:#fff}.bg-white.rounded-lg.shadow.p-6:has(select) input:focus,.bg-white.rounded-lg.shadow.p-6:has(select) select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.04);transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 30px #0000001f}.chart-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.bg-white.rounded-lg.shadow.overflow-hidden{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.04);overflow:hidden}.bg-white.rounded-lg.shadow.overflow-hidden .px-6.py-4.border-b{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb}.bg-white.rounded-lg.shadow.overflow-hidden h3{font-size:1.125rem;font-weight:700;color:#1f2937}.bg-white.rounded-lg.shadow.overflow-hidden table{width:100%}.bg-white.rounded-lg.shadow.overflow-hidden thead{background:#f9fafb}.bg-white.rounded-lg.shadow.overflow-hidden thead th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.bg-white.rounded-lg.shadow.overflow-hidden tbody tr{transition:background-color .15s ease;border-bottom:1px solid #f3f4f6}.bg-white.rounded-lg.shadow.overflow-hidden tbody tr:hover{background-color:#f9fafb}.bg-white.rounded-lg.shadow.overflow-hidden tbody td{padding:1rem 1.5rem;color:#374151;font-size:.875rem}.bg-white.rounded-lg.shadow.overflow-hidden tbody td:last-child{font-weight:600;color:#1f2937}.flex.justify-center.items-center.p-8{display:flex;justify-content:center;align-items:center;padding:4rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-red-50,.bg-yellow-50{border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}@media (max-width: 768px){.space-y-6{padding:1rem}.chart-card,.bg-white.rounded-lg.shadow.p-6{padding:1.5rem}.grid.grid-cols-1.md\:grid-cols-4 p.text-3xl{font-size:1.875rem}}:root{--primary: #4361ee;--primary-light: #f0f4ff;--success: #2ec4b6;--warning: #ff9f1c;--danger: #e71d36;--neutral-dark: #2b2d42;--neutral: #8d99ae;--neutral-light: #edf2f4;--shadow: 0 4px 6px rgba(43, 45, 66, .1);--radius: 8px}.search-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:9999;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-popup{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d;width:100%;max-width:560px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-popup__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.search-popup__header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.search-popup__close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.search-popup__close:hover{background:#f1f5f9;color:#64748b}.search-popup__search{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #e2e8f0;color:#64748b}.search-popup__search input{flex:1;border:none;outline:none;font-size:15px;color:#1e293b;background:transparent}.search-popup__search input::placeholder{color:#94a3b8}.search-popup__clear{background:#e2e8f0;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.search-popup__clear:hover{background:#cbd5e1;color:#475569}.search-popup__list{flex:1;overflow-y:auto;padding:8px}.search-popup__item{display:grid;gap:12px;padding:12px 14px;border:none;background:none;width:100%;text-align:left;cursor:pointer;border-radius:8px;transition:background .15s;font-family:inherit}.search-popup__item:hover{background:#f8fafc}.search-popup__col{font-size:14px;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-popup__col:first-child{font-family:SF Mono,SFMono-Regular,Consolas,monospace;font-size:12px;color:#64748b}.search-popup__col:last-child{text-align:right;color:#64748b}.search-popup__empty{padding:32px;text-align:center;color:#94a3b8;font-size:14px}@media (max-width: 640px){.search-popup-overlay{padding:16px;align-items:flex-start}.search-popup{max-height:calc(100vh - 32px)}}.order-comments--compact .oc__content{max-height:400px}.oc__content{display:flex;flex-direction:column;max-height:500px}.oc__input-form{padding:var(--space-3);border-bottom:1px solid var(--border-primary, #e2e8f0);background:var(--surface-3, #f8fafc)}.oc__input{width:100%;padding:var(--space-2);border:1px solid var(--border-primary, #e2e8f0);border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:60px;background:var(--surface-1, #fff)}.oc__input:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.oc__input:disabled{background:var(--surface-3, #f1f5f9);cursor:not-allowed}.oc__input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.oc__internal-toggle{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer}.oc__internal-toggle input{accent-color:var(--color-primary, #2563eb)}.oc__submit-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-primary, #2563eb);color:#fff;border:none;border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background .15s}.oc__submit-btn:hover:not(:disabled){background:var(--color-primary-hover, #1d4ed8)}.oc__submit-btn:disabled{opacity:.5;cursor:not-allowed}.oc__list{flex:1;overflow-y:auto;padding:var(--space-2)}.oc__empty{text-align:center;padding:var(--space-4);color:var(--text-tertiary, #94a3b8);font-size:var(--font-size-sm)}.oc__comment{display:flex;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md, 6px);margin-bottom:var(--space-2);transition:background .1s}.oc__comment:hover{background:var(--surface-3, #f8fafc)}.oc__comment--internal{border-left:3px solid #f59e0b}.oc__comment--external{border-left:3px solid var(--color-primary, #2563eb)}.oc__comment-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--surface-3, #e2e8f0);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #64748b)}.oc__avatar-initials{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary)}.oc__comment-body{flex:1;min-width:0}.oc__comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px;flex-wrap:wrap}.oc__comment-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);color:var(--text-primary)}.oc__comment-time{font-size:var(--font-size-xs);color:var(--text-tertiary, #94a3b8)}.oc__comment-internal-badge{font-size:10px;padding:1px 6px;background:#fef3c7;color:#92400e;border-radius:999px;font-weight:var(--font-weight-medium, 500)}.oc__comment-delete{margin-left:auto;padding:2px;background:none;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;opacity:0;transition:opacity .15s,color .15s;border-radius:var(--radius-sm, 4px)}.oc__comment:hover .oc__comment-delete{opacity:1}.oc__comment-delete:hover{color:#ef4444;background:#fef2f2}.oc__comment-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0}.edit-order{padding:24px;max-width:1600px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.eo-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px}.eo-header__left{display:flex;align-items:center;gap:16px}.eo-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .15s ease}.eo-back-btn:hover{background:#f8fafc;color:#1e293b;border-color:#3b82f6}.eo-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:#1e293b;margin:0}.eo-status-badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;border-radius:20px;text-transform:capitalize}.eo-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.eo-header__actions{display:flex;gap:10px}.eo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;border:none;font-family:inherit}.eo-btn--primary{background:#3b82f6;color:#fff}.eo-btn--primary:hover:not(:disabled){background:#2563eb}.eo-btn--primary:disabled{opacity:.5;cursor:not-allowed}.eo-btn--ghost{background:#fff;color:#64748b;border:1px solid #e2e8f0}.eo-btn--ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.eo-content{display:flex;flex-direction:column}.eo-customer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1100px){.eo-customer-row{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.eo-customer-row{grid-template-columns:1fr}}.eo-info-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:#374151}.eo-info-row svg{color:#94a3b8;flex-shrink:0}.eo-info-row--muted{color:#64748b;font-size:13px;padding-top:8px;margin-top:4px;border-top:1px solid #f1f5f9}.eo-address{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#374151;line-height:1.5;margin-bottom:12px}.eo-address strong{color:#1e293b;font-weight:600}.eo-text-sm{font-size:13px}.eo-form-group{display:flex;flex-direction:column;gap:6px}.eo-form-group label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.eo-form-group input,.eo-form-group select{padding:10px 12px;font-size:14px;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .15s ease;font-family:inherit;width:100%;box-sizing:border-box}.eo-form-group input:focus,.eo-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.eo-static-value{padding:10px 0;font-size:14px;color:#1e293b;font-weight:500}.eo-select-wrapper{position:relative}.eo-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px}.eo-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.eo-order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.eo-line-items{display:flex;flex-direction:column}.eo-line-item{display:grid;grid-template-columns:100px 1fr 100px 70px 90px 100px 70px;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid #f1f5f9;transition:background .15s ease}.eo-line-item:hover:not(.eo-line-item--header){background:#fafbfc}.eo-line-item--header{background:#f8fafc;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:10px 18px;border-bottom:1px solid #e2e8f0}.eo-line-item--editing{background:#eff6ff}.eo-li-sku .eo-sku-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:13px;color:#64748b}.eo-li-name span{font-size:14px;color:#1e293b}.eo-li-price,.eo-li-total{font-size:14px;color:#1e293b;font-weight:500}.eo-li-total .eo-discounted{color:#059669}.eo-line-item input{padding:8px 10px;font-size:13px;border:1px solid #e2e8f0;border-radius:6px;width:100%;box-sizing:border-box}.eo-line-item input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.eo-li-qty input,.eo-li-discount input{text-align:center}.eo-discount-input{display:flex;align-items:center;gap:4px}.eo-discount-input input{width:60px}.eo-discount-input span{color:#94a3b8;font-size:13px}.eo-li-actions{display:flex;gap:4px;justify-content:flex-end}.eo-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s ease}.eo-icon-btn:hover{background:#f1f5f9;color:#3b82f6}.eo-icon-btn--danger:hover{background:#fef2f2;color:#dc2626}.eo-add-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#fff;border:none;border-top:1px dashed #e2e8f0;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.eo-add-item-btn:hover{background:#eff6ff}.eo-totals{display:flex;flex-direction:column;gap:12px;max-width:400px;margin-left:auto}.eo-totals-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:#374151}.eo-totals-row--editable{display:grid;grid-template-columns:120px 100px 1fr;gap:12px}.eo-totals-input{display:flex;align-items:center;gap:4px}.eo-totals-input input{width:60px;padding:6px 8px;font-size:13px;border:1px solid #e2e8f0;border-radius:6px;text-align:right}.eo-totals-input input:focus{outline:none;border-color:#3b82f6}.eo-totals-input span{color:#94a3b8;font-size:13px}.eo-totals-input--currency{flex-direction:row-reverse}.eo-discount-value{color:#dc2626;font-weight:500;text-align:right}.eo-tax-value{color:#64748b;text-align:right}.eo-totals-row--total{padding-top:12px;margin-top:4px;border-top:2px solid #e2e8f0;font-size:18px;font-weight:600;color:#1e293b}@media (max-width: 900px){.eo-line-item{grid-template-columns:80px 1fr 80px 60px 80px 80px 60px;gap:8px;font-size:13px}.eo-line-item--header{font-size:11px}}.eo-add-item-section{position:relative;padding:16px}.eo-item-picker{position:absolute;top:100%;left:16px;right:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 40px #00000026;z-index:100;max-height:320px;display:flex;flex-direction:column}.eo-item-picker__header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e2e8f0;color:#64748b}.eo-item-picker__header input{flex:1;border:none;outline:none;font-size:14px;color:#1e293b}.eo-item-picker__header input::placeholder{color:#94a3b8}.eo-item-picker__close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.eo-item-picker__close:hover{background:#f1f5f9;color:#64748b}.eo-item-picker__list{overflow-y:auto;flex:1}.eo-item-picker__item{display:grid;grid-template-columns:100px 1fr 80px;gap:12px;padding:12px 14px;border:none;background:none;width:100%;text-align:left;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .15s}.eo-item-picker__item:hover{background:#f8fafc}.eo-item-picker__item:last-child{border-bottom:none}.eo-item-picker__sku{font-family:SF Mono,SFMono-Regular,Consolas,monospace;font-size:12px;color:#64748b}.eo-item-picker__name{font-size:14px;color:#1e293b;font-weight:500}.eo-item-picker__price{font-size:14px;color:#64748b;text-align:right}.eo-item-picker__empty{padding:24px;text-align:center;color:#94a3b8;font-size:14px}.eo-order-totals{margin-top:16px;display:flex;justify-content:flex-end}.eo-order-totals__inner{display:flex;flex-direction:column;gap:6px;min-width:240px;background:#f8fafc;border-radius:8px;padding:14px 18px;border:1px solid #e2e8f0}.eo-totals-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b;gap:24px}.eo-totals-line span:last-child{font-weight:500;color:#334155;font-variant-numeric:tabular-nums}.eo-totals-line .eo-discount-value{color:#059669}.eo-totals-line--total{margin-top:6px;padding-top:10px;border-top:1px solid #e2e8f0;font-size:14px;font-weight:600}.eo-totals-line--total span{color:#1e293b!important}.eo-totals-line--total span:last-child{font-size:16px}@media (max-width: 768px){.edit-order{padding:16px}.eo-line-item{display:flex;flex-wrap:wrap;gap:12px;padding:16px}.eo-line-item--header{display:none}.eo-li-sku,.eo-li-name{width:100%}.eo-li-price,.eo-li-qty,.eo-li-discount,.eo-li-total{flex:1}.eo-li-actions{width:100%;justify-content:flex-start}}.eo-actions-list{display:flex;flex-direction:column}.eo-action-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #f1f5f9;gap:16px}.eo-action-row:last-child{border-bottom:none}.eo-action-row--overdue{background:#fef2f2}.eo-action-row__left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.eo-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.eo-priority--low{background:#94a3b8}.eo-priority--normal{background:#3b82f6}.eo-priority--high{background:#f59e0b}.eo-priority--urgent{background:#ef4444}.eo-action-row__content{display:flex;flex-direction:column;gap:4px;min-width:0}.eo-action-row__summary{font-size:14px;color:#1e293b;line-height:1.4}.eo-action-row__meta{display:flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8}.eo-action-row__meta svg{flex-shrink:0}.eo-action-row__unassigned{font-style:italic;color:#cbd5e1}.eo-action-row__sep{margin:0 4px}.eo-action-row--overdue .eo-action-row__meta{color:#dc2626}.eo-action-status{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.eo-action-status--open{background:#fef3c7;color:#92400e}.eo-action-status--in-progress{background:#dbeafe;color:#1e40af}.eo-action-status--waiting{background:#e0e7ff;color:#3730a3}.eo-action-status--resolved{background:#d1fae5;color:#065f46}.eo-action-status--cancelled{background:#f1f5f9;color:#64748b}.eo-action-row{cursor:pointer;transition:background .15s ease}.eo-action-row:hover:not(.eo-action-row--resolved){background:#f8fafc}.eo-action-row--resolved{opacity:.6}.eo-action-row__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.eo-action-row__chevron{color:#94a3b8;transition:transform .2s ease}.eo-action-row__chevron--open{transform:rotate(180deg)}.eo-action-item{border-bottom:1px solid #f1f5f9}.eo-action-item:last-child{border-bottom:none}.eo-action-item--expanded{background:#fafbfc}.eo-action-detail{padding:0 20px 20px 40px;display:flex;flex-direction:column;gap:16px}.eo-action-detail__info{display:flex;align-items:center;gap:12px}.eo-action-detail__type{font-size:12px;font-weight:500;color:#64748b;text-transform:capitalize;background:#f1f5f9;padding:3px 10px;border-radius:12px}.eo-action-detail__date{font-size:12px;color:#94a3b8}.eo-action-detail__claim{align-self:flex-start;display:flex;align-items:center;gap:6px;font-size:13px}.eo-action-detail__form{max-width:480px}.eo-action-detail__resolution{display:flex;align-items:center;gap:8px;font-size:14px;color:#059669;text-transform:capitalize}.eo-step-detail{margin-top:16px;padding:14px 16px;background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:10px}.eo-step-detail__item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.eo-step-detail__label{color:#64748b}.eo-step-detail__value{color:#1e293b;font-weight:500}.eo-step-detail__banner{font-size:13px;padding:8px 12px;border-radius:6px;line-height:1.4}.eo-step-detail__banner--warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.eo-step-detail__banner--backorder{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.eo-step-detail__shipments{display:flex;flex-direction:column;gap:8px}.eo-step-detail__shipment-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.eo-step-detail__shipment-card:hover{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.eo-step-detail__shipment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.eo-step-detail__shipment-id{font-size:13px;font-weight:600;color:#1e293b}.eo-step-detail__shipment-badge{font-size:11px;font-weight:600;color:#fff;padding:2px 8px;border-radius:10px;text-transform:capitalize}.eo-step-detail__shipment-info{display:flex;gap:10px;font-size:12px;color:#64748b;flex-wrap:wrap}.eo-step-detail__tracking{font-family:monospace;color:#3b82f6}.eo-step-detail__link{all:unset;cursor:pointer;font-size:13px;font-weight:500;color:#3b82f6;margin-top:2px}.eo-step-detail__link:hover{text-decoration:underline}.items-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px}.items-header__title{display:flex;align-items:center;gap:8px}.items-header__text{font-size:13px;font-weight:600;color:#64748b}.items-grid{gap:12px}.empty-state{padding:48px;text-align:center;color:#94a3b8;background:#f8fafc;border-radius:10px;border:2px dashed #e2e8f0}.empty-state--small{padding:32px;background:#fff;border-radius:8px}.empty-state__icon{margin-bottom:12px}.empty-state__title{font-size:16px;font-weight:500;margin-bottom:4px}.empty-state__text{font-size:14px}.item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;display:flex;flex-direction:column;box-sizing:border-box}.item-card__image{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:12px;background:#f1f5f9;flex-shrink:0}.item-card__image img{width:100%;height:100%;object-fit:cover}.item-card__name{font-weight:600;font-size:14px;color:#1e293b;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;min-height:36px}.item-card__sku{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;margin-bottom:8px;overflow:hidden}.item-card__sku-icon{flex-shrink:0}.item-card__sku-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card__badges{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;flex:1;min-height:0;overflow:hidden}.item-card__badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;border:1px solid #e2e8f0;flex-shrink:0}.item-card__badge-label{font-weight:600;color:#475569}.item-card__badge--color{font-weight:500}.item-card__badge--empty{background:#f8fafc;color:#94a3b8;font-style:italic}.item-card__badge--filled{background:#f1f5f9;color:#64748b}.item-card__badge--custom{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}.item-card__badge--custom-empty{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;font-style:italic}.item-card__badge--red{background:#fef2f2;color:#dc2626;border-color:#fecaca}.item-card__badge--green{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.item-card__badge--flesh{background:#fdf4ff;color:#a855f7;border-color:#f5d0fe}.item-card__badge--white{background:#f8fafc;color:#475569;border-color:#e2e8f0}.item-card__badge--default-color{background:#fefce8;color:#ca8a04;border-color:#fef08a}.item-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.item-card__price{font-size:16px;font-weight:700;color:#059669}.item-card__wrapper{position:relative}.item-card__actions{position:absolute;top:8px;right:8px;z-index:1}.item-card__inactive-badge{position:absolute;top:8px;left:8px;background:#fef2f2;color:#dc2626;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;z-index:1}.item-card__wrapper--pending-move{opacity:.55}.item-card__move-badge{position:absolute;bottom:8px;left:8px;right:8px;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-section{padding:16px}.products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 8px}.products-header__title{display:flex;align-items:center;gap:8px}.products-header__text{font-size:14px;font-weight:600;color:#334155}.products-header__count{background:#e2e8f0;padding:2px 8px;border-radius:10px;font-size:12px;color:#64748b}.products-list{display:flex;flex-direction:column;gap:12px}.product-item{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.product-item--expanded{background:#f8fafc}.product-item:not(.product-item--expanded){background:#fff}.product-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:16px}.product-bar__caret{color:#64748b}.product-bar__image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0}.product-bar__image img{width:100%;height:100%;object-fit:cover}.product-bar__info{flex:1}.product-bar__name{font-weight:600;color:#1e293b;margin-bottom:4px}.product-bar__description{font-size:13px;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin-top:4px}.product-bar__count{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.product-bar__count--active{background:#e0f2fe;color:#0369a1}.product-bar__count--inactive{background:#fef2f2;color:#dc2626}.sortable-item{cursor:grab}.sortable-item--dragging{opacity:.5}.product-page{margin:0 auto}.product-page__title{margin-bottom:8px;font-size:24px;font-weight:600}.product-page__subtitle{color:#64748b;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:16px}.loading-spinner{color:#3b82f6}.loading-text{color:#64748b;font-size:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:16px}.error-box{background:#fef2f2;padding:24px 32px;border-radius:12px;text-align:center;border:1px solid #fecaca}.error-box__title{color:#dc2626;margin-bottom:8px;font-size:18px}.error-box__message{color:#7f1d1d;margin-bottom:16px}.no-product-box{background:#fff7ed;padding:24px 32px;border-radius:12px;text-align:center;border:1px solid #fed7aa}.no-product-box__title{color:#c2410c;margin-bottom:8px;font-size:18px}.no-product-box__message{color:#9a3412;margin-bottom:16px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn--primary{background:#3b82f6;color:#fff}.btn--success{background:#10b981;color:#fff}.btn--danger{background:#dc2626;color:#fff}.btn--secondary{background:#f1f5f9;color:#64748b}.btn--outline{background:#fff;border:1px solid #e2e8f0;color:#64748b}.btn--sm{padding:6px 12px;font-size:12px}.btn--icon{display:flex;align-items:center;gap:6px}.btn:disabled{cursor:default;opacity:.6}.product-page__content{background:var(--surface-1);overflow:hidden}.action-bar{position:fixed;bottom:24px;right:32px;background:#fff;border:1px solid #e2e8f0;padding:12px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #0000001a;border-radius:12px;z-index:100}.action-bar__status{font-size:13px;color:#f59e0b;font-weight:500;display:flex;align-items:center;gap:6px}.action-bar__dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.action-bar__btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .15s;display:flex;align-items:center;gap:8px}.action-bar__btn--cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer}.action-bar__btn--cancel:disabled{color:#cbd5e1;border-color:#f1f5f9;cursor:default}.action-bar__btn--save{background:#10b981;color:#fff;border:none;cursor:pointer}.action-bar__btn--save:disabled{background:#d1d5db;cursor:default}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.flex-1{flex:1}.font-bold{font-weight:600}.ppl-body{display:grid;grid-template-columns:256px 1fr;grid-template-rows:1fr;align-items:start;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-4);height:calc(100vh - 62px);overflow:hidden}.ppl-sidebar{height:calc(100vh - 62px - var(--space-2) - var(--space-4));display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.ppl-hero__image{height:148px;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-secondary-600) 100%)}.ppl-hero__image img{width:100%;height:100%;object-fit:cover}.ppl-hero__info{padding:14px var(--space-2) var(--space-1)}.ppl-hero__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-heading);line-height:var(--line-height-tight);margin-bottom:4px}.ppl-hero__sub{display:flex;align-items:center;gap:5px;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:6px}.ppl-hero__dot{color:var(--text-tertiary)}.ppl-hero__crumb{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary);padding:5px var(--space-1);background:var(--surface-2);border-radius:var(--radius-sm);margin-top:4px}.ppl-hero__sep{color:var(--text-tertiary);opacity:.5}.ppl-nav{display:flex;flex-direction:column;padding:var(--space-1) 0;border-top:1px solid var(--border-muted);flex:1}.ppl-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:inherit;color:var(--text-secondary);background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;transition:all var(--transition-fast);line-height:1}.ppl-nav-item:hover{background:var(--surface-2);color:var(--text)}.ppl-nav-item--active{background:var(--primary-container);color:var(--on-primary-container);border-left-color:var(--primary);font-weight:var(--font-weight-medium)}.ppl-nav-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;color:inherit;opacity:.7}.ppl-nav-item--active .ppl-nav-item__icon{opacity:1;color:var(--primary)}.ppl-nav-item__label{flex:1;min-width:0}.ppl-nav-item__count{flex-shrink:0;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-tertiary);background:var(--surface-3);padding:1px 6px;border-radius:var(--radius-full);line-height:1.6}.ppl-nav-item--active .ppl-nav-item__count{background:var(--color-primary-200);color:var(--color-primary-800)}.ppl-content{height:calc(100vh - 62px - var(--space-2) - var(--space-4));display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.ppl-section-head{display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-3);border-bottom:1px solid var(--border-muted);background:var(--surface-1);flex-shrink:0}.ppl-section-head__title{display:flex;align-items:center;gap:8px}.ppl-section-head__icon{display:flex;align-items:center;color:var(--text-secondary)}.ppl-section-head__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-heading)}.ppl-section-head__count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:1px 8px;background:var(--surface-3);color:var(--text-secondary);border-radius:var(--radius-full)}.ppl-section-body{padding:var(--space-3);overflow-y:auto;flex:1}.ppl-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--on-primary);background:var(--primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);line-height:1}.ppl-action-btn:hover{background:var(--color-primary-hover)}.sds-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;transition:box-shadow .15s}.sds-card:hover{box-shadow:0 2px 8px #0000000f}.sds-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sds-card__id{display:flex;align-items:center;gap:8px}.sds-card__sds-number{font-size:13px;font-weight:700;font-family:SF Mono,Fira Code,monospace;color:#334155}.sds-card__signal{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.sds-card__signal--danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.sds-card__signal--warning{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.sds-card__remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;opacity:0;transition:all .15s}.sds-card:hover .sds-card__remove{opacity:1}.sds-card__remove:hover{background:#fef2f2;color:#ef4444}.sds-card__name{font-size:13px;font-weight:500;color:#1e293b;margin-bottom:2px}.sds-card__label{font-size:12px;color:#64748b;margin-bottom:8px}.sds-card__pictograms{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.sds-card__pictogram{width:36px;height:36px;background:#fff}.sds-card__pictogram--sm{width:26px;height:26px}.sds-card__codes{display:flex;flex-direction:column;gap:6px;margin-top:6px}.sds-card__code-group{display:flex;align-items:flex-start;gap:6px}.sds-card__code-label{font-size:11px;font-weight:600;color:#64748b;min-width:52px;padding-top:2px}.sds-card__code-tags{display:flex;flex-wrap:wrap;gap:4px}.sds-card__tag{font-size:11px;font-weight:500;padding:1px 6px;border-radius:4px;font-family:SF Mono,Fira Code,monospace}.sds-card__tag--hazard{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.sds-card__tag--precautionary{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.sds-card__transport{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9}.sds-card__meta{font-size:12px;color:#475569}.sds-card__meta strong{color:#1e293b;font-weight:600;margin-right:2px}.sds-edit-modal-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#64748b}.sds-section{padding:16px;border-bottom:1px solid #e2e8f0}.sds-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 8px}.sds-section__title-row{display:flex;align-items:center;gap:8px}.sds-section__title{font-size:14px;font-weight:600;color:#334155}.sds-section__count{font-size:11px;font-weight:600;background:#fef2f2;color:#dc2626;padding:1px 8px;border-radius:10px}.sds-cards{display:flex;flex-direction:column;gap:10px}.sds-search-input-wrap{position:relative;display:flex;align-items:center}.sds-search-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.sds-search-input{width:100%;padding:9px 12px 9px 32px;font-size:14px;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;box-sizing:border-box}.sds-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.sds-search-spinner{position:absolute;right:10px;color:#94a3b8}.sds-search-results{margin-top:12px;max-height:340px;overflow-y:auto}.sds-search-empty{padding:20px;text-align:center;color:#94a3b8;font-size:13px;font-style:italic}.sds-search-result{display:block;width:100%;text-align:left;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;margin-bottom:6px;cursor:pointer;transition:all .15s}.sds-search-result:hover{background:#eff6ff;border-color:#93c5fd}.sds-search-result__top{display:flex;align-items:center;gap:8px;margin-bottom:2px}.sds-search-result__number{font-size:12px;font-weight:700;font-family:SF Mono,Fira Code,monospace;color:#334155}.sds-search-result__name{font-size:13px;color:#475569}.suggested-products-grid{gap:var(--space-md)}.suggested-product-card{position:relative;display:flex;flex-direction:column;height:100%;padding:var(--space-sm);background-color:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast)}.suggested-product-card:hover{box-shadow:var(--shadow-sm)}.suggested-product-card__image{aspect-ratio:1;width:100%;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--surface-3);margin-bottom:var(--space-sm)}.suggested-product-card__image img{width:100%;height:100%;object-fit:contain}.suggested-product-card__content{flex:1;min-height:0;display:flex;flex-direction:column}.suggested-product-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggested-product-card__actions{position:absolute;top:var(--space-xs);right:var(--space-xs)}.suggested-product-card__supplier{margin-top:auto;padding-top:var(--space-xs);max-width:100%;overflow:hidden}.suggested-product-card__supplier .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.tables-section__table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:12px}.tables-section__table:last-child{margin-bottom:0}.tables-section__table-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tables-section__table-name{font-size:13px;font-weight:600;color:#334155}.tables-section__table-meta{font-size:11px;color:#94a3b8;margin-left:8px}.tables-section__table-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.tables-section__table-header:hover .tables-section__table-actions{opacity:1}.tables-section__data-table{width:100%;border-collapse:collapse;font-size:12px}.tables-section__data-table th{background:#f1f5f9;color:#475569;font-weight:600;text-align:left;padding:6px 10px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.tables-section__data-table td{padding:5px 10px;color:#334155;border-bottom:1px solid #f1f5f9}.tables-section__data-table tr:last-child td{border-bottom:none}.tables-section__data-table tr:nth-child(2n){background:#fafbfc}.table-editor{display:flex;flex-direction:column;gap:12px}.table-editor__name-row{display:flex;flex-direction:column;gap:4px}.table-editor__label{font-size:12px;font-weight:600;color:#475569}.table-editor__input{font-size:13px;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .15s}.table-editor__input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.table-editor__columns-label{font-size:12px;font-weight:600;color:#475569;margin-bottom:2px}.table-editor__columns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.table-editor__column-chip{display:flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 6px 3px 8px;font-size:12px;color:#334155}.table-editor__column-chip input{border:none;background:transparent;font-size:12px;color:#334155;outline:none;width:80px;min-width:40px}.table-editor__column-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#94a3b8;padding:0;border-radius:4px;transition:color .15s}.table-editor__column-remove:hover{color:#ef4444}.table-editor__add-column{display:flex;align-items:center;gap:4px;background:none;border:1px dashed #cbd5e1;border-radius:6px;padding:3px 10px;font-size:12px;color:#64748b;cursor:pointer;transition:all .15s}.table-editor__add-column:hover{border-color:#3b82f6;color:#3b82f6}.table-editor__rows-label{font-size:12px;font-weight:600;color:#475569;margin-bottom:2px}.table-editor__rows-table{width:100%;border-collapse:collapse;font-size:12px;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.table-editor__rows-table th{background:#f1f5f9;color:#475569;font-weight:600;text-align:left;padding:5px 8px;border-bottom:1px solid #e2e8f0;font-size:11px}.table-editor__rows-table td{padding:2px 4px;border-bottom:1px solid #f1f5f9}.table-editor__rows-table td:last-child{width:28px;text-align:center}.table-editor__rows-table input{width:100%;border:1px solid transparent;background:transparent;font-size:12px;padding:4px 6px;border-radius:4px;outline:none;transition:border-color .15s}.table-editor__rows-table input:focus{border-color:#3b82f6;background:#fff}.table-editor__row-remove{background:none;border:none;cursor:pointer;color:#94a3b8;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center}.table-editor__row-remove:hover{color:#ef4444}.table-editor__add-row{display:flex;align-items:center;gap:4px;background:none;border:1px dashed #cbd5e1;border-radius:6px;padding:5px 12px;font-size:12px;color:#64748b;cursor:pointer;transition:all .15s;margin-top:4px;width:100%;justify-content:center}.table-editor__add-row:hover{border-color:#3b82f6;color:#3b82f6}.technical-groups-list{margin-bottom:var(--space-md)}.technical-groups-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.technical-group-card{background:var(--surface-1);border:var(--card-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);transition:box-shadow var(--transition-fast)}.technical-group-card:hover{box-shadow:var(--shadow-sm)}.technical-group-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.technical-group-card__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.technical-group-card__description{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.technical-group-card__meta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-sm)}.technical-group-card__separator{color:var(--text-tertiary)}.technical-group-card__properties,.technical-group-card__products{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.technical-group-card__properties .pill,.technical-group-card__products .pill{font-size:var(--font-size-xs);padding:var(--space-half) var(--space-sm);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-secondary)}.technical-group-card__products .pill{background:var(--surface-2);color:var(--text-muted)}.technical-groups-legend{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.technical-groups-properties-preview{margin:var(--space-sm) 0 0;padding:0;list-style:none;font-size:var(--font-size-sm)}.technical-groups-properties-preview li{padding:var(--space-half) 0}.technical-properties-section{padding:16px;border-bottom:1px solid #e2e8f0}.technical-properties-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.technical-properties-header__text{font-size:14px;font-weight:600;color:#334155}.technical-properties-header__count{background:#f1f5f9;color:#64748b;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.technical-properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 16px;min-height:80px}.technical-properties-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;font-style:italic;min-height:80px}.technical-property{display:flex;justify-content:space-between;align-items:baseline;padding:6px 10px;border-radius:6px;font-size:13px}.technical-property:nth-child(odd){background:#f8fafc}.technical-property__key{color:#64748b;font-weight:500;margin-right:12px;max-width:50%;flex-shrink:0;word-break:break-word;display:flex;align-items:center;gap:4px}.technical-property__unit{font-weight:400;font-size:.8em;color:#94a3b8}.technical-property__value-row{display:flex;align-items:center;gap:4px;text-align:right}.technical-property__edit-btn,.technical-property__delete-btn{opacity:0;transition:opacity .15s;padding:2px!important}.technical-property:hover .technical-property__edit-btn,.technical-property:hover .technical-property__delete-btn{opacity:.6}.technical-property__edit-btn:hover,.technical-property__delete-btn:hover{opacity:1!important}.technical-property__delete-btn:hover{color:#ef4444!important}.technical-property__bool{font-size:12px;font-weight:600;padding:1px 8px;border-radius:4px}.technical-property__bool--yes{color:#16a34a;background:#f0fdf4}.technical-property__bool--no{color:#94a3b8;background:#f8fafc}.technical-property__bool-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:600;color:#1e293b;-webkit-user-select:none;user-select:none}.technical-property__bool-toggle input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#3b82f6}.technical-property__edit-row{display:flex;align-items:center;gap:4px}.technical-property__input{font-size:13px;padding:2px 6px;border:1px solid #cbd5e1;border-radius:4px;width:160px;font-weight:600;color:#1e293b}.technical-property__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.technical-property__value{color:#1e293b;font-weight:600;text-align:right;word-break:break-word}.technical-property-add{margin-top:8px;padding:8px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.technical-property-add__row{display:flex;align-items:center;gap:8px}.technical-property-add__select{flex:1;font-size:13px;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1e293b}.technical-property-add__input{flex:1;font-size:13px;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b}.technical-property-add__select:focus,.technical-property-add__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.atp-group-pills{display:flex;flex-wrap:wrap;gap:6px}.atp-pill{padding:4px 10px;font-size:12px;font-weight:500;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.atp-pill:hover{border-color:#94a3b8;color:#334155}.atp-pill--active{background:#3b82f6;border-color:#3b82f6;color:#fff}.atp-pill--active:hover{background:#2563eb;border-color:#2563eb;color:#fff}.atp-property-list{max-height:200px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.atp-property-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;border-bottom:1px solid #f1f5f9;background:transparent;cursor:pointer;text-align:left;transition:background .1s}.atp-property-item:last-child{border-bottom:none}.atp-property-item:hover{background:#e2e8f0}.atp-property-item--selected{background:#eff6ff;border-left:3px solid #3b82f6}.atp-property-item--selected:hover{background:#dbeafe}.atp-property-item__name{font-size:13px;font-weight:500;color:#1e293b}.atp-property-item__meta{display:flex;align-items:center;gap:6px}.atp-property-item__array{font-size:11px;font-weight:600;color:#8b5cf6;background:#f5f3ff;padding:1px 4px;border-radius:3px}.atp-property-item__unit{font-size:11px;color:#64748b;background:#f1f5f9;padding:1px 6px;border-radius:3px}.atp-empty{padding:20px;text-align:center;color:#94a3b8;font-size:13px;font-style:italic}.file-upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.file-upload-zone{width:100%;border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--transition-normal),background-color var(--transition-normal);background:var(--surface-2)}.file-upload-zone:hover,.file-upload-zone--dragging{border-color:var(--color-primary);background:var(--color-primary-light)}.file-upload-zone__input{display:none}.file-upload-zone__icon{color:var(--text-muted);margin-bottom:var(--space-1);transition:color var(--transition-normal)}.file-upload-zone:hover .file-upload-zone__icon,.file-upload-zone--dragging .file-upload-zone__icon{color:var(--color-primary)}.file-upload-zone__label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--space-half) 0}.file-upload-zone__sublabel{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.file-upload-area__info{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-3);border-radius:var(--radius-md)}.file-upload-area__filename{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.file-upload-area__size{font-size:var(--font-size-xs);color:var(--text-secondary)}.import-instructions{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-1)}.import-hint{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic;margin:var(--space-2) 0 0 0;display:flex;align-items:center;gap:var(--space-1)}.import-sheet-list{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.import-sheet-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-1);border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-md);font-family:inherit;color:var(--text-primary);width:100%;max-width:400px}.import-sheet-item:hover,.import-sheet-item--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.import-sheet-item__name{font-weight:var(--font-weight-medium)}.import-mapping__list{display:flex;flex-direction:column;gap:var(--space-1)}.import-mapping__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border-light)}.import-mapping__row>:first-child{justify-self:end}.import-mapping__row>:last-child{justify-self:start}.import-mapping__arrow{font-size:var(--font-size-lg);color:var(--text-muted)}.import-select{width:100%;padding:var(--space-1) var(--space-sm);border:var(--input-border-width) solid var(--border-default);border-radius:var(--input-radius);font-size:var(--input-font-size);font-family:inherit;background:var(--surface-1);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-normal)}.import-select:hover{border-color:var(--border-hover)}.import-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.import-preview{display:flex;flex-direction:column}.safety-data-sheet-page__back-link{display:inline-flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-size:.9375rem}.safety-data-sheet-page__back-link:hover{color:#475569}.safety-data-sheet-page__back-link--block{margin-top:1rem}.safety-data-sheet-page__header-actions{display:flex;align-items:center;gap:.75rem}.safety-data-sheet-page__loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:#64748b}.safety-data-sheet-page__form{margin-top:1.5rem}.safety-data-sheets__loading,.safety-data-sheets__error{display:flex;justify-content:center;align-items:center;height:400px;font-size:1rem}.safety-data-sheets__loading{color:#64748b}.safety-data-sheets__error{color:#dc2626}.safety-data-sheets__cell-number{font-weight:500;color:#1e293b}.safety-data-sheets__cell-name{color:#334155}.safety-data-sheets__cell-muted{color:#94a3b8}.safety-data-sheets__cell-codes{font-size:.8125rem;color:#475569}.safety-data-sheets__cell-mono{font-family:monospace;font-size:.8125rem}.tp-stats{display:flex;gap:12px;flex-wrap:wrap}.tp-stat{background:var(--surface-3);border-radius:var(--radius-md);padding:12px 20px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.tp-stat__value{font-size:18px;font-weight:700;color:var(--text-primary)}.tp-loading{text-align:center;padding:48px;color:var(--text-secondary)}.of{max-width:1400px;margin:0 auto;padding:var(--space-4) var(--space-3)}.of__back{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:0;margin-bottom:var(--space-3);transition:color .15s}.of__back:hover{color:var(--text-primary)}.of__loading{color:var(--text-secondary);text-align:center;padding:var(--space-6) 0}.of__summary{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-3, #f8fafc);border:1px solid var(--border-primary, #e2e8f0);border-radius:var(--radius-lg)}.of__summary-stat{display:flex;flex-direction:column;align-items:center;min-width:80px}.of__summary-label{font-size:var(--font-size-xs);color:var(--text-tertiary, #94a3b8);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.of__summary-value{font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold);color:var(--text-primary)}.of__summary-value--shipped{color:var(--color-success, #10b981)}.of__summary-stat--backorder{margin-left:auto;padding-left:var(--space-4);border-left:1px solid var(--border-primary, #e2e8f0)}.of__summary-value--backorder{color:#d97706}.of__info-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 640px){.of__info-row{grid-template-columns:1fr}}.of__info-line{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-1)}.of__info-line svg{color:var(--text-tertiary, #94a3b8);flex-shrink:0}.of__address{display:flex;flex-direction:column;font-size:var(--font-size-sm);line-height:1.5}.of__address strong{margin-bottom:2px}.of__items-table{width:100%;font-size:var(--font-size-sm)}.of__items-header{display:flex;padding:var(--space-2) var(--space-3);background:var(--surface-3, #f8fafc);border-bottom:1px solid var(--border-primary, #e2e8f0);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.03em}.of__items-row{display:flex;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-primary, #e2e8f0);align-items:center;transition:background .1s}.of__items-row:last-child{border-bottom:none}.of__items-row--complete{background:#f0fdf4}.of__items-row--backorder{background:#fffbeb}.of__items-col{padding-right:var(--space-2)}.of__items-col--sku{width:140px;flex-shrink:0;color:var(--text-secondary);font-family:var(--font-mono, monospace);font-size:var(--font-size-xs)}.of__items-col--name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of__items-col--qty{width:70px;text-align:center}.of__items-col--status{width:110px;text-align:right}.of__items-shipped{color:var(--color-success, #10b981);font-weight:var(--font-weight-semibold)}.of__items-backorder{color:#d97706;font-weight:var(--font-weight-semibold)}.of__item-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.of__item-badge--complete{background:#dcfce7;color:#166534}.of__item-badge--backorder{background:#fef3c7;color:#92400e}.of__item-badge--pending{background:var(--surface-3, #f1f5f9);color:var(--text-secondary, #64748b)}.of__actions-list{display:flex;flex-direction:column}.of__action-item{border-bottom:1px solid var(--border-primary, #e2e8f0)}.of__action-item:last-child{border-bottom:none}.of__action-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);cursor:pointer;transition:background .1s}.of__action-row:hover{background:var(--surface-3, #f8fafc)}.of__action-row--overdue{background:#fef2f2}.of__action-row__left{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.of__priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.of-priority--low{background:#94a3b8}.of-priority--normal{background:#3b82f6}.of-priority--high{background:#f59e0b}.of-priority--urgent{background:#ef4444}.of__action-row__content{display:flex;flex-direction:column;min-width:0}.of__action-row__summary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of__action-row__meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-tertiary, #94a3b8)}.of__action-row__unassigned{color:#d97706;font-style:italic}.of__action-row__sep{opacity:.5}.of__action-row__right{display:flex;align-items:center;gap:var(--space-2)}.of__action-status{padding:2px 8px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.of-action-status--open{background:#dbeafe;color:#1e40af}.of-action-status--in-progress{background:#fef3c7;color:#92400e}.of-action-status--waiting{background:#e0e7ff;color:#3730a3}.of-action-status--resolved{background:#dcfce7;color:#166534}.of-action-status--cancelled{background:#f1f5f9;color:#64748b}.of__action-row__chevron{transition:transform .15s;color:var(--text-tertiary)}.of__action-row__chevron--open{transform:rotate(180deg)}.of__action-detail{padding:var(--space-2) var(--space-3) var(--space-3);background:var(--surface-3, #f8fafc);border-top:1px solid var(--border-primary, #e2e8f0)}.of__action-detail__info{display:flex;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.of__action-detail__type{text-transform:capitalize}.of__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s,color .15s}.of__btn--ghost{background:transparent;border:1px solid var(--border-primary, #e2e8f0);color:var(--text-secondary)}.of__btn--ghost:hover{background:var(--surface-1, #fff);color:var(--text-primary)}.of__action-detail__claim{margin-bottom:var(--space-2)}.of__action-detail__form{margin-top:var(--space-2)}.of__backorder-card{border-color:#f59e0b}.of__backorder-list{display:flex;flex-direction:column;gap:var(--space-2)}.of__backorder-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-md)}.of__backorder-item__info{display:flex;flex-direction:column}.of__backorder-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.of__backorder-item__sku{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-mono, monospace)}.of__backorder-item__qty{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#d97706}.of__backorder-hint{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px dashed #fcd34d;font-size:var(--font-size-xs);color:var(--text-tertiary)}.of__new-shipment-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-primary, #2563eb);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .15s}.of__new-shipment-btn:hover{background:var(--color-primary-hover, #1d4ed8)}.of__new-shipment-btn:disabled{opacity:.6;cursor:not-allowed}.of__shipments-empty{text-align:center;padding:var(--space-6) 0;color:var(--text-tertiary)}.of__shipments-empty svg{margin-bottom:var(--space-2);opacity:.5}.of__shipments-empty p{margin:var(--space-1) 0}.of__shipments-empty__hint{font-size:var(--font-size-sm)}.of__shipments-list{display:flex;flex-direction:column}.of__shipment-card{display:flex;flex-direction:column;padding:var(--space-3);border-bottom:1px solid var(--border-primary, #e2e8f0);cursor:pointer;transition:background .1s}.of__shipment-card:last-child{border-bottom:none}.of__shipment-card:hover{background:var(--surface-3, #f8fafc)}.of__shipment-card--resumable{border-left:3px solid var(--color-primary, #2563eb)}.of__shipment-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.of__shipment-card__id{display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.of__shipment-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff}.of__shipment-card__body{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary)}.of__shipment-tracking{font-family:var(--font-mono, monospace);font-size:var(--font-size-xs);background:var(--surface-3, #f1f5f9);padding:1px 6px;border-radius:var(--radius-sm)}.of__shipment-date{color:var(--text-tertiary);font-size:var(--font-size-xs)}.of__shipment-card__footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-primary, #e2e8f0);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary, #2563eb)}.of__footer-link{margin-top:var(--space-4);text-align:center}.of__footer-link button{background:none;border:none;color:var(--color-primary, #2563eb);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline}.of__footer-link button:hover{color:var(--color-primary-hover, #1d4ed8)}.wh{max-width:900px;margin:0 auto;padding:var(--space-4) var(--space-3)}.wh__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.wh__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.wh__order-badge{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-half)}.wh__order-id{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-half) var(--space-1);border-radius:var(--radius-sm)}.wh__order-meta{font-size:var(--font-size-xs);color:var(--text-secondary)}.wh__steps{margin:var(--space-3) 0}.wh__content{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-3);box-shadow:var(--shadow-xs)}.wh__done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-3);gap:var(--space-2)}.wh__done-icon{width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-success);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center}.wh__done-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.wh__done-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.wh-step{display:flex;flex-direction:column;gap:var(--space-3)}.wh-step__header{display:flex;align-items:center;gap:var(--space-1);color:var(--text-primary)}.wh-step__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.wh-step__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.wh-step__footer{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-default)}.wh-step__hint{font-size:var(--font-size-xs);color:var(--text-muted)}.wh-scan__field{display:flex;align-items:center;gap:var(--space-1);background:var(--surface-2);border:var(--input-border-width) solid var(--border-default);border-radius:var(--input-radius);padding:var(--space-half) var(--space-1);transition:border-color var(--transition-normal);color:var(--text-secondary)}.wh-scan__field:focus-within{border-color:var(--color-primary)}.wh-scan__input{flex:1;border:none;background:none;font-size:var(--input-font-size);color:var(--text-primary);padding:var(--space-half) 0;outline:none}.wh-scan__input::placeholder{color:var(--text-muted)}.wh-scan__error{display:flex;align-items:center;gap:var(--space-half);font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-half)}.wh-items{display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.wh-items__header{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--surface-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider)}.wh-items__row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);align-items:center;padding:var(--space-1) var(--space-2);border-top:1px solid var(--border-default);transition:background var(--transition-fast)}.wh-items__row--done{background:var(--surface-2);opacity:.7}.wh-items__info{display:flex;flex-direction:column;gap:2px}.wh-items__sku{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:monospace}.wh-items__name{font-size:var(--font-size-sm);color:var(--text-secondary)}.wh-items__qty{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center}.wh-items__qty--done{color:var(--color-success)}.wh-items__qty--backorder{color:var(--color-warning)}.wh-items__bo-badge{display:inline-flex;align-items:center;gap:var(--space-half);font-size:var(--font-size-xs);color:var(--color-warning);font-weight:var(--font-weight-medium)}.wh-items__row--backorder{background:color-mix(in srgb,var(--color-warning) 5%,transparent);border-left:3px solid var(--color-warning)}.wh-items__actions{display:flex;align-items:center;gap:var(--space-half);justify-content:flex-end;min-width:140px}.wh-items__actions-placeholder{display:inline-block;width:70px}.wh-qty{display:flex;align-items:center;gap:var(--space-half)}.wh-qty__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.wh-qty__btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover);color:var(--text-primary)}.wh-qty__btn:disabled{opacity:.3;cursor:not-allowed}.wh-qty__value{min-width:28px;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.wh-qty__value--full{color:var(--color-success)}.wh-qty__value--partial{color:var(--color-warning)}.wh-qty__of{font-size:var(--font-size-xs);color:var(--text-muted)}.wh-qty__confirmed{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success)}.wh-qty__confirmed--short{color:var(--color-warning)}.wh-items__short-reason{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--color-warning) 5%,transparent);border-top:1px solid var(--border-default)}.wh-items__short-reason-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-warning-hover);white-space:nowrap}.wh-items__flag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--color-danger) 4%,transparent);border-top:1px solid var(--border-default);flex-wrap:wrap}.wh-items__flag-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);white-space:nowrap}.wh-items__flag-select{min-width:180px;padding:var(--space-half) var(--space-1);font-size:var(--font-size-xs)}.wh-report-toggle{font-size:var(--font-size-xs);color:var(--text-muted);align-self:flex-start}.wh-btn--danger{background:var(--color-danger);color:var(--text-on-primary);border-color:var(--color-danger)}.wh-btn--danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.wh-btn--danger-ghost{background:none;color:var(--color-danger);padding:var(--space-half);opacity:.6;border-color:transparent}.wh-btn--danger-ghost:hover:not(:disabled){opacity:1;background:var(--color-danger-ring)}.wh-btn--warning-subtle{background:none;color:var(--color-warning);border-color:transparent;font-weight:var(--font-weight-medium)}.wh-btn--warning-subtle:hover:not(:disabled){background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning-hover)}.wh-btn--warning{background:var(--color-warning);color:var(--text-on-primary);border-color:var(--color-warning)}.wh-btn--warning:hover:not(:disabled){background:var(--color-warning-hover);border-color:var(--color-warning-hover)}.wh-confirm{border:1px solid var(--color-warning);border-radius:var(--radius-lg);overflow:hidden}.wh-confirm__header{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.wh-confirm__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-2)}.wh-confirm__section{display:flex;flex-direction:column;gap:var(--space-half)}.wh-confirm__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-half)}.wh-confirm__item{display:flex;align-items:center;gap:var(--space-half);font-size:var(--font-size-sm);font-family:monospace}.wh-confirm__item--ok{color:var(--color-success)}.wh-confirm__item--bo{color:var(--color-danger)}.wh-confirm__note{padding:0 var(--space-2) var(--space-2);margin:0;font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.wh-boxes{display:flex;flex-direction:column;gap:var(--space-2)}.wh-box-card{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2)}.wh-box-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.wh-box-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.wh-box-card__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.wh-field{display:flex;flex-direction:column;gap:var(--space-half)}.wh-field__label{font-size:var(--label-font-size);font-weight:var(--label-font-weight);color:var(--label-color);letter-spacing:var(--label-letter-spacing);text-transform:var(--text-transform-caps)}.wh-field__select,.wh-field__input{padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);color:var(--text-primary);background:var(--surface-1);border:var(--input-border-width) solid var(--border-default);border-radius:var(--input-radius);transition:border-color var(--transition-normal);outline:none}.wh-field__select:focus,.wh-field__input:focus{border-color:var(--color-primary)}.wh-boxes__add{align-self:flex-start}.wh-photo{display:flex;flex-direction:column;gap:var(--space-1)}.wh-photo__upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-4);border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-normal),background var(--transition-normal)}.wh-photo__upload:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.wh-photo__preview{position:relative;display:inline-block}.wh-photo__img{max-width:300px;max-height:200px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-default)}.wh-photo__remove{position:absolute;top:var(--space-1);right:var(--space-1)}.wh-label-form,.wh-label-result{display:flex;flex-direction:column;gap:var(--space-2)}.wh-label-result__banner{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.wh-label-result__details{display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.wh-label-result__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-2)}.wh-label-result__row+.wh-label-result__row{border-top:1px solid var(--border-default)}.wh-label-result__key{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider)}.wh-label-result__value{display:flex;align-items:center;gap:var(--space-half);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.wh-label-result__actions{display:flex;gap:var(--space-1)}.wh-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-half);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.wh-btn:disabled{opacity:.4;cursor:not-allowed}.wh-btn--sm{padding:var(--space-half) var(--space-1);font-size:var(--font-size-xs)}.wh-btn--primary{background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary)}.wh-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.wh-btn--success{background:var(--color-success);color:var(--text-on-primary);border-color:var(--color-success)}.wh-btn--success:hover:not(:disabled){background:var(--color-success-hover);border-color:var(--color-success-hover)}.wh-btn--outline{background:var(--surface-1);color:var(--text-primary);border-color:var(--border-default)}.wh-btn--outline:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover)}.wh-btn--ghost{background:none;color:var(--text-secondary);padding:var(--space-half)}.wh-btn--ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary)}.wh-btn--icon{padding:var(--space-half)}.wh-scanner{display:flex;flex-direction:column;gap:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-2)}.wh-scanner__header{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-3);color:var(--text-primary)}.wh-scanner__title{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.wh-scanner__viewport{width:100%;min-height:200px;background:var(--slate-900)}.wh-scanner__viewport video{width:100%;display:block}.wh-scanner__error{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--color-danger)}.wh-scanner__hint{padding:0 var(--space-2) var(--space-1);margin:0;font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.ship-page{padding:0 0 40px}.ship-loading,.ship-error{display:flex;justify-content:center;align-items:center;height:300px;font-size:15px}.ship-loading{color:#64748b}.ship-error{color:#dc2626}.ship-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.ship-section__title{font-size:15px;font-weight:600;color:#1e293b;margin:0}.ship-section__subtitle{font-size:13px;color:#64748b;margin:2px 0 0}.ship-empty{text-align:center;padding:40px 20px;color:#94a3b8}.ship-empty__icon{margin-bottom:8px}.ship-empty__title{font-size:15px;font-weight:500;color:#64748b}.ship-empty__subtitle{font-size:13px;margin-top:4px}.ship-input{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#334155;background:#fff;transition:border-color .15s}.ship-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ship-input::placeholder{color:#94a3b8}.ship-input--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer;width:auto;min-width:140px}.ship-back-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s}.ship-back-btn:hover{background:#f1f5f9;color:#1e293b}.ship-country-list{display:flex;flex-wrap:wrap;gap:8px}.ship-country-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;transition:all .15s}.ship-country-tag:hover{border-color:#cbd5e1}.ship-country-tag__code{font-weight:600;color:#1e293b}.ship-country-tag__name{color:#64748b}.ship-country-tag__postal{font-size:11px;color:#94a3b8;padding-left:4px;border-left:1px solid #e2e8f0}.ship-country-tag__remove{background:none;border:none;padding:2px;cursor:pointer;color:#94a3b8;display:flex;align-items:center;border-radius:4px}.ship-country-tag__remove:hover{color:#dc2626;background:#fef2f2}.ship-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.ship-couriers-layout{display:flex;flex-direction:column;gap:32px}.ship-calc-form{max-width:480px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;margin-bottom:24px}.ship-calc-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;color:#dc2626;font-size:13px;margin-bottom:16px}.ship-calc-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ship-calc-result{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.ship-calc-result__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.ship-calc-result__zone{font-size:14px;color:#475569;margin-bottom:12px}.ship-calc-result__no-data{font-size:14px;color:#94a3b8;font-style:italic}.ship-calc-result__breakdown{display:flex;flex-direction:column;gap:4px}.ship-calc-result__row{display:flex;justify-content:space-between;font-size:14px;color:#334155;padding:4px 0}.ship-calc-result__row--total{border-top:1px solid #e2e8f0;margin-top:6px;padding-top:8px;font-weight:600;font-size:16px;color:#1e293b}.ship-calc-margin{grid-column:1 / -1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.ship-calc-margin h4{margin:0;font-size:14px;color:#64748b;font-weight:500}.ship-calc-margin__value{font-size:20px;font-weight:700}.ship-calc-margin__value--positive{color:#059669}.ship-calc-margin__value--negative{color:#dc2626}.ship-calc-margin__pct{font-size:14px;font-weight:400;color:#64748b;margin-left:6px}@media (max-width: 768px){.ship-calc-results{grid-template-columns:1fr}}.tp{margin:0 auto;padding:var(--space-2) var(--space-3) var(--space-6);font-size:var(--font-size-sm);color:var(--text);display:flex;flex-direction:column;gap:14px}.tp-columns{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:start}.tp-col-main{display:flex;flex-direction:column;gap:14px;min-width:0}.tp-col-side{display:flex;flex-direction:column;gap:14px;min-width:0;position:sticky;top:var(--space-2);max-height:calc(100vh - var(--space-4));overflow-y:auto}@media (max-width: 1100px){.tp-columns{grid-template-columns:1fr}.tp-col-side{position:static;max-height:none;overflow-y:visible}}.tp-status-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:10px var(--space-2);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-wrap:wrap}.tp-status-bar__left{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.tp-status-bar__steps,.tp-step{display:flex;align-items:center;gap:var(--space-half)}.tp-step__dot{width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:var(--font-weight-bold);background:var(--surface-3);color:var(--text-tertiary);border:1.5px solid var(--border-default)}.tp-step--done .tp-step__dot{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.tp-step--active .tp-step__dot{background:var(--surface-1);color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.tp-step__label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-tertiary);margin-right:var(--space-1)}.tp-step--done .tp-step__label,.tp-step--active .tp-step__label{color:var(--text-heading)}.tp-progress-card{display:flex;align-items:center;padding:var(--space-2) var(--space-3);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.tp-progress-step{display:flex;align-items:center;gap:var(--space-1);flex:0 0 auto}.tp-progress-step__dot{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-bold);background:var(--surface-3);color:var(--text-tertiary);border:2px solid var(--border-default);flex-shrink:0}.tp-progress-step--done .tp-progress-step__dot{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.tp-progress-step--active .tp-progress-step__dot{background:var(--surface-1);color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.tp-progress-step__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}.tp-progress-step--done .tp-progress-step__label,.tp-progress-step--active .tp-progress-step__label{color:var(--text);font-weight:var(--font-weight-semibold)}.tp-progress-step__line{width:var(--space-5);height:2px;background:var(--border-default);margin:0 var(--space-1);flex-shrink:0}.tp-progress-step__line--done{background:var(--primary)}.tp-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.tp-btn--primary{background:var(--primary);color:var(--on-primary)}.tp-btn--primary:hover{background:var(--color-primary-hover)}.tp-btn--ghost{background:var(--surface-1);color:var(--text-secondary);border:1px solid var(--border-default)}.tp-btn--ghost:hover{background:var(--surface-2);border-color:var(--border-hover)}.tp-btn--sm{padding:5px 12px;font-size:11px}.tp-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;font-size:14px;transition:all var(--transition-fast)}.tp-icon-btn:hover{background:var(--surface-3);color:var(--text-secondary)}.tp-icon-btn--danger:hover{background:var(--error-container);color:var(--color-danger)}.tp-badge{display:inline-flex;align-items:center;padding:2px var(--space-1);font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap}.tp-badge--purple{background:var(--secondary-container);color:var(--on-secondary-container)}.tp-badge--green{background:var(--tertiary-container);color:var(--on-tertiary-container)}.tp-badge--amber{background:var(--warning-container);color:var(--on-warning-container)}.tp-badge--red{background:var(--error-container);color:var(--on-error-container)}.tp-badge--gray{background:var(--surface-3);color:var(--text-secondary)}.tp-badge--blue{background:var(--primary-container);color:var(--on-primary-container)}.tp-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.tp-card__head{display:flex;align-items:center;gap:6px;padding:10px var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-muted);color:var(--text-heading)}.tp-card__body{padding:12px var(--space-2)}.tp-card__body--compact{display:flex;flex-direction:column;gap:1px;padding:10px var(--space-2);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.tp-card__body--flush{padding:0}.tp-grid{display:grid;gap:14px}.tp-grid--2{grid-template-columns:1fr 1fr}.tp-grid--3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 900px){.tp-grid--3,.tp-grid--2{grid-template-columns:1fr}}.tp-row-compact{display:flex;align-items:center;gap:10px;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border-muted);font-size:var(--font-size-xs)}.tp-row-compact:last-child{border-bottom:none}.tp-row-compact__main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.tp-pay-footer{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-top:1px solid var(--border-default);background:var(--surface-2);font-size:var(--font-size-xs);color:var(--text-secondary)}.tp-table-wrap{overflow-x:auto}.tp-table{width:100%;border-collapse:collapse}.tp-table thead{background:var(--surface-2)}.tp-table th{padding:var(--space-1) 12px;text-align:left;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);border-bottom:1px solid var(--border-default)}.tp-table td{padding:var(--space-half) 12px;border-bottom:1px solid var(--border-muted);vertical-align:middle}.tp-table tbody tr:hover{background:var(--surface-2)}.tp-input{width:100%;padding:var(--space-half) var(--space-1);font-size:var(--font-size-xs);font-family:inherit;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);transition:all var(--transition-fast)}.tp-input:hover{background:var(--surface-2)}.tp-input:focus{outline:none;border-color:var(--primary);background:var(--surface-1);box-shadow:0 0 0 2px var(--color-primary-ring)}.tp-input--mono{font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:11px}.tp-input--right{text-align:right}.tp-input-suffix{display:flex;align-items:center;gap:2px}.tp-input-suffix span{color:var(--text-tertiary);font-size:11px}.tp-input[type=number]::-webkit-outer-spin-button,.tp-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tp-input[type=number]{-moz-appearance:textfield}.tp-add-row{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--primary);border:none;border-top:1px dashed var(--border-default);background:transparent;cursor:pointer;font-family:inherit;transition:background var(--transition-fast)}.tp-add-row:hover{background:var(--color-primary-light)}.tp-totals{display:flex;justify-content:flex-end;padding:12px var(--space-2);border-top:1px solid var(--border-default);background:var(--surface-2)}.tp-totals__row{display:flex;justify-content:space-between;gap:var(--space-5);padding:3px 0;font-size:var(--font-size-xs);color:var(--text-secondary)}.tp-totals__row--total{margin-top:var(--space-half);padding-top:var(--space-1);border-top:2px solid var(--border-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--slate-900)}.tp-task{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border-muted);cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-xs)}.tp-task:last-child{border-bottom:none}.tp-task:hover{background:var(--surface-2)}.tp-task--done{opacity:.5}.tp-task--overdue:not(.tp-task--done){background:var(--color-error-bg)}.tp-checkbox{width:16px;height:16px;min-width:16px;border:1.5px solid var(--border-hover);border-radius:var(--space-half);display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;transition:all var(--transition-fast)}.tp-checkbox--checked{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.tp-task__title{flex:1;font-weight:var(--font-weight-medium);color:var(--text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-task--done .tp-task__title{text-decoration:line-through}.tp-pri{padding:1px 6px;font-size:9px;font-weight:var(--font-weight-semibold);border-radius:3px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tp-pri--low{background:var(--surface-3);color:var(--text-secondary)}.tp-pri--normal{background:var(--primary-container);color:var(--color-primary-700)}.tp-pri--high{background:var(--warning-container);color:#c2410c}.tp-pri--urgent{background:var(--error-container);color:var(--color-danger-hover)}.tp-notes{max-height:240px;overflow-y:auto}.tp-note{display:flex;align-items:flex-start;gap:10px;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border-muted)}.tp-note:last-child{border-bottom:none}.tp-note__avatar{width:26px;height:26px;min-width:26px;border-radius:var(--radius-full);background:var(--secondary-container);color:var(--on-secondary-container);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-bold)}.tp-note__msg{flex:1;font-size:var(--font-size-xs);color:var(--text-heading);line-height:var(--line-height-normal)}.tp-note__time{white-space:nowrap}.tp-note-input{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-top:1px solid var(--border-default);background:var(--surface-2)}.tp-note-input .tp-input{border:1px solid var(--border-default);background:var(--surface-1);border-radius:var(--radius-sm)}.tp-text-muted{color:var(--text-muted)}.tp-text-danger{color:var(--color-danger-hover)}.tp-text-right{text-align:right}.tp-text-medium{font-weight:var(--font-weight-medium)}.tp-text-sm{font-size:var(--font-size-xs)}.tp-text-xs{font-size:11px}.tp-text-mono{font-family:SF Mono,Cascadia Code,Fira Code,monospace}.tpp{display:flex;flex-direction:column;font-size:var(--font-size-sm);font-family:inherit;color:var(--text);background:var(--surface-2);min-height:calc(100vh - 60px)}.tpp-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);height:50px;background:var(--surface-1);border-bottom:1px solid var(--border-default)}.tpp-topbar__left{display:flex;align-items:center;gap:var(--space-1);min-width:0}.tpp-topbar__right{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.tpp-back-btn{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;padding:5px var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.tpp-back-btn:hover{background:var(--surface-3);color:var(--text)}.tpp-topbar__divider{width:1px;height:18px;background:var(--border-default);margin:0 var(--space-half)}.tpp-topbar__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.tpp-body{display:grid;grid-template-columns:256px 1fr;grid-template-rows:1fr;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-4);align-items:stretch}.tpp-sidebar{position:sticky;top:62px;align-self:start;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;min-height:calc(100vh - 62px - var(--space-4));display:flex;flex-direction:column}.tpp-hero__image{position:relative;height:148px;background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-secondary-600) 100%);overflow:hidden}.tpp-hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 2px,transparent 2px,transparent 12px)}.tpp-hero__image-label{position:absolute;bottom:var(--space-1);left:var(--space-1);background:#00000059;color:#ffffffe6;font-size:10px;font-weight:var(--font-weight-semibold);font-family:SF Mono,Cascadia Code,Fira Code,monospace;letter-spacing:.04em;padding:3px 7px;border-radius:var(--radius-sm)}.tpp-hero__info{padding:14px var(--space-2) var(--space-1)}.tpp-hero__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-heading);line-height:var(--line-height-tight);margin-bottom:4px}.tpp-hero__sub{display:flex;align-items:center;gap:5px;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:6px}.tpp-hero__dot{color:var(--text-tertiary)}.tpp-hero__crumb{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary);padding:5px var(--space-1);background:var(--surface-2);border-radius:var(--radius-sm);margin-top:4px}.tpp-hero__sep{color:var(--text-tertiary);opacity:.5}.tpp-nav{display:flex;flex-direction:column;padding:var(--space-1) 0;border-top:1px solid var(--border-muted)}.tpp-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:inherit;color:var(--text-secondary);background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;transition:all var(--transition-fast);line-height:1}.tpp-nav-item:hover{background:var(--surface-2);color:var(--text)}.tpp-nav-item--active{background:var(--primary-container);color:var(--on-primary-container);border-left-color:var(--primary);font-weight:var(--font-weight-medium)}.tpp-nav-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;color:inherit;opacity:.7}.tpp-nav-item--active .tpp-nav-item__icon{opacity:1;color:var(--primary)}.tpp-nav-item__label{flex:1;min-width:0}.tpp-nav-item__count{flex-shrink:0;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-tertiary);background:var(--surface-3);padding:1px 6px;border-radius:var(--radius-full);line-height:1.6}.tpp-nav-item--active .tpp-nav-item__count{background:var(--color-primary-200);color:var(--color-primary-800)}.tpp-content{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.tpp-section-head{display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-3);border-bottom:1px solid var(--border-muted);background:var(--surface-1)}.tpp-section-head__title{display:flex;align-items:center;gap:8px}.tpp-section-head__icon{display:flex;align-items:center;color:var(--text-secondary)}.tpp-section-head__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-heading)}.tpp-section-head__count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:1px 8px;background:var(--surface-3);color:var(--text-secondary);border-radius:var(--radius-full)}.tpp-section-body{padding:var(--space-3)}.tpp-primary-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--on-primary);background:var(--primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);line-height:1}.tpp-primary-btn:hover{background:var(--color-primary-hover)}.tpp-primary-btn--sm{padding:5px 11px;font-size:var(--font-size-xs)}.tpp-ghost-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);line-height:1}.tpp-ghost-btn:hover{background:var(--surface-2);border-color:var(--border-hover);color:var(--text)}.tpp-ghost-btn--sm{padding:4px 9px;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.tpp-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.tpp-icon-btn:hover{background:var(--surface-3);color:var(--text-secondary)}.tpp-icon-btn--danger:hover{background:var(--error-container);color:var(--color-danger)}.tpp-row-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.tpp-row-actions--always,tr:hover .tpp-row-actions,.tpp-tech-row:hover .tpp-row-actions,.tpp-sds-card:hover .tpp-row-actions{opacity:1}.tpp-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap;line-height:1.5}.tpp-badge--active{background:var(--tertiary-container);color:var(--on-tertiary-container)}.tpp-badge--type{background:var(--primary-container);color:var(--on-primary-container)}.tpp-badge--warning{background:var(--warning-container);color:var(--on-warning-container)}.tpp-text-muted{color:var(--text-muted)}.tpp-mono{font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:12px;letter-spacing:.01em}.tpp-label{display:block;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:6px}.tpp-table-wrap{overflow-x:auto}.tpp-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.tpp-table thead{background:var(--surface-2)}.tpp-table th{padding:9px 14px;text-align:left;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);border-bottom:1px solid var(--border-default);white-space:nowrap}.tpp-table td{padding:9px 14px;border-bottom:1px solid var(--border-muted);vertical-align:middle;color:var(--text)}.tpp-table tbody tr:last-child td{border-bottom:none}.tpp-table tbody tr:hover{background:var(--surface-2)}.tpp-table__right{text-align:right!important}.tpp-table__center{text-align:center!important}.tpp-table__row--muted td{opacity:.55}.tpp-stock-low{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.tpp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary)}.tpp-empty__icon{color:var(--text-tertiary);margin-bottom:var(--space-half)}.tpp-empty p{margin:0;font-size:var(--font-size-sm)}.tpp-empty--inline{padding:var(--space-2) 0 0;align-items:flex-start;text-align:left}.tpp-empty--inline p{font-size:var(--font-size-xs)}.tpp-details{display:flex;flex-direction:column}.tpp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.tpp-field{display:flex;flex-direction:column}.tpp-field--full{grid-column:1 / -1}.tpp-input{width:100%;padding:9px 12px;font-size:var(--font-size-sm);font-family:inherit;color:var(--text);background:var(--surface-1);border:1.5px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast);line-height:1}.tpp-input:hover{border-color:var(--border-hover)}.tpp-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.tpp-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:9px 32px 9px 12px;font-size:var(--font-size-sm);font-family:inherit;color:var(--text);background:var(--surface-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;border:1.5px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);line-height:1}.tpp-select:hover{border-color:var(--border-hover)}.tpp-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.tpp-segmented{display:flex;background:var(--surface-2);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:3px;gap:2px}.tpp-seg-btn{flex:1;padding:6px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);line-height:1}.tpp-seg-btn:hover{background:var(--surface-3);color:var(--text)}.tpp-seg-btn--active{background:var(--surface-1);color:var(--text);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.tpp-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--text-secondary);background:var(--surface-2);border:1.5px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tpp-toggle--active{background:var(--tertiary-container);border-color:var(--tertiary);color:var(--on-tertiary-container)}.tpp-toggle__dot{width:14px;height:14px;border-radius:var(--radius-full);background:var(--border-hover);transition:background var(--transition-fast)}.tpp-toggle--active .tpp-toggle__dot{background:var(--tertiary)}.tpp-breadcrumb-row{display:flex;align-items:center;gap:var(--space-2)}.tpp-breadcrumb{display:flex;align-items:center;gap:5px;padding:7px 12px;background:var(--surface-2);border-radius:var(--radius-md);border:1.5px solid var(--border-default);flex:1}.tpp-breadcrumb__item{font-size:var(--font-size-sm);color:var(--text-secondary)}.tpp-breadcrumb__item--active{color:var(--text);font-weight:var(--font-weight-medium)}.tpp-breadcrumb__sep{color:var(--text-tertiary)}.tpp-images-row{display:flex;align-items:flex-end;gap:var(--space-1);flex-wrap:wrap}.tpp-image-thumb{position:relative;width:80px;height:80px;border-radius:var(--radius-md);border:1.5px solid var(--border-default);overflow:hidden}.tpp-image-thumb--primary{border-color:var(--primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.tpp-image-thumb__img{width:100%;height:100%}.tpp-image-thumb__img--placeholder{background:linear-gradient(135deg,var(--color-primary-200),var(--color-primary-400))}.tpp-image-thumb__img--secondary{background:linear-gradient(135deg,var(--slate-200),var(--slate-300))}.tpp-image-thumb__img--tertiary{background:linear-gradient(135deg,var(--slate-100),var(--slate-200))}.tpp-image-thumb__primary-tag{position:absolute;bottom:4px;left:4px;font-size:9px;font-weight:var(--font-weight-bold);padding:2px 5px;background:var(--primary);color:var(--on-primary);border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.tpp-image-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:80px;height:80px;border-radius:var(--radius-md);border:1.5px dashed var(--border-default);background:transparent;color:var(--text-tertiary);font-size:10px;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.tpp-image-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-container)}.tpp-desc{display:flex;flex-direction:column;gap:var(--space-3)}.tpp-lang-bar{display:flex;align-items:center;gap:4px;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-muted)}.tpp-lang-btn{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--text-secondary);background:var(--surface-2);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tpp-lang-btn:hover{border-color:var(--border-hover);color:var(--text)}.tpp-lang-btn--active{background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container);font-weight:var(--font-weight-semibold)}.tpp-lang-btn--empty{opacity:.5}.tpp-lang-dot{width:5px;height:5px;border-radius:var(--radius-full);background:var(--tertiary)}.tpp-lang-btn--active .tpp-lang-dot{background:var(--primary)}.tpp-lang-label{margin-left:var(--space-1);font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.tpp-desc-fields{display:flex;flex-direction:column;gap:var(--space-2)}.tpp-desc-field-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.tpp-desc-field-header .tpp-label{margin-bottom:0}.tpp-char-count{font-size:11px;color:var(--text-tertiary)}.tpp-textarea{width:100%;font-size:var(--font-size-sm);font-family:inherit;color:var(--text);background:var(--surface-1);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;resize:vertical;transition:all var(--transition-fast);line-height:var(--line-height-relaxed)}.tpp-textarea:hover{border-color:var(--border-hover)}.tpp-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.tpp-textarea--short{min-height:72px}.tpp-textarea--medium{min-height:128px}.tpp-textarea--long{min-height:160px}.tpp-inline-toggle{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:var(--font-weight-semibold);font-family:inherit;border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tpp-inline-toggle--on{background:var(--tertiary-container);border-color:var(--tertiary);color:var(--on-tertiary-container)}.tpp-tech{display:flex;flex-direction:column;gap:var(--space-2)}.tpp-tech-group{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.tpp-tech-group__head{padding:9px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:var(--surface-2);border-bottom:1px solid var(--border-muted)}.tpp-tech-grid{display:flex;flex-direction:column}.tpp-tech-row{display:grid;grid-template-columns:1fr 180px 72px;align-items:center;padding:9px var(--space-2);border-bottom:1px solid var(--border-muted);transition:background var(--transition-fast)}.tpp-tech-row:last-child{border-bottom:none}.tpp-tech-row:hover{background:var(--surface-2)}.tpp-tech-row__name{font-size:var(--font-size-sm);color:var(--text)}.tpp-tech-row__val{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text);display:flex;align-items:baseline;gap:4px}.tpp-tech-row__unit{font-size:11px;color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.tpp-groups{display:flex;flex-direction:column;gap:var(--space-2)}.tpp-group-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.tpp-group-card__head{display:flex;align-items:center;gap:var(--space-1);padding:12px var(--space-2);background:var(--surface-1);border-bottom:1px solid var(--border-muted)}.tpp-group-card__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--secondary-container);color:var(--on-secondary-container);flex-shrink:0}.tpp-group-card__meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tpp-group-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-heading)}.tpp-group-card__sub{font-size:var(--font-size-xs);color:var(--text-secondary)}.tpp-group-card__body{padding:12px var(--space-2);background:var(--surface-2)}.tpp-tag-row{display:flex;flex-wrap:wrap;gap:6px}.tpp-tag{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--surface-1);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full)}.tpp-tables{display:flex;flex-direction:column;gap:var(--space-2)}.tpp-data-table-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.tpp-data-table-card__head{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-2);background:var(--surface-2);border-bottom:1px solid var(--border-muted)}.tpp-data-table-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-heading)}.tpp-sds-list{display:flex;flex-direction:column;gap:var(--space-1)}.tpp-sds-card{display:flex;align-items:center;gap:var(--space-2);padding:14px var(--space-2);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.tpp-sds-card:hover{border-color:var(--border-hover)}.tpp-sds-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--warning-container);color:var(--on-warning-container);flex-shrink:0}.tpp-sds-card__body{flex:1;min-width:0}.tpp-sds-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:2px}.tpp-sds-card__meta{font-size:var(--font-size-xs);color:var(--text-secondary)}.tpp-lang-chip{display:inline-flex;align-items:center;padding:3px 9px;font-size:11px;font-weight:var(--font-weight-bold);background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--radius-sm);letter-spacing:.04em;flex-shrink:0}.tpp-related{display:flex;flex-direction:column;gap:var(--space-2)}.tpp-related__hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;padding:var(--space-1) var(--space-2);background:var(--surface-2);border-radius:var(--radius-md);border-left:3px solid var(--border-hover)}.tpp-related-list{display:flex;flex-direction:column;gap:var(--space-1)}.tpp-related-card{display:flex;align-items:center;gap:var(--space-2);padding:12px var(--space-2);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.tpp-related-card:hover{border-color:var(--border-hover)}.tpp-related-card__thumb{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--slate-200),var(--slate-300));flex-shrink:0}.tpp-related-card__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tpp-related-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text)}.tpp-related-card__sub{font-size:var(--font-size-xs);color:var(--text-secondary)}.tpp-stock-badge{display:inline-flex;align-items:center;padding:3px 9px;font-size:11px;font-weight:var(--font-weight-semibold);background:var(--tertiary-container);color:var(--on-tertiary-container);border-radius:var(--radius-full);flex-shrink:0}.tpp-stock-badge--low{background:var(--warning-container);color:var(--on-warning-container)}@media (max-width: 1000px){.tpp-body{grid-template-columns:1fr;gap:var(--space-2)}.tpp-sidebar{position:static}.tpp-nav{flex-direction:row;flex-wrap:wrap;padding:var(--space-half);gap:2px}.tpp-nav-item{flex:0 0 auto;border-left:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm);padding:7px 12px;font-size:var(--font-size-xs)}.tpp-nav-item--active{border-left-color:transparent;border-bottom-color:var(--primary)}.tpp-form-grid{grid-template-columns:1fr}}@media (max-width: 720px){.tpp-topbar__title{max-width:160px;font-size:var(--font-size-sm)}.tpp-section-body{padding:var(--space-2)}}.app-shell{display:flex;flex-direction:column;height:100vh;width:100%;background:linear-gradient(.4turn,var(--surface-2),var(--surface-3));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.app-shell *{box-sizing:border-box}.ui-header{display:flex;align-items:center;justify-content:space-between;height:var(--dashboard-header-height);padding:0 var(--space-2);flex-shrink:0}.ui-header__left{display:flex;align-items:center;gap:var(--space-1)}.ui-header__company{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;cursor:pointer;color:inherit;padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.ui-header__company:hover{background:#ffffff26}.ui-header__company-icon{height:28px;display:flex;align-items:center}.ui-header__company-icon img{height:100%;width:auto}.ui-header__company-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ui-header__actions{display:flex;align-items:center;gap:var(--space-1)}.ui-header__icon-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.ui-header__icon-btn:hover{background:#ffffff26;color:var(--text-primary)}.ui-header__user{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:transparent;border:none;color:inherit}.ui-header__user:hover{background:#ffffff26}.ui-header__avatar{width:30px;height:30px;border-radius:var(--radius-sm);background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ui-header__username{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.ui-loc-group{display:flex;flex-direction:column}.ui-loc-group+.ui-loc-group{margin-top:var(--space-2)}.ui-loc-group__header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;padding:var(--space-1) var(--space-1);margin-bottom:2px}.ui-loc-group__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:7px var(--space-2);background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-sm);color:#334155;text-align:left;transition:background var(--transition-fast)}.ui-loc-group__item:hover{background:#f1f5f9}.ui-loc-group__item.active{background:#eff6ff;color:#2563eb}.ui-loc-group__code{margin-left:auto;font-size:var(--font-size-xs);color:#94a3b8;font-weight:var(--font-weight-medium)}.ui-body{flex:1;display:flex;overflow:hidden}.ui-sidebar{width:240px;flex-shrink:0;padding:var(--space-1) var(--space-2);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:width var(--transition-normal),padding var(--transition-normal)}.ui-sidebar.collapsed{width:0;padding:0}.ui-nav-section{margin-bottom:var(--space-2)}.ui-nav-section__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider);padding:var(--space-1) var(--space-1);margin-bottom:var(--space-1)}.ui-nav{display:flex;flex-direction:column;gap:1px}.ui-nav__item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.ui-nav__item:hover{background:#ffffff1f;color:var(--text-primary)}.ui-nav__item.active{background:#ffffff38;color:var(--text-primary)}.ui-content{flex:1;background:var(--surface-1);border-radius:var(--radius-xl);overflow-y:auto;margin:var(--space-1);display:flex;flex-direction:column}.ui-content-body{flex:1;padding:0px var(--space-2);overflow-y:auto}.ui-content-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2)}.ui-content-header__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.ui-content-header__actions{display:flex;align-items:center;gap:var(--space-1)}.content-header{padding:var(--space-1);border-bottom:1px solid var(--border-default);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ui-sidebar-right{width:220px;flex-shrink:0;padding:var(--space-1);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;overflow-x:hidden;transition:width var(--transition-normal),padding var(--transition-normal)}.ui-sidebar-right.collapsed{width:0;padding:0}.ui-sidebar-right__header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:var(--text-transform-caps);letter-spacing:var(--letter-spacing-wider);padding:var(--space-1) var(--space-1)}.ui-warnings{display:flex;flex-direction:column;gap:var(--space-1)}.ui-warning{display:flex;align-items:flex-start;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.ui-warning svg{flex-shrink:0;margin-top:1px}.ui-warning__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.ui-warning__desc{opacity:.8;font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.ui-warning--error{background:var(--error-container);color:var(--on-error-container)}.ui-warning--error svg{color:var(--error)}.ui-warning--warn{background:var(--warning-container);color:var(--on-warning-container)}.ui-warning--warn svg{color:var(--warning)}.ui-warning--info{background:var(--primary-container);color:var(--on-primary-container)}.ui-warning--info svg{color:var(--primary)}.ui-warning__body{flex:1;min-width:0}button.ui-warning__title{all:unset;font-weight:var(--font-weight-semibold);cursor:pointer;display:block;width:100%}.ui-warning__items{list-style:none;margin:var(--space-1) 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.ui-warning__link{all:unset;cursor:pointer;display:block;font-size:var(--font-size-xs);padding:3px var(--space-1);border-radius:var(--radius-sm);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-warning__link:hover{opacity:1;background:#00000014}:root{--dashboard-sidebar-width: 280px;--dashboard-sidebar-collapsed: 64px;--dashboard-header-height: 56px;--dashboard-input-width-sm: 60px}.dashboard-wrapper,.dashboard-wrapper *{box-sizing:border-box;margin:0;padding:0}.dashboard-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-wrapper{display:flex;height:100vh;background:var(--bg-base);overflow:hidden}.dashboard-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.dashboard-content{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);background-color:var(--surface-2)}.dashboard-content__inner{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-chart-section{padding:0 var(--space-2)}.panel-header{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:var(--dashboard-header-height);background:var(--surface-1);border-bottom:1px solid var(--border-default)}.panel-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.panel-header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.dashboard-sidebar{width:var(--dashboard-sidebar-width);flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border-default);display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden}.dashboard-sidebar.collapsed{width:var(--dashboard-sidebar-collapsed)}.dashboard-sidebar__logo{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-md);background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);flex-shrink:0}.dashboard-sidebar__brand{overflow:hidden;transition:opacity var(--transition-fast),width var(--transition-fast)}.collapsed .dashboard-sidebar__brand{opacity:0;width:0}.sidebar-context-wrapper,.sidebar-context-header{position:relative}.sidebar-context-header:hover{background:var(--surface-3)}.sidebar-context-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sidebar-context-info__company{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-context-info__location{display:flex;align-items:center;gap:var(--space-half);font-size:var(--font-size-xs);color:var(--text-tertiary)}.sidebar-context-toggle{color:var(--text-tertiary);flex-shrink:0}.sidebar-context-switcher{position:absolute;top:100%;left:0;right:0;background:var(--surface-1);border:1px solid var(--border-default);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md);z-index:50;max-height:300px;overflow-y:auto}.sidebar-context-switcher__section{padding:var(--space-1) 0}.sidebar-context-switcher__section:not(:last-child){border-bottom:1px solid var(--border-default)}.sidebar-context-switcher__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);padding:var(--space-1) var(--space-3)}.sidebar-context-switcher__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast)}.sidebar-context-switcher__item:hover,.sidebar-context-switcher__item.selected,.sidebar-context-switcher__item.current{background:var(--surface-3);color:var(--text-primary)}.sidebar-context-switcher__item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-context-switcher__check{color:var(--color-primary);flex-shrink:0}.dashboard-sidebar__content{flex:1;overflow-y:auto;padding:var(--space-2)}.dashboard-sidebar__footer{padding:var(--space-2);border-top:1px solid var(--border-default)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav__section{margin-bottom:var(--space-2)}.sidebar-nav__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-half);white-space:nowrap;overflow:hidden}.collapsed .sidebar-nav__label{opacity:0}.sidebar-nav__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sidebar-nav__item:hover{background:var(--surface-3);color:var(--text-primary)}.sidebar-nav__item.active{background:var(--color-primary);color:var(--text-on-primary)}.sidebar-nav__item svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.sidebar-nav__item span{overflow:hidden;transition:opacity var(--transition-fast)}.collapsed .sidebar-nav__item span{opacity:0;width:0}.sidebar-quick-create{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast);margin-bottom:var(--space-2);border:none;width:100%;text-align:left}.sidebar-quick-create:hover{background:var(--color-primary-hover)}.sidebar-quick-create svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.collapsed .sidebar-quick-create span{opacity:0;width:0}.sidebar-user__avatar{border-radius:var(--radius-md);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);flex-shrink:0;width:34px;height:34px}.sidebar-user__info{flex:1;min-width:0;opacity:1;transition:opacity var(--transition-fast)}.collapsed .sidebar-user__info{opacity:0;width:0}.sidebar-user__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__email{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__avatar img{width:100%;height:100%;border-radius:var(--radius-md);object-fit:cover;display:block}.dashboard-sidebar__footer .dropdown{width:100%}.dashboard-sidebar__footer .dropdown__menu{top:auto;bottom:calc(100% + 4px);margin-top:0}.sidebar-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);width:100%;background:transparent;border:none;font-family:inherit;text-align:left}.sidebar-user:hover{background:var(--surface-3)}.sidebar-user .dropdown__caret{display:none}.sidebar-user-menu__item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);width:100%;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:background var(--transition-fast);border-radius:var(--radius-sm)}.sidebar-user-menu__item:hover{background:var(--surface-3)}.main-content-header{position:sticky;top:0;z-index:10}.main-content-header__toggle{display:flex;align-items:center;justify-content:center;width:var(--size-button-icon);height:var(--size-button-icon);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.main-content-header__toggle:hover{background:var(--surface-3);color:var(--text-primary)}.main-content-header__divider{width:1px;height:var(--space-2);background:var(--border-default);margin:0 var(--space-2)}.main-content-header__btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.main-content-header__btn:hover{background:var(--surface-3);color:var(--text-primary)}.section-cards{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-3);padding:0 var(--space-2)}@media (min-width: 640px){.section-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.section-cards{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:linear-gradient(to top,color-mix(in srgb,var(--color-primary) 5%,var(--surface-1)),var(--surface-1))}.stat-card__header{display:flex;align-items:flex-start;justify-content:space-between}.stat-card__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-card__badge{display:inline-flex;align-items:center;gap:var(--space-half);padding:var(--space-half) var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.stat-card__badge.positive{color:var(--color-success)}.stat-card__badge.negative{color:var(--color-danger)}.stat-card__footer{display:flex;flex-direction:column;gap:var(--space-half);font-size:var(--font-size-sm)}.stat-card__trend{display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium);color:var(--text-primary)}.stat-card__description{color:var(--text-tertiary)}.chart-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.chart-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--border-default)}.chart-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chart-card__subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.chart-card__actions{display:flex;gap:var(--space-1)}.chart-toggle-group{display:flex;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.chart-toggle-btn{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chart-toggle-btn:not(:last-child){border-right:1px solid var(--border-default)}.chart-toggle-btn.active{background:var(--surface-3);color:var(--text-primary)}.chart-toggle-btn:hover:not(.active){background:var(--surface-3)}.chart-card__content{padding:var(--space-3)}.data-table-wrapper{padding:0 var(--space-2)}.data-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.data-table-tabs{display:flex;gap:var(--space-1);background:var(--surface-3);padding:var(--space-half);border-radius:var(--radius-md)}.data-table-tab{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.data-table-tab.active{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-sm)}.data-table-tab__badge{padding:0 var(--space-1);font-size:var(--font-size-2xs);background:var(--surface-3);border-radius:var(--radius-full);color:var(--text-tertiary)}.data-table-actions{display:flex;gap:var(--space-2)}.dashboard-header__btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.dashboard-header__btn:hover{background:var(--surface-3);border-color:var(--border-hover);color:var(--text-primary)}.dashboard-header__btn svg{flex-shrink:0}.dashboard-header__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.dashboard-header__toggle:hover{background:var(--surface-3);color:var(--text-primary)}.data-table-container{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-3);border-bottom:1px solid var(--border-default)}.data-table td{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--border-default)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-3)}.data-table__cell-link{color:var(--color-primary);cursor:pointer}.data-table__cell-link:hover{text-decoration:underline}.data-table__badge{display:inline-flex;align-items:center;gap:var(--space-half);padding:var(--space-half) var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary)}.data-table__badge svg{width:var(--icon-xs);height:var(--icon-xs)}.data-table__badge.done svg{color:var(--color-success)}.data-table__input{padding:var(--space-1);width:var(--dashboard-input-width-sm);text-align:right;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast)}.data-table__input:hover{background:var(--surface-3)}.data-table__input:focus{border-color:var(--color-primary);background:var(--surface-1);outline:none}.data-table__checkbox{width:var(--icon-sm);height:var(--icon-sm);cursor:pointer}.data-table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3)}.data-table-footer__info{font-size:var(--font-size-sm);color:var(--text-tertiary)}.data-table-pagination{display:flex;align-items:center;gap:var(--space-2)}.data-table-pagination__text{font-size:var(--font-size-sm);color:var(--text-secondary)}.data-table-pagination__buttons{display:flex;gap:var(--space-1)}.data-table-pagination__btn{display:flex;align-items:center;justify-content:center;width:var(--size-button-icon);height:var(--size-button-icon);border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.data-table-pagination__btn:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary)}.data-table-pagination__btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.dashboard-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0)}.data-table-tabs{overflow-x:auto}}.page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-8);text-align:center}.page-placeholder__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--surface-3);border-radius:var(--radius-xl);color:var(--text-tertiary);margin-bottom:var(--space-4)}.page-placeholder__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.page-placeholder__description{font-size:var(--font-size-base);color:var(--text-secondary);max-width:400px}.choose-customer-info{display:flex;flex-direction:column;gap:var(--space-4)}.customer-profile-grid{display:grid;gap:var(--space-2)}.info-row{display:flex;gap:var(--space-3)}.info-label{color:var(--color-text-secondary);min-width:100px;font-size:.875rem}.info-value{color:var(--color-text-primary);font-size:.875rem}.choose-customer-info .address-list{display:flex;flex-direction:column;margin:calc(var(--space-4) * -1);margin-top:calc(var(--space-4) * -1)}.choose-customer-info .address-list__empty{padding:var(--space-4);color:var(--color-text-secondary);font-size:.875rem;text-align:center}.address-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.address-option:last-child{border-bottom:none}.address-option:hover{background-color:var(--color-background-secondary)}.address-option--selected,.address-option--selected:hover{background-color:var(--color-primary-light)}.address-option input[type=radio]{margin-top:2px;accent-color:var(--color-primary)}.address-option__content{flex:1;min-width:0}.address-option__company{font-weight:500;font-size:.875rem;color:var(--color-text-primary);margin-bottom:2px}.address-option__address{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.address-option__badge{display:inline-block;margin-top:var(--space-1);padding:2px 8px;font-size:.75rem;font-weight:500;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:4px}.address-option--selected .address-option__badge{background-color:var(--color-primary);color:#fff}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);background-color:var(--surface-2)}*:focus-visible{outline:none!important}.ProseMirror:focus-visible,.ProseMirror-focused{outline:none!important;border:none!important}:root{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-secondary-50: #f5f3ff;--color-secondary-100: #ede9fe;--color-secondary-200: #ddd6fe;--color-secondary-300: #c4b5fd;--color-secondary-400: #a78bfa;--color-secondary-500: #8b5cf6;--color-secondary-600: #7c3aed;--color-secondary-700: #6d28d9;--color-secondary-800: #5b21b6;--color-secondary-900: #4c1d95;--color-tertiary-50: #ecfdf5;--color-tertiary-100: #d1fae5;--color-tertiary-200: #a7f3d0;--color-tertiary-300: #6ee7b7;--color-tertiary-400: #34d399;--color-tertiary-500: #10b981;--color-tertiary-600: #059669;--color-tertiary-700: #047857;--color-tertiary-800: #065f46;--color-tertiary-900: #064e3b;--color-primary: var(--color-primary-500);--color-primary-dark: var(--color-primary-800);--color-primary-hover: var(--color-primary-600);--color-primary-light: var(--color-primary-50);--color-primary-ring: rgba(59, 130, 246, .1);--color-secondary: var(--color-secondary-500);--color-secondary-dark: var(--color-secondary-800);--color-secondary-hover: var(--color-secondary-600);--color-secondary-light: var(--color-secondary-50);--color-tertiary: var(--color-tertiary-500);--color-tertiary-dark: var(--color-tertiary-800);--color-tertiary-hover: var(--color-tertiary-600);--color-tertiary-light: var(--color-tertiary-50);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-dark: #b91c1c;--color-danger-ring: rgba(239, 68, 68, .1);--color-success: var(--color-tertiary-500);--color-success-hover: var(--color-tertiary-600);--color-warning: #f59e0b;--color-warning-hover: #d97706;--primary: var(--color-primary-500);--on-primary: #ffffff;--primary-container: var(--color-primary-100);--on-primary-container: var(--color-primary-900);--secondary: var(--color-secondary-500);--on-secondary: #ffffff;--secondary-container: var(--color-secondary-100);--on-secondary-container: var(--color-secondary-900);--tertiary: var(--color-tertiary-500);--on-tertiary: #ffffff;--tertiary-container: var(--color-tertiary-100);--on-tertiary-container: var(--color-tertiary-900);--error: #ef4444;--on-error: #ffffff;--error-container: #fee2e2;--on-error-container: #7f1d1d;--warning: var(--color-warning);--on-warning: #ffffff;--warning-container: #fef3c7;--on-warning-container: #78350f;--danger: var(--color-danger);--success: #065f46;--warning: #92400e;--color-error: var(--color-danger);--color-error-bg: #fef2f2;--color-error-border: var(--color-danger);--color-hover: var(--surface-3);--neutral: var(--slate-400);--neutral-light: var(--slate-200);--neutral-dark: var(--slate-600);--color-neutral: var(--slate-400);--color-neutral-light: var(--slate-200);--hover: var(--slate-100);--text: var(--slate-800);--text-primary: var(--slate-800);--text-secondary: var(--slate-500);--text-tertiary: var(--slate-400);--text-heading: var(--slate-700);--text-muted: var(--slate-400);--text-on-primary: #fff;--text-color: var(--slate-800);--color-text-primary: var(--slate-800);--color-text-secondary: var(--slate-500);--highlight: #fff;--surface-1: #ffffff;--surface-2: var(--slate-50);--surface-3: var(--slate-100);--surface-4: var(--slate-200);--surface-5: var(--slate-300);--surface-primary-1: color-mix(in srgb, var(--color-primary-500) 20%, var(--slate-200));--surface-primary-2: color-mix(in srgb, var(--color-primary-500) 14%, var(--slate-100));--surface-primary-3: color-mix(in srgb, var(--color-primary-500) 8%, var(--slate-50));--surface-primary-4: color-mix(in srgb, var(--color-primary-500) 5%, #ffffff);--surface-primary-5: color-mix(in srgb, var(--color-primary-500) 2%, #ffffff);--bg-base: var(--surface-2);--bg-card: var(--surface-1);--bg-hover: var(--surface-3);--border: var(--slate-200);--border-default: var(--slate-200);--border-light: #e5e7eb;--border-color: var(--slate-200);--border-hover: var(--slate-300);--border-muted: var(--slate-100);--border-properties: 1px solid var(--border-color);--color-border: var(--slate-200);--color-border-light: var(--slate-100);--space-0: 0;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--space-half: 4px;--space-xs: var(--space-half);--space-sm: var(--space-1);--space-md: var(--space-2);--space-lg: var(--space-3);--space-xl: var(--space-4);--padding: var(--space-1);--padding-sm: var(--space-half);--margin-sm: var(--space-1);--margin-md: 12px;--margin-lg: var(--space-2);--main-content-padding: var(--space-4);--main-content-offset: 0px;--text-spacing-sm: .75rem;--text-spacing-md: 1rem;--text-spacing-lg: 1.5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--text-transform-caps: uppercase;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--radius-beveled: 0;--radius: var(--radius-md);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .2);--shadow: var(--shadow-sm);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition: var(--transition-normal);--transition-speed: .2s;--transition-function: ease;--input-padding-y: 12px;--input-padding-x: 14px;--input-font-size: 14px;--input-border-width: 2px;--input-radius: var(--radius-lg);--label-font-size: 12px;--label-font-weight: 600;--label-color: var(--text-secondary);--label-letter-spacing: .5px;--card-bg: var(--surface-1);--card-border: 1px solid var(--border-light);--card-radius: var(--radius-xl);--card-shadow: var(--shadow-xs);--card-padding: 18px 20px;--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 72px}:root[data-theme=dark]{--surface-1: #020617;--surface-2: #0f172a;--surface-3: #162032;--surface-4: #1e293b;--surface-5: #334155;--surface-primary-1: color-mix(in srgb, var(--color-primary-400) 8%, #020617);--surface-primary-2: color-mix(in srgb, var(--color-primary-400) 10%, #0f172a);--surface-primary-3: color-mix(in srgb, var(--color-primary-400) 14%, #162032);--surface-primary-4: color-mix(in srgb, var(--color-primary-400) 18%, #1e293b);--surface-primary-5: color-mix(in srgb, var(--color-primary-400) 22%, #334155);--bg-base: var(--surface-2);--bg-card: var(--surface-1);--bg-hover: var(--surface-4);--text: var(--slate-100);--text-primary: var(--slate-100);--text-secondary: var(--slate-400);--text-tertiary: var(--slate-500);--text-heading: var(--slate-200);--text-muted: var(--slate-500);--text-color: var(--slate-100);--color-text-primary: var(--slate-100);--color-text-secondary: var(--slate-400);--highlight: var(--slate-800);--border: var(--slate-600);--border-default: var(--slate-600);--border-light: var(--slate-700);--border-color: var(--slate-600);--border-hover: var(--slate-500);--border-muted: var(--slate-700);--color-border: var(--slate-600);--color-border-light: var(--slate-700);--hover: var(--slate-700);--primary-container: color-mix(in srgb, var(--color-primary-400) 20%, var(--surface-4));--on-primary-container: var(--color-primary-100);--secondary-container: color-mix(in srgb, var(--color-secondary-400) 18%, var(--surface-4));--on-secondary-container: var(--color-secondary-100);--tertiary-container: color-mix(in srgb, var(--color-tertiary-400) 18%, var(--surface-4));--on-tertiary-container: var(--color-tertiary-100);--error-container: color-mix(in srgb, #f87171 18%, var(--surface-4));--on-error-container: #fecaca;--warning-container: color-mix(in srgb, #fbbf24 18%, var(--surface-4));--on-warning-container: #fef3c7;--color-error-bg: color-mix(in srgb, #f87171 12%, var(--surface-4));--card-bg: var(--surface-1);--card-border: 1px solid var(--border-default)}