@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.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;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.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}}.card{background:#fff;border:none;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000a;overflow:hidden}.card__header{display:flex;align-items:center;gap:10px;padding:18px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.card__header h2{font-size:15px;font-weight:600;color:#334155;margin:0}.card__header svg{color:#6366f1}.card__body{padding:20px}.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}.toggle{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:18px;padding:12px 14px;background:#f8fafc;border-radius:10px;transition:all .2s ease}.toggle:hover{background:#f1f5f9}.toggle input{display:none}.toggle__switch{position:relative;width:48px;height:26px;background:#cbd5e1;border-radius:13px;transition:all .3s ease;flex-shrink:0}.toggle__switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #00000026}.toggle input:checked+.toggle__switch{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.toggle input:checked+.toggle__switch:after{left:25px}.toggle__label{font-size:14px;color:#334155;font-weight:500}.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:12px}.address-item{border:2px solid #f1f5f9;border-radius:12px;overflow:hidden;transition:all .2s ease;background:#fff}.address-item:hover:not(.address-item--editing){border-color:#e0e7ff;box-shadow:0 2px 8px #6366f114}.address-item--editing{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.address-item__view{display:flex;align-items:center;gap:14px;padding:16px;cursor:pointer;transition:all .2s ease}.address-item__view:hover{background:#fafbfc}.address-item__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6366f1;border-radius:10px;flex-shrink:0}.address-item__info{flex:1;min-width:0}.address-item__info h4{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px}.address-item__info p{font-size:13px;color:#64748b;margin:0;line-height:1.5}.address-item__edit{padding:20px;background:linear-gradient(135deg,#fafbfc,#f8fafc)}.address-item__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid #e5e7eb}.address-item__actions .btn--danger-ghost{margin-right:auto}.address-empty{text-align:center;padding:32px;color:#94a3b8;font-size:14px;background:#fafbfc;border-radius:12px;border:2px dashed #e5e7eb}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.address-item--editing{animation:fadeSlideIn .3s ease}.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;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.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;gap:20px}.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-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.eo-card__header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.eo-card__header svg{color:#3b82f6}.eo-card__header h3{font-size:14px;font-weight:600;color:#1e293b;margin:0;flex:1}.eo-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;background:#eff6ff;color:#3b82f6;border-radius:12px}.eo-card__body{padding:16px 18px}.eo-card__body--no-padding{padding:0}.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}}.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)}}.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}}.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:2.5rem}.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}}.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)}}.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}.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}.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;padding:1rem}.modal-content{background:#fff;border-radius:8px;padding:1.5rem;max-width:420px;width:100%;box-shadow:0 10px 25px #00000026}.modal-content form label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.modal-content form input[type=text]{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;margin-bottom:1rem;box-sizing:border-box}.modal-content form input[type=text]:focus{outline:none;border-color:#3b82f6}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.modal-permissions{max-width:480px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.modal-permissions h3{flex-shrink:0}.permissions-checkbox-list{overflow-y:auto;max-height:50vh;margin:0 -.25rem 1rem 0;padding-right:.25rem}.permission-checkbox-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:.875rem}.permission-checkbox-item:last-child{border-bottom:none}.permission-checkbox-item input{margin-top:.2rem;flex-shrink:0}.permission-key{font-weight:500;color:#111827;min-width:140px}.permission-desc{color:#6b7280;font-size:.8125rem}@media (max-width: 768px){.admin-users-page,.admin-section{padding:1rem}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header__content{display:flex;flex-direction:column;gap:4px}.page-header__title{margin:0;font-size:24px;font-weight:600;color:#1e293b}.page-header__subtitle{margin:0;font-size:14px;color:#64748b}.page-header__actions{display:flex;align-items:center;gap:12px}.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}.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{margin-bottom:24px}.table-header__title{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:8px}.table-header__subtitle{color:#64748b;font-size:14px}.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{margin-top:16px;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}.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-toolbar{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:16px;margin-bottom:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.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-toolbar__spacer{flex:1}.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}.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}.product-header-section{margin-bottom:32px}.product-header-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:20px}.product-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#dbeafe;border-radius:12px;color:#3b82f6}.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}.product-image img{width:100%;height:100%;object-fit:cover}.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}.variations-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.variations-section h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:12px}.variations-list{display:flex;flex-direction:column;gap:24px}.variation-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fafbfc}.variation-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.variation-info{flex:1}.variation-name{margin:0 0 6px;font-size:18px;font-weight:600;color:#1e293b}.variation-id{margin:0;font-size:13px;color:#64748b;font-family:monospace}.variation-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#e2e8f0}.variation-descriptions{padding:20px 24px;display:grid;gap:20px}@media (min-width: 768px){.description-grid,.variation-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}.product-header-card{flex-direction:column;text-align:center}.variation-header{flex-direction:column;gap:16px;text-align:center}}.dropdown{position:relative}.dropdown__trigger{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}.dropdown__trigger:hover{background:#f1f5f9}.dropdown__trigger--active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.dropdown__caret{transition:transform .15s}.dropdown__caret--open{transform:rotate(180deg)}.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:240px;z-index:100;overflow:hidden;padding:12px}.dropdown__menu--left{left:0}.dropdown__menu--right{right:0}.dropdown__title{font-size:11px;font-weight:600;color:#94a3b8;padding:4px 0 12px;text-transform:uppercase;letter-spacing:.5px}.dropdown__field{margin-bottom:16px}.dropdown__field:last-child{margin-bottom:0}.dropdown__field-label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:6px}.dropdown__field-description{margin:4px 0 0;font-size:12px;color:#94a3b8}.dropdown__select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;outline:none;transition:border-color .15s}.dropdown__select:focus{border-color:#3b82f6}.dropdown__checkbox,.dropdown__radio{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.dropdown__boolean-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;cursor:pointer}.dropdown__multiselect-list{display:flex;flex-direction:column;gap:4px}.dropdown__multiselect-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s;font-size:14px;color:#374151}.dropdown__multiselect-item:hover{background:#f8fafc}.dropdown__radio-list{display:flex;flex-direction:column;gap:4px}.dropdown__radio-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s;font-size:14px;color:#374151}.dropdown__radio-item:hover{background:#f8fafc}.dropdown__option-icon{display:flex;align-items:center;color:#64748b}.dropdown__divider{height:1px;background:#e2e8f0;margin:12px 0}.dropdown__clear-all{width:100%;padding:10px 12px;background:#fef2f2;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;color:#dc2626;cursor:pointer;transition:background .15s}.dropdown__clear-all:hover{background:#fee2e2}.dropdown__badge{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;text-transform:uppercase}.dropdown__count{background:#3b82f6;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.filter-sort-bar{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-sort-bar__dropdown{position:relative}.filter-sort-bar__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}.filter-sort-bar__dropdown-menu--left{left:0}.filter-sort-bar__dropdown-menu--right{right:0}.filter-sort-bar__search-wrapper{flex:1 1 300px;position:relative}.filter-sort-bar__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.filter-sort-bar__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}.filter-sort-bar__search-input:focus{border-color:#3b82f6}.filter-sort-bar__search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex}.filter-sort-bar__search-clear:hover{color:#64748b}.filter-sort-bar__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}.filter-sort-bar__button:hover{background:#f1f5f9}.filter-sort-bar__button--active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.filter-sort-bar__button-badge{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;text-transform:uppercase}.filter-sort-bar__button-count{background:#3b82f6;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.filter-sort-bar__menu-content{padding:8px}.filter-sort-bar__menu-header{font-size:11px;font-weight:600;color:#94a3b8;padding:4px 12px;text-transform:uppercase}.filter-sort-bar__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}.filter-sort-bar__menu-item:hover{background:#f8fafc}.filter-sort-bar__menu-item--active{background:#eff6ff;color:#3b82f6;font-weight:500}.filter-sort-bar__menu-item--active:hover{background:#eff6ff}.filter-sort-bar__menu-item-icon{display:flex;align-items:center;gap:4px}.filter-sort-bar__menu-divider{height:1px;background:#e2e8f0;margin:8px 0}.filter-sort-bar__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}.filter-sort-bar__menu-clear:hover{background:#fef2f2}.filter-sort-bar__filter-content{padding:12px;min-width:260px}.filter-sort-bar__filter-header{font-size:11px;font-weight:600;color:#94a3b8;padding:4px 0 12px;text-transform:uppercase}.filter-sort-bar__filter-group{margin-bottom:16px}.filter-sort-bar__filter-label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:6px}.filter-sort-bar__filter-select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;outline:none}.filter-sort-bar__filter-select:focus{border-color:#3b82f6}.filter-sort-bar__filter-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;cursor:pointer}.filter-sort-bar__filter-checkbox{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.filter-sort-bar__multiselect-list{display:flex;flex-direction:column;gap:4px}.filter-sort-bar__multiselect-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s}.filter-sort-bar__multiselect-item:hover{background:#f8fafc}.filter-sort-bar__multiselect-item span{font-size:14px;color:#374151}.filter-sort-bar__filter-clear{width:100%;padding:10px 12px;background:#fef2f2;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;color:#dc2626;cursor:pointer;transition:background .15s}.filter-sort-bar__filter-clear:hover{background:#fee2e2}.filter-sort-bar__spacer{flex:1}.filter-sort-bar__stats{display:flex;align-items:center;gap:16px;padding-left:16px;border-left:1px solid #e2e8f0;font-size:14px;color:#64748b}.filter-sort-bar__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}.filter-sort-bar__action--primary{background-color:#3b82f6;color:#fff;border:none}.filter-sort-bar__action--primary:hover{background-color:#2563eb}.filter-sort-bar__action--secondary{background-color:#fff;color:#374151;border:1px solid #e2e8f0}.filter-sort-bar__action--secondary:hover{background-color:#f8fafc}.filter-sort-bar__action--tertiary{background-color:transparent;color:#64748b;border:none;padding:8px 12px;font-weight:400}.filter-sort-bar__action--tertiary:hover{background-color:#f1f5f9}.page-view-tabs{display:flex;gap:0;margin-bottom:24px;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}.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}.action-button{border:none;border-radius:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,opacity .15s ease}.action-button--sm{padding:6px 12px;font-size:12px}.action-button--md{padding:10px 20px;font-size:14px}.action-button--lg{padding:12px 24px;font-size:16px}.action-button--primary{background:#3b82f6;color:#fff}.action-button--primary:hover:not(:disabled){background:#2563eb}.action-button--secondary{background:#f1f5f9;color:#64748b}.action-button--secondary:hover:not(:disabled){background:#e2e8f0}.action-button--tertiary{background:transparent;color:#64748b;border:1px solid #e2e8f0}.action-button--tertiary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.action-button--danger{background:#dc2626;color:#fff}.action-button--danger:hover:not(:disabled){background:#b91c1c}.action-button--success{background:#10b981;color:#fff}.action-button--success:hover:not(:disabled){background:#059669}.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:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{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:#fff;border-radius:12px;width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.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 #e2e8f0;flex-shrink:0}.modal-title{margin:0;font-size:18px;font-weight:600;color:#1e293b}.modal-close{background:#f1f5f9;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:background-color .15s ease}.modal-close:hover{background:#e2e8f0}.modal-body{padding:24px;overflow-y:auto;flex:1;color:#475569;line-height:1.6}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e2e8f0;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}}.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(--bg-primary, #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}.ai-text-edit__form{display:flex;flex-direction:column;gap:1.25rem}.ai-text-edit__mode-selector{display:flex;gap:0;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;overflow:hidden}.ai-text-edit__mode-btn{flex:1;padding:.75rem 1rem;border:none;background:var(--color-bg-secondary, #f8f9fa);font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #666);cursor:pointer;transition:all .15s ease}.ai-text-edit__mode-btn:first-child{border-right:1px solid var(--color-border, #e0e0e0)}.ai-text-edit__mode-btn:hover:not(.ai-text-edit__mode-btn--active){background:var(--color-bg-tertiary, #f0f0f0)}.ai-text-edit__mode-btn--active{background:var(--color-primary, #2563eb);color:#fff}.ai-text-edit__field{display:flex;flex-direction:column;gap:.5rem}.ai-text-edit__label{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #1a1a1a)}.ai-text-edit__required{color:var(--color-error, #dc2626)}.ai-text-edit__textarea{width:100%;padding:.75rem;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .15s ease}.ai-text-edit__textarea:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.ai-text-edit__input{width:100%;padding:.75rem;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .15s ease}.ai-text-edit__input:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.ai-text-edit__hint{font-size:.75rem;color:var(--color-text-secondary, #666)}.ai-text-edit__summary{background:var(--color-bg-secondary, #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(--color-bg-secondary, #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(--color-bg-secondary, #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(--color-bg-secondary, #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(--bg-light)}.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(--bg-light)}.de-container-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-light)}.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(--bg-light)}.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}.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-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-variations{border-top:1px solid #e2e8f0;padding:20px 24px 24px;background:#f8fafc}.variations-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)}.variations-count{font-weight:var(--font-weight-medium);color:#94a3b8}.variation-entry{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.variation-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.variation-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}.variation-image img{width:100%;height:100%;object-fit:cover}.variation-title{flex:1;min-width:0}.variation-title strong{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:2px}.variation-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)}.variation-status--active{background:#f0fdf4;color:#16a34a}.variation-status--inactive{background:#fef2f2;color:#dc2626}.variation-title code{font-size:10px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-muted);background:#f1f5f9;padding:2px 6px;border-radius:3px}.variation-title .entry-modified{width:fit-content;margin-top:6px}.variation-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}.variation-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(--bg-tertiary, #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(--bg-tertiary, #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(--bg-primary, #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(--bg-primary, #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(--bg-secondary, #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}.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-variations{margin-bottom:24px}.ai-edit-result-product h5,.ai-edit-result-variations 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-variations-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto}.ai-edit-variation-item{padding:16px;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px}.ai-edit-variation-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}}.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}.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}.category-edit-form{display:flex;flex-direction:column;gap:20px}.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}.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%)}.pages-container{padding-bottom:100px;position:relative}.pages-header{margin-bottom:32px}.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-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:6px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s}.section-action-btn:hover:not(:disabled){background:#2563eb}.section-action-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.add-action-icon{font-size:16px;font-weight:600;line-height:1}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.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}.category-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.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){.category-grid{grid-template-columns:1fr}.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}}.edit-product-form__content{display:flex;flex-direction:column;gap:0}.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}.edit-item-form__content{display:flex;flex-direction:column;gap:0}.items-section{padding:16px;background:#f8fafc;border-radius:12px}.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{display:grid;grid-template-columns:repeat(auto-fill,200px);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}.droppable-zone{border-radius:12px;transition:all .2s;border:2px dashed transparent;padding:8px;margin:-8px}.droppable-zone--over{background:#eff6ff;border-color:#3b82f6}.item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;width:200px;display:flex;flex-direction:column;box-sizing:border-box}.item-card--drag-overlay{width:200px;box-shadow:0 8px 24px #00000026;transition:none;height:auto}.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}.variations-section{padding:16px}.variations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 8px}.variations-header__title{display:flex;align-items:center;gap:8px}.variations-header__text{font-size:14px;font-weight:600;color:#334155}.variations-header__count{background:#e2e8f0;padding:2px 8px;border-radius:10px;font-size:12px;color:#64748b}.variations-list{display:flex;flex-direction:column;gap:12px}.variation-item{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.variation-item--expanded{background:#f8fafc}.variation-item:not(.variation-item--expanded){background:#fff}.variation-header{padding:16px;display:flex;align-items:center;gap:16px}.variation-header__caret{color:#64748b;cursor:pointer}.variation-header__image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0;cursor:pointer}.variation-header__image img{width:100%;height:100%;object-fit:cover}.variation-header__info{flex:1;cursor:pointer}.variation-header__name{font-weight:600;color:#1e293b;margin-bottom:4px}.variation-header__description{font-size:13px;color:#64748b}.variation-header__count{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.variation-header__count--active{background:#e0f2fe;color:#0369a1}.variation-header__count--inactive{background:#fef2f2;color:#dc2626}.variation-header__inactive-badge{background:#fef2f2;color:#dc2626;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.variation-header__moved-badge{margin-left:8px;color:#0369a1;font-size:12px;font-weight:500}.variation-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}.variation-bar__caret{color:#64748b}.variation-bar__image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0}.variation-bar__image img{width:100%;height:100%;object-fit:cover}.variation-bar__info{flex:1}.variation-bar__name{font-weight:600;color:#1e293b;margin-bottom:4px}.variation-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}.variation-bar__count{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.variation-bar__count--active{background:#e0f2fe;color:#0369a1}.variation-bar__count--inactive{background:#fef2f2;color:#dc2626}.sortable-item{cursor:grab}.sortable-item--dragging{opacity:.5}.product-header{padding:24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;position:relative}.product-header__actions{position:absolute;top:16px;right:16px}.product-header__content{display:flex;gap:24px;align-items:flex-start}.product-header__image{width:120px;height:120px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#fff}.product-header__image img{width:100%;height:100%;object-fit:cover}.product-header__info{flex:1;min-width:0}.product-header__label{display:flex;align-items:center;gap:12px;margin-bottom:8px}.product-header__label-text{font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.product-header__name{font-size:28px;font-weight:700;margin-bottom:8px;padding-right:48px}.product-header__description{opacity:.9;font-size:14px;line-height:1.6}.product-header__tags{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.product-header__tag{background:#fff3;padding:4px 12px;border-radius:20px;font-size:13px}.product-header__tag--active{background:#22c55e4d}.product-header__tag--inactive{background:#ef44444d}.product-page{max-width:1400px;margin:0 auto;padding:0 24px;box-sizing:border-box}.product-page__header{margin-bottom:32px}.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-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid #e2e8f0}.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}.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-form-body{padding:0;min-width:700px}.sds-edit-form-body .form-layout{display:flex;flex-direction:column;gap:1rem}.sds-edit-form-input{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9375rem}.sds-edit-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.sds-edit-form-textarea{resize:vertical;min-height:80px}.sds-edit-form-ghs{display:flex;flex-direction:column;gap:.75rem}.sds-edit-form-ghs-chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-height:2.25rem}.sds-edit-form-ghs-chips-empty{color:#94a3b8;font-size:.875rem}.sds-edit-form-ghs-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;background:#e2e8f0;border-radius:8px;font-size:.8125rem;border:1px solid #cbd5e1}.sds-edit-form-ghs-chip-pictogram{width:24px;height:24px;object-fit:contain;flex-shrink:0}.sds-edit-form-ghs-chip-content{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;max-width:220px}.sds-edit-form-ghs-chip-code{font-weight:600;color:#1e293b}.sds-edit-form-ghs-chip-text{font-size:.75rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sds-edit-form-ghs-chip-remove{display:inline-flex;align-items:center;justify-content:center;padding:.15rem;margin:0 -.15rem 0 0;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:4px}.sds-edit-form-ghs-chip-remove:hover{color:#dc2626;background:#fee2e2}.sds-edit-form-ghs-picker{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f8fafc}.sds-edit-form-ghs-picker-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:none;background:transparent;font-size:.875rem;color:#475569;cursor:pointer;text-align:left}.sds-edit-form-ghs-picker-trigger:hover{background:#f1f5f9;color:#334155}.sds-edit-form-ghs-picker-trigger.sds-edit-form-ghs-caret-open .sds-edit-form-ghs-caret{transform:rotate(180deg)}.sds-edit-form-ghs-picker-dropdown{padding:.5rem .75rem .75rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.sds-edit-form-ghs-filter{width:100%;max-width:100%}.sds-edit-form-ghs-loading{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#64748b;font-size:.875rem}.sds-edit-form-ghs-list{max-height:200px;overflow-y:auto;border-radius:6px;padding:.25rem;background:#fff;border:1px solid #e2e8f0}.sds-edit-form-ghs-empty{padding:.75rem;color:#64748b;font-size:.875rem}.sds-edit-form-ghs-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;border:none;background:transparent;font-size:.875rem;text-align:left;cursor:pointer;border-radius:6px}.sds-edit-form-ghs-option:hover{background:#e2e8f0}.sds-edit-form-ghs-option-pictogram{width:28px;height:28px;object-fit:contain;flex-shrink:0}.sds-edit-form-ghs-option-code{font-weight:600;min-width:4.5rem;color:#1e293b}.sds-edit-form-ghs-option-text{flex:1;color:#475569;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sds-edit-modal-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#64748b}.choose-list-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}.choose-list-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.choose-list-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.choose-list-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.choose-list-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;line-height:1;transition:color .2s}.choose-list-modal-close:hover{color:#1f2937}.choose-list-modal-body{padding:1rem 1.5rem;display:flex;flex-direction:column;overflow:hidden}.choose-list-search-input{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}.choose-list-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.choose-list-items{overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:.5rem}.choose-list-empty{padding:2rem;text-align:center;color:#6b7280;font-size:.95rem}.choose-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background-color .2s}.choose-list-item:hover{background:#f3f4f6}.choose-list-item--disabled{opacity:.6;cursor:not-allowed}.choose-list-item--disabled:hover{background:#fef2f2}.choose-list-item-image{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.choose-list-item-name{flex:1;font-size:.95rem;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choose-list-item-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;background:#fef3c7;color:#92400e;flex-shrink:0}.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-section__empty{text-align:center;padding:20px;color:#94a3b8;font-size:13px;font-style:italic;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0}.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}.section-layout{padding:16px;border-bottom:1px solid #e2e8f0}.section-layout:last-child{border-bottom:none}.section-layout__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 8px}.section-layout__title-row{display:flex;align-items:center;gap:8px}.section-layout__title{font-size:14px;font-weight:600;color:#334155}.section-layout__count{background:#e2e8f0;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;color:#64748b}.tables-section__empty{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;font-style:italic;min-height:80px}.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-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}.import-products-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.import-products-popup{background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.import-products-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.import-products-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.close-button{background:none;border:none;font-size:32px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:#333}.import-products-content{flex:1;overflow-y:auto;padding:24px}.stage-file-select{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.file-upload-area{width:100%;max-width:500px;border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;transition:border-color .3s}.file-upload-area:hover{border-color:#4caf50}.file-upload-label{cursor:pointer;display:block}.upload-icon{font-size:64px;margin-bottom:16px}.file-upload-label p{margin:8px 0;font-size:16px;color:#333}.file-info{font-size:14px!important;color:#666!important}.selected-file-info{margin-top:24px;padding:16px;background-color:#f5f5f5;border-radius:4px;text-align:center}.selected-file-info p{margin:8px 0;color:#333}.stage-sheet-select{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sheet-instructions{margin-bottom:24px;font-size:16px;color:#666;text-align:center}.sheet-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:500px;margin-bottom:24px}.sheet-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s;font-size:16px;color:#333}.sheet-item:hover{border-color:#4caf50;background-color:#f9f9f9}.sheet-item.selected{border-color:#4caf50;background-color:#e8f5e9}.sheet-icon{font-size:24px}.sheet-name{font-weight:500}.sheet-count{font-size:14px;color:#999;text-align:center}.stage-column-mapping{min-height:400px}.mapping-instructions{margin-bottom:20px;font-size:16px;color:#666}.mapping-container{display:flex;flex-direction:column;gap:12px}.mapping-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px;background-color:#f9f9f9;border-radius:4px;border:1px solid #e0e0e0}.excel-column,.item-field{display:flex;flex-direction:column;gap:4px}.column-label{font-size:12px;color:#666;font-weight:500}.column-name{font-size:14px;font-weight:600;color:#333}.arrow{font-size:20px;color:#4caf50}.field-select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.field-select:hover{border-color:#4caf50}.field-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.stage-preview{min-height:400px}.preview-instructions{margin-bottom:20px;font-size:16px;color:#666}.preview-table-container{overflow-x:auto;margin-bottom:16px;border:1px solid #e0e0e0;border-radius:4px}.preview-table{width:100%;border-collapse:collapse;font-size:14px}.preview-table thead{background-color:#f5f5f5;position:sticky;top:0}.preview-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.excel-source{display:block;font-size:11px;font-weight:400;color:#666;margin-top:4px}.preview-table td{padding:10px 12px;border-bottom:1px solid #f0f0f0;color:#333}.preview-table tbody tr:hover{background-color:#f9f9f9}.preview-note{font-size:14px;color:#666;font-style:italic}.import-products-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e0e0e0;background-color:#f9f9f9}.stage-indicator{display:flex;gap:16px}.stage-indicator span{font-size:14px;color:#999;padding:4px 12px;border-radius:4px;transition:all .3s}.stage-indicator span.active{color:#4caf50;background-color:#e8f5e9;font-weight:600}.footer-buttons{display:flex;gap:12px}.btn-back,.btn-next,.btn-import{padding:10px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-back{background-color:#f5f5f5;color:#333}.btn-back:hover{background-color:#e0e0e0}.btn-next,.btn-import{background-color:#4caf50;color:#fff}.btn-next:hover,.btn-import:hover{background-color:#45a049}.btn-next:disabled{background-color:#ccc;cursor:not-allowed}.btn-import{background-color:#2196f3}.btn-import:hover{background-color:#0b7dda}.reports-controls{margin-bottom:2rem;padding:1.5rem;background-color:var(--bg);border-radius:var(--radius);border:var(--border-properties) var(--border-muted)}.date-range-selector{display:flex;gap:1.5rem;align-items:flex-end}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-input-group label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text)}.date-input-group input[type=date]{padding:.625rem 1rem;border:var(--border-properties) var(--border-muted);border-radius:var(--radius);background-color:var(--bg-light);color:var(--text);font-size:var(--font-size-sm);transition:var(--transition)}.date-input-group input[type=date]:hover{border-color:var(--border)}.date-input-group input[type=date]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary),transparent 90%)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1.5rem;background-color:var(--bg);border:var(--border-properties) var(--border-muted);border-radius:var(--radius);transition:var(--transition)}.stat-card:hover{border-color:var(--border);box-shadow:0 4px 12px color-mix(in oklch,var(--bg-dark),transparent 90%)}.stat-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--primary)}.report-section{margin-bottom:2.5rem}.report-section-title{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:1rem}.reports-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.reports-table thead{background-color:var(--bg-light);border-bottom:2px solid var(--border)}.reports-table th{padding:1rem;text-align:left;font-weight:var(--font-weight-semibold);color:var(--text);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.05em}.reports-table tbody tr{border-bottom:var(--border-properties) var(--border-muted);transition:var(--transition)}.reports-table tbody tr:hover{background-color:var(--bg-light)}.reports-table tbody tr.warning-row{background-color:color-mix(in oklch,#ff9800,transparent 95%)}.reports-table tbody tr.warning-row:hover{background-color:color-mix(in oklch,#ff9800,transparent 90%)}.reports-table td{padding:1rem;color:var(--text)}.rank-cell{font-weight:var(--font-weight-bold);color:var(--text-muted);width:60px}.item-name,.category-name{font-weight:var(--font-weight-medium);color:var(--text);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sku{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-xs);color:var(--text-muted)}.quantity,.count{text-align:right;font-weight:var(--font-weight-medium)}.price,.revenue{text-align:right;font-weight:var(--font-weight-semibold);color:var(--primary)}.stock-low{text-align:right;color:#d32f2f;font-weight:var(--font-weight-bold)}.min-qty{text-align:right;color:var(--text-muted)}.deficit{text-align:right;color:#d32f2f;font-weight:var(--font-weight-semibold)}.empty-state{padding:3rem;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);background-color:var(--bg-light);border-radius:var(--radius);margin:1rem 0}.empty-state.success{color:#2e7d32;background-color:color-mix(in oklch,#4caf50,transparent 95%)}@media (max-width: 768px){.date-range-selector{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:1fr}.reports-table{font-size:var(--font-size-xs)}.reports-table th,.reports-table td{padding:.75rem .5rem}.item-name,.category-name{max-width:150px}}@media (max-width: 1024px){.reports-table{display:block;overflow-x:auto;white-space:nowrap}}.safety-data-sheet-page{justify-self:center;align-self:center;background-color:var(--bg-light);padding:1rem;border-radius:12px;border:1px solid var(--border)}.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}.technical-properties-page{max-width:1200px}.tp-stats{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.tp-stat{background:var(--bg-secondary, #f0f0f0);border-radius:8px;padding:12px 20px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary, #666)}.tp-stat__value{font-size:18px;font-weight:700;color:var(--text-primary, #333)}.tp-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tp-search{flex:1;min-width:200px;padding:8px 12px;border:1px solid var(--color-neutral-light, #ddd);border-radius:6px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);outline:none;transition:border-color .2s}.tp-search:focus{border-color:var(--color-primary, #46ee43)}.tp-filter-select{padding:8px 12px;border:1px solid var(--color-neutral-light, #ddd);border-radius:6px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);cursor:pointer}.tp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.tp-btn--primary{background:var(--color-primary, #46ee43);color:#fff}.tp-btn--primary:hover{opacity:.9}.tp-btn--danger{background:#ef4444;color:#fff}.tp-btn--danger:hover{background:#dc2626}.tp-btn--ghost{background:transparent;color:var(--text-secondary, #666);padding:6px 10px}.tp-btn--ghost:hover{background:var(--bg-secondary, #f0f0f0)}.tp-category-group{margin-bottom:24px}.tp-category-header{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:8px;border-bottom:2px solid var(--color-neutral-light, #eee)}.tp-category-name{font-size:15px;font-weight:600;color:var(--text-primary, #333);text-transform:capitalize}.tp-category-count{font-size:12px;font-weight:600;background:var(--bg-secondary, #f0f0f0);color:var(--text-secondary, #666);padding:2px 8px;border-radius:12px}.tp-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:8px}.tp-table th{text-align:left;padding:8px 12px;font-weight:600;color:var(--text-secondary, #666);font-size:12px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--color-neutral-light, #eee)}.tp-table td{padding:8px 12px;border-bottom:1px solid var(--color-neutral-light, #f0f0f0);color:var(--text-primary, #333);vertical-align:middle}.tp-table tr:hover td{background:var(--bg-secondary, #fafafa)}.tp-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.tp-type-badge--string{background:#dbeafe;color:#1d4ed8}.tp-type-badge--number{background:#dcfce7;color:#15803d}.tp-type-badge--array{background:#fef3c7;color:#92400e}.tp-type-badge--boolean{background:#fce7f3;color:#9d174d}.tp-unit{color:var(--text-secondary, #888);font-size:12px}.tp-actions{display:flex;gap:4px}.tp-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}.tp-modal{background:var(--bg-primary, #fff);border-radius:12px;padding:24px;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.tp-modal h2{margin:0 0 20px;font-size:18px;font-weight:600}.tp-form-group{margin-bottom:16px}.tp-form-group label{display:block;margin-bottom:4px;font-size:13px;font-weight:500;color:var(--text-secondary, #666)}.tp-form-group input,.tp-form-group select{width:100%;padding:8px 12px;border:1px solid var(--color-neutral-light, #ddd);border-radius:6px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);box-sizing:border-box}.tp-form-group input:focus,.tp-form-group select:focus{outline:none;border-color:var(--color-primary, #46ee43)}.tp-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.tp-empty{text-align:center;padding:48px 24px;color:var(--text-secondary, #666);font-size:14px}.tp-loading{text-align:center;padding:48px;color:var(--text-secondary, #666)}.dd{position:relative;width:100%}.dd__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left;color:#0f172a}.dd__trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.dd--error .dd__trigger{border-color:#ef4444}.dd--error .dd__trigger:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.dd__value--placeholder{color:#94a3b8}.dd__chevron{flex-shrink:0;color:#64748b;transition:transform .15s}.dd--open .dd__chevron{transform:rotate(180deg)}.dd__list{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001a;max-height:200px;overflow-y:auto}.dd__option{padding:.45rem .75rem;font-size:.875rem;cursor:pointer;transition:background .1s;color:#334155}.dd__option--focused{background:#f1f5f9}.dd__option--selected{color:#3b82f6;font-weight:500}.dd__option--selected.dd__option--focused{background:#eff6ff}.fi{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.fi:last-child{margin-bottom:0}.fi__label{font-weight:500;font-size:.875rem;color:#475569}.fi__input{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;background:#fff;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.fi__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.fi--error .fi__label{color:#ef4444}.fi--error .fi__input{border-color:#ef4444}.fi--error .fi__input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.fi__error{font-size:.8rem;color:#ef4444}.fi__input[type=checkbox],.fi__input[type=radio]{width:auto;padding:0;margin:0;accent-color:#3b82f6;cursor:pointer}.fi__input[type=range]{padding:0;border:none;background:transparent;accent-color:#3b82f6}.fi__input[type=range]:focus{box-shadow:none}.fi__input[type=color]{width:48px;height:36px;padding:2px;cursor:pointer}.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:8px;overflow:hidden;border:1px solid #e2e8f0}.fi__tab{flex:1;padding:8px 12px;border:none;font-size:.8rem;font-weight:500;cursor:pointer;background:#f1f5f9;color:#64748b}.fi__tab:not(:first-child){border-left:1px solid #e2e8f0}.fi__tab--active{background:#3b82f6;color:#fff}.test-form-container{max-width:720px;margin:2rem auto;padding:0 1rem;font-family:system-ui,-apple-system,sans-serif;color:#1e293b}.test-form-container h1{font-size:1.75rem;margin-bottom:.25rem}.test-form-subtitle{color:#64748b;margin-bottom:1.5rem}.test-form fieldset{border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.test-form legend{font-weight:600;font-size:.95rem;padding:0 .5rem;color:#334155}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.form-actions button{padding:.6rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.form-actions button[type=submit]{background:#3b82f6;color:#fff}.form-actions button[type=submit]:hover{background:#2563eb}.form-actions button[type=reset]{background:#f1f5f9;color:#475569}.form-actions button[type=reset]:hover{background:#e2e8f0}.form-output{margin-top:2rem;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.form-output h2{font-size:1.1rem;margin-bottom:.75rem}.form-output pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.8rem;line-height:1.5}/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2026 Indian Type Foundry
*
* Satoshi Light 
* Satoshi LightItalic 
* Satoshi Regular 
* Satoshi Italic 
* Satoshi Medium 
* Satoshi MediumItalic 
* Satoshi Bold 
* Satoshi BoldItalic 
* Satoshi Black 
* Satoshi BlackItalic 
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)

*
*/@font-face{font-family:Satoshi-Light;src:url(/assets/Satoshi-Light-DGGhisht.woff2) format("woff2"),url(/assets/Satoshi-Light-nCpO4URH.woff) format("woff"),url(/assets/Satoshi-Light-BDIJ6QC2.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(/assets/Satoshi-LightItalic-BIseMwnG.woff2) format("woff2"),url(/assets/Satoshi-LightItalic-BHIJE1QX.woff) format("woff"),url(/assets/Satoshi-LightItalic-DerM4rLM.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(/assets/Satoshi-Regular-CAdxhaPe.woff2) format("woff2"),url(/assets/Satoshi-Regular-7bBbEzbV.woff) format("woff"),url(/assets/Satoshi-Regular-BCVKqEPh.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/assets/Satoshi-Italic-DFxtytot.woff2) format("woff2"),url(/assets/Satoshi-Italic-BN_tFLp8.woff) format("woff"),url(/assets/Satoshi-Italic-C5nP15WY.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(/assets/Satoshi-Medium-GkA34YXu.woff2) format("woff2"),url(/assets/Satoshi-Medium-Lv9hsv1V.woff) format("woff"),url(/assets/Satoshi-Medium-DnYqU_fJ.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(/assets/Satoshi-MediumItalic-BwwtClOB.woff2) format("woff2"),url(/assets/Satoshi-MediumItalic-DbOIwscH.woff) format("woff"),url(/assets/Satoshi-MediumItalic-DTUQqsOI.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/assets/Satoshi-Bold-CT_TuBnL.woff2) format("woff2"),url(/assets/Satoshi-Bold-BLKBC-6X.woff) format("woff"),url(/assets/Satoshi-Bold-CzW-pFA4.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(/assets/Satoshi-BoldItalic-DwDKADit.woff2) format("woff2"),url(/assets/Satoshi-BoldItalic-DpRT1EjY.woff) format("woff"),url(/assets/Satoshi-BoldItalic-zpMVHzVR.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(/assets/Satoshi-Black-CaFh8BIi.woff2) format("woff2"),url(/assets/Satoshi-Black-BtDZCSNm.woff) format("woff"),url(/assets/Satoshi-Black-Bg_oXy6y.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(/assets/Satoshi-BlackItalic-O6AZRkPW.woff2) format("woff2"),url(/assets/Satoshi-BlackItalic-D9mHdsiq.woff) format("woff"),url(/assets/Satoshi-BlackItalic-CsHcRpXU.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Variable;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2) format("woff2"),url(/assets/Satoshi-Variable-CfACykSx.woff) format("woff"),url(/assets/Satoshi-Variable-ChAXbpFa.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/assets/Satoshi-VariableItalic-DjwFspxr.woff2) format("woff2"),url(/assets/Satoshi-VariableItalic-pYBsOxD_.woff) format("woff"),url(/assets/Satoshi-VariableItalic-Bb7sdEFv.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}*: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;--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 72px;--bg: #f8fafc;--bg-light: #fff;--text: oklch(.15 0 313);--text-muted: oklch(49.261% .00006 271.152);--highlight: oklch(1 0 313);--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;--text-spacing-sm: .75rem;--text-spacing-md: 1rem;--text-spacing-lg: 1.5rem;--padding: 8px;--padding-sm: 4px;--radius: 8px;--margin-sm: 8px;--margin-md: 12px;--margin-lg: 16px;--main-content-padding: 1.5rem;--success: #065f46;--warning: #92400e;--danger: #991b1b;--border: #e2e8f0}h1{font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--margin-lg)}h2{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--margin-lg)}h3{all:unset;font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--margin-md)}h4{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--margin-sm)}h5{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--margin-sm);letter-spacing:var(--letter-spacing-wide)}h6{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--margin-sm);letter-spacing:var(--letter-spacing-wide);text-transform:var(--text-transform-caps)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}p{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text);margin:0 0 var(--margin-sm) 0}p:last-child{margin-bottom:0}ul,ol{font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text);margin:0 0 var(--margin-md) 0;padding-left:1.5em}ul:last-child,ol:last-child{margin-bottom:0}li{margin-bottom:var(--padding-md)}li:last-child{margin-bottom:0}ul ul,ul ol,ol ul,ol ol{margin-top:var(--padding-md);margin-bottom:0}.plain-text{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text);white-space:pre-wrap}.richtext-content{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;overflow:auto;background:var(--bg);padding:35px}