@import"https://rsms.me/inter/inter.css";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700;800&display=swap";.sambil-logo{padding:16px 12px;border-bottom:1px solid rgba(59,130,246,.3);margin-bottom:8px}.logo-text{display:flex;flex-direction:column;align-items:flex-start}.sambil-text{font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px;line-height:1;margin:0}.online-text{font-size:9px;font-weight:500;color:#9ca3af;letter-spacing:1px;text-transform:uppercase;margin:2px 0 0}.logo-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon img{width:160px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sidebar{width:240px;background-color:#231f5a;color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:1000}.sidebar-content{flex:1;overflow-y:auto;padding:8px 0}.menu-section{margin-bottom:0}.menu-item{display:flex;align-items:center;gap:12px;padding:18px 20px;color:#d1d5db;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:0}.menu-item:hover{background-color:#f9731633;color:#fff}.menu-item.active{background-color:#f97316;color:#fff;border-left:4px solid #ea580c}.chevron{margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron.expanded{transform:rotate(90deg)}.submenu{background-color:#191446cc;margin-left:20px;border-left:2px solid rgba(249,115,22,.5);padding-left:8px}.submenu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;color:#d1d5db;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:4px;margin:2px 0}.submenu-item:hover{background-color:#f973164d;color:#fff}.submenu-item.active{background-color:#f97316;color:#fff}.secondary-sidebar{position:fixed;top:0;left:240px;width:280px;height:100vh;background-color:#191446f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1500;display:flex;flex-direction:column;border-right:1px solid rgba(249,115,22,.3);animation:slideIn .35s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 10px #0000004d}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.secondary-sidebar-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid rgba(75,85,99,.3);background-color:#1f2937cc}.secondary-sidebar-header span{flex:1;font-size:16px;font-weight:600;color:#fff}.close-sidebar{color:#9ca3af;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .25s cubic-bezier(.4,0,.2,1)}.close-sidebar:hover{color:#fff;background-color:#4b55634d}.secondary-sidebar-content{flex:1;padding:12px;overflow-y:auto}.secondary-sidebar-content .sidebar-menu-item{animation:fadeInItem .3s cubic-bezier(.4,0,.2,1) backwards}.secondary-sidebar-content .sidebar-menu-item:nth-child(1){animation-delay:.05s}.secondary-sidebar-content .sidebar-menu-item:nth-child(2){animation-delay:.1s}.secondary-sidebar-content .sidebar-menu-item:nth-child(3){animation-delay:.15s}.secondary-sidebar-content .sidebar-menu-item:nth-child(4){animation-delay:.2s}.secondary-sidebar-content .sidebar-menu-item:nth-child(5){animation-delay:.25s}.secondary-sidebar-content .sidebar-menu-item:nth-child(6){animation-delay:.3s}.secondary-sidebar-content .sidebar-menu-item:nth-child(7){animation-delay:.35s}@keyframes fadeInItem{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-section{margin-bottom:24px}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.sidebar .sidebar-content .sidebar-menu-item,.secondary-sidebar .secondary-sidebar-content .sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#d1d5db;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:6px;font-size:14px;background:none;border:none;text-align:left;width:100%;position:relative}.sidebar .sidebar-content .sidebar-menu-item:hover,.secondary-sidebar .secondary-sidebar-content .sidebar-menu-item:hover{background-color:#f973164d;color:#fff}.sidebar .sidebar-content .sidebar-menu-item.active,.secondary-sidebar .secondary-sidebar-content .sidebar-menu-item.active{background-color:#f97316;color:#fff;font-weight:600}.sidebar .sidebar-content .sidebar-menu-item:active,.secondary-sidebar .secondary-sidebar-content .sidebar-menu-item:active{background-color:#f9731680}.mobile-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){.mobile-sidebar-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0;width:100%}.secondary-sidebar{left:0;width:100%;max-width:300px;z-index:1500}.header-center{margin:0 12px}.search-input{font-size:16px}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:200px}.main-content{margin-left:200px}.secondary-sidebar{left:200px;width:250px}}@media (min-width: 1025px){.sidebar{width:240px}.main-content{margin-left:240px}.secondary-sidebar{left:240px;width:280px}}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:center}.mobile-menu-button{display:none;padding:8px;background:none;border:none;cursor:pointer;color:#374151;border-radius:6px;transition:all .2s ease}.mobile-menu-button:hover{background-color:#f3f4f6;color:#111827}.logo{display:flex;align-items:center;gap:8px}.logo-icon{display:flex;align-items:center;justify-content:center}.logo-text{font-size:18px;font-weight:700;color:#111827}.header-center{flex:1;display:flex;justify-content:center;max-width:100%;margin:0 24px}.search-bar{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:8px 12px 8px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.header-right,.header-icons{display:flex;align-items:center;gap:8px}.icon-button{padding:8px;color:#6b7280;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.icon-button:hover{color:#374151;background-color:#f3f4f6}.icon-text{margin-left:4px;font-size:14px;font-weight:500}.logout-button{color:#dc2626}.logout-button:hover{color:#b91c1c;background-color:#fee2e2}.dropdown-container{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:4px}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:200px;z-index:1000;margin-top:4px;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#374151}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item.logout-item{color:#dc2626}.dropdown-item.logout-item:hover{background-color:#fee2e2}.dropdown-divider{height:1px;background-color:#e5e7eb;margin:4px 0}@media (max-width: 768px){.header{padding:12px 16px;position:sticky;top:0;z-index:100;background-color:#fff}.mobile-menu-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px}.header-center{flex:1;margin:0 8px;max-width:none;min-width:0}.search-bar{width:100%}.search-input{font-size:16px;padding:10px 12px 10px 40px;width:100%}.header-right{flex-shrink:0}.header-icons{gap:4px}.icon-button{padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.icon-text{display:none}.dropdown-menu{right:0;left:auto;min-width:200px;max-width:calc(100vw - 32px)}.header-icons .icon-button:not(.dropdown-trigger){display:flex}}@media (max-width: 480px){.header{padding:10px 12px}.header-center{margin:0 6px}.search-input{padding:8px 10px 8px 36px;font-size:16px}.header-icons .icon-button:not(.dropdown-trigger){display:none}}@media (min-width: 769px) and (max-width: 1024px){.header{padding:14px 20px}.header-center{margin:0 20px}.search-input{font-size:14px}}@media (min-width: 1025px){.header{padding:16px 24px}.header-center{margin:0 24px}.search-input{font-size:14px}}.footer{background-color:#2c3e50;color:#ecf0f1;padding:16px 0;border-top:1px solid #34495e;margin-top:20px}.footer-content{text-align:center;padding:0 24px}.footer-content p{margin:0;font-size:14px;font-weight:400;color:#bdc3c7}.widget-container{padding:24px}.widget-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.widget-header-group{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.time-range-selector{display:inline-flex;align-items:center;gap:6px;background-color:#f3f4f6;padding:4px;border-radius:999px}.time-range-btn{border:none;background:transparent;font-size:12px;font-weight:600;color:#6b7280;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .2s ease}.time-range-btn:hover{background-color:#e5e7eb;color:#111827}.time-range-btn.active{background-color:#111827;color:#fff}.range-summary{font-size:12px;color:#6b7280;margin-bottom:12px}.custom-range-controls input{padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#111827;background-color:#fff}.total-customers-content{display:flex;align-items:center;justify-content:space-between}.total-number{font-size:32px;font-weight:700;color:#111827}.trend-indicator{display:flex;align-items:center;gap:4px;color:#10b981;font-size:14px;font-weight:500}.data-table th{background-color:#f9fafb;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.data-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px}.customer-name{font-weight:500;color:#111827}.order-date{color:#6b7280}.spending-amount{font-weight:600;color:#111827}.order-count{color:#6b7280}.chart-container{height:200px;width:100%}.orders-stats-grid{display:flex;flex-direction:column;gap:16px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background-color:#f9fafb;border-radius:8px}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px}.stat-content{flex:1}.stat-value{font-size:18px;font-weight:600;color:#111827;margin-bottom:4px}.stat-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.orders-status-content{display:flex;gap:24px;align-items:flex-start}.status-chart{flex:1;height:240px}.time-range-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px}.comparison-block{background-color:#f9fafb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.comparison-title{font-size:12px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.comparison-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}.comparison-metric{display:flex;flex-direction:column;gap:4px}.comparison-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase}.comparison-value{font-size:16px;font-weight:700;color:#111827}.custom-range-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.custom-range-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#4b5563}.custom-range-controls input{padding:6px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#111827;background-color:#fff}.custom-range-controls input:focus{outline:none;border-color:#111827;box-shadow:0 0 0 1px #1118270d}.empty-state{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:180px;padding:16px;border:1px dashed #d1d5db;border-radius:12px;background-color:#f9fafb;color:#6b7280;font-size:13px}.status-legend{flex:1;display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:12px;padding:8px 0}.legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-content{display:flex;align-items:center;gap:8px;flex:1}.legend-name{font-size:14px;font-weight:500;color:#111827}.legend-value{font-size:14px;font-weight:600;color:#111827}.legend-percentage{font-size:12px;color:#6b7280}.recent-orders-content{padding:0}.orders-table{width:100%}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff}.items-count{display:flex;align-items:center;gap:4px;font-size:14px;color:#6b7280}.action-link{color:#6b7280;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.action-link:hover{color:#374151;background-color:#f3f4f6}.widget{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.widget-header{padding:20px 20px 16px;border-bottom:1px solid #f3f4f6}.widget-title{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.widget-subtitle{font-size:14px;color:#6b7280;margin:0}.widget-content{padding:20px}.widget-footer{padding:16px 20px;border-top:1px solid #f3f4f6;background-color:#f9fafb}.main-stat{text-align:center;margin-bottom:24px}.stat-number{font-size:36px;font-weight:700;color:#111827;margin-bottom:8px}.stat-growth{display:flex;align-items:center;justify-content:center;gap:4px;color:#10b981;font-size:14px;font-weight:500}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#fef3c7;border-radius:8px;color:#d97706}.stat-details{flex:1}.stat-label{font-size:12px;color:#6b7280;margin-bottom:2px}.stat-value{font-size:16px;font-weight:600;color:#111827}.widget-header-simple{display:flex;align-items:center;gap:8px;margin-bottom:16px}.top-products-table{width:100%;border-collapse:collapse}.top-products-table thead th{background-color:#f9fafb;padding:12px 16px;text-align:center;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.top-products-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.top-products-table tbody tr:hover{background-color:#f9fafb}.top-products-table tbody tr:last-child{border-bottom:none}.top-products-table tbody td{padding:16px}.product-rank-cell{width:60px;text-align:center}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#e5e7eb;color:#6b7280;border-radius:50%;font-size:14px;font-weight:600}.rank-badge.top-rank{background-color:#fef3c7;color:#d97706;box-shadow:0 2px 4px #d9770633}.product-info-cell{min-width:250px}.product-info{display:flex;align-items:center;gap:12px}.product-image-small{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f3f4f6;border-radius:8px;color:#9ca3af;border:2px dashed #d1d5db;flex-shrink:0}.product-name-text{font-size:14px;font-weight:500;color:#111827;line-height:1.4}.product-sales-cell{text-align:center}.sales-count{display:block;font-size:16px;font-weight:600;color:#111827;margin-bottom:2px}.sales-label{display:block;font-size:12px;color:#6b7280}.product-price-cell{text-align:center}.price-amount{font-size:16px;font-weight:600;color:#059669}@media (max-width: 768px){.orders-status-content{flex-direction:column}.status-chart{height:150px}.stats-grid{grid-template-columns:1fr}.top-products-table thead th{padding:8px;font-size:11px}.top-products-table tbody td{padding:12px 8px}.product-info-cell{min-width:180px}.product-name-text{font-size:13px}.product-image-small{width:32px;height:32px}.rank-badge{width:28px;height:28px;font-size:12px}.sales-count,.price-amount{font-size:14px}}.comparator-controls{margin-bottom:24px;padding:20px;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.comparator-period-selector{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.comparator-period-group{flex:1;min-width:280px}.comparator-period-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.comparator-period-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.comparator-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;cursor:pointer;transition:all .2s;min-width:150px}.comparator-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comparator-date-inputs{display:flex;gap:12px;flex-wrap:wrap}.comparator-date-inputs label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#4b5563}.comparator-date-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;min-width:150px}.comparator-date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comparator-period-summary{font-size:13px;color:#6b7280;font-weight:500;padding:8px 12px;background-color:#fff;border-radius:6px;border:1px solid #e5e7eb}.comparator-vs{font-size:18px;font-weight:700;color:#6b7280;padding:12px 20px;background-color:#fff;border-radius:50%;border:2px solid #e5e7eb;min-width:60px;text-align:center;flex-shrink:0}.comparator-results{margin-top:24px}.comparator-metrics-selector{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:24px}.comparator-metrics-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.comparator-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.comparator-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s}.comparator-checkbox-label:hover{background-color:#f9fafb}.comparator-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.comparator-checkbox-text{font-size:14px;color:#374151;font-weight:500}.comparator-method-section{grid-column:1 / -1;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-top:8px}.comparator-method-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.comparator-method-header h4{font-size:16px;font-weight:600;color:#111827;margin:0}.comparator-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.comparator-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.comparator-metric-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.comparator-metric-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.comparator-metric-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.comparator-metric-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0}.comparator-metric-label{font-size:14px;font-weight:600;color:#374151}.comparator-metric-values{display:flex;flex-direction:column;gap:12px}.comparator-period-value{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.comparator-period-value:last-of-type{border-bottom:none}.comparator-period-label{font-size:12px;color:#6b7280;font-weight:500}.comparator-value{font-size:18px;font-weight:700;color:#111827}.comparator-change{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;padding:8px 12px;background-color:#f9fafb;border-radius:8px;margin-top:8px}.comparator-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.comparator-summary-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.comparator-summary-card h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.comparator-summary-stats{display:flex;flex-direction:column;gap:12px}.comparator-summary-stats>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6}.comparator-summary-stats>div:last-child{border-bottom:none}.comparator-summary-stats span{font-size:14px;color:#6b7280;font-weight:500}.comparator-summary-stats strong{font-size:16px;color:#111827;font-weight:700}.comparator-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.comparator-empty p{margin-top:16px;font-size:14px;font-weight:500}@media (max-width: 768px){.comparator-period-selector{flex-direction:column}.comparator-vs{transform:rotate(90deg);min-width:auto;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.comparator-metrics-grid,.comparator-summary{grid-template-columns:1fr}.comparator-period-controls{flex-direction:column}.comparator-select,.comparator-date-input{width:100%;min-width:auto}}.dashboard{padding:0}.dashboard-header{margin-bottom:32px}.dashboard-title{font-size:32px;font-weight:700;color:#111827;margin:0}.dashboard-grid{display:flex;flex-direction:column;gap:24px}.widget-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.widget{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.widget.full-width{grid-column:1 / -1}@media (max-width: 1024px){.widget-row{grid-template-columns:1fr}}.status-toggle-cell{display:flex;align-items:center;gap:12px}.status-pending{background:#166534;color:#92400e}@media (max-width: 1200px){.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 12px}}@media (max-width: 768px){.page-container{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.page-title{font-size:22px}.page-actions{width:100%;flex-wrap:wrap;gap:8px}.page-actions .btn{flex:1;min-width:calc(50% - 4px);justify-content:center}.search-filter-section{flex-direction:column;gap:12px;align-items:stretch;padding:12px;margin-bottom:16px}.search-controls{width:100%;justify-content:stretch;flex-direction:column;gap:8px}.search-controls .btn{width:100%}.results-info{text-align:center;width:100%;font-size:13px}.pagination-controls{flex-direction:column;gap:12px;width:100%}.per-page-selector{width:100%;justify-content:space-between}.page-navigation{width:100%;justify-content:center}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;margin-bottom:16px}.table-container:before{content:"";position:sticky;left:0;top:0;width:20px;height:100%;background:linear-gradient(to right,rgba(248,250,252,.95),transparent);pointer-events:none;z-index:1}.table-container:after{content:"";position:sticky;right:0;top:0;width:20px;height:100%;background:linear-gradient(to left,rgba(248,250,252,.95),transparent);pointer-events:none;z-index:1}.data-table{min-width:800px;font-size:13px}.data-table th{padding:10px 8px;font-size:11px;white-space:nowrap}.data-table td{padding:10px 8px;font-size:12px}.column-header{gap:4px}.filter-input{max-width:100%;padding:4px 6px;font-size:11px}.action-btn{width:28px;height:28px;padding:4px}.actions-cell{gap:4px}.bottom-pagination{flex-direction:column;gap:12px;text-align:center;padding:12px}.pagination-info{width:100%;text-align:center}}@media (max-width: 480px){.page-container{padding:8px}.page-title{font-size:20px}.data-table{min-width:700px;font-size:11px}.data-table th,.data-table td{padding:8px 6px;font-size:11px}.page-actions .btn{width:100%;font-size:13px;padding:10px 12px}.btn-icon{min-width:36px;min-height:36px}}.action-button.primary{background:#f97316;color:#fff}.action-button.primary:hover{background:#ea580c}.action-link{background:none;border:none;color:#3b82f6;font-weight:500;cursor:pointer;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.sortable-header{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{color:#3b82f6}.column-header.sortable .sortable-header{margin-bottom:8px}.bulk-actions{display:flex;align-items:center}.bulk-action-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:white;color:#374151;cursor:pointer;min-width:120px}.bulk-action-select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.vendor-name-link{background:none;border:none;color:#374151;cursor:pointer;font-size:14px;padding:0}.vendor-name-link:hover{color:#1d4ed8}.deny-btn{padding:4px 12px;font-size:12px;min-height:auto}.action-link{background:none;border:none;color:#2563eb;text-decoration:underline;cursor:pointer;font-size:14px;padding:0}.action-link:hover{color:#1d4ed8}.tabs-container{margin-bottom:24px}.tabs{display:flex;border-bottom:1px solid #e5e7eb;background:white;border-radius:8px 8px 0 0;overflow:hidden}.tab{display:flex;align-items:center;gap:8px;padding:16px 24px;background:white;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.product-cell{display:flex;flex-direction:column;gap:4px}.product-name{font-weight:500;color:#374151;line-height:1.4}.product-details{display:flex;flex-direction:column;gap:2px}.product-detail{font-size:12px;color:#6b7280;font-style:italic}.campaign-name,.promo-name{display:flex;align-items:center;gap:8px;font-weight:500}.date-cell{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.metric-cell{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151}.revenue-amount{font-weight:600;color:#059669;font-size:14px}.status-scheduled{background-color:#dbeafe;color:#1e40af}.status-completed{background-color:#e0e7ff;color:#4f46e5}.status-expired{background-color:#fee2e2;color:#991b1b}.status-paused{background-color:#fef3c7;color:#92400e}.type-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.type-seasonal{background-color:#fef3c7;color:#92400e}.type-flash{background-color:#fee2e2;color:#991b1b}.type-product{background-color:#e0e7ff;color:#4f46e5}.type-loyalty{background-color:#d1fae5;color:#065f46}.stat-card{background:white;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px}.stat-label{font-size:14px;color:#6b7280;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#111827}.promo-code{background-color:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;font-weight:600;color:#374151;border:1px solid #d1d5db}.discount-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.discount-badge.percentage{background-color:#fef3c7;color:#92400e}.discount-badge.fixed{background-color:#d1fae5;color:#065f46}.discount-badge.shipping{background-color:#dbeafe;color:#1e40af}.usage-cell{display:flex;flex-direction:column;gap:6px}.usage-count{font-size:13px;color:#374151;font-weight:500}.usage-bar{width:100%;height:6px;background-color:#e5e7eb;border-radius:3px;overflow:hidden}.usage-progress{height:100%;background:linear-gradient(90deg,#d97706 0%,#f59e0b 100%);transition:width .3s ease;border-radius:3px}.min-purchase{font-size:13px;color:#6b7280}.form-container{max-width:800px;margin:0 auto;padding:0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{font-size:15px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px;margin-bottom:4px}.form-input{padding:14px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;color:#374151;background:white;transition:all .2s ease;width:100%}.form-input:invalid{border-color:#ef4444}.amount-input-container{display:flex;align-items:center;gap:8px;background:white;border:1px solid #d1d5db;border-radius:8px;padding:14px 16px;transition:all .2s ease}.amount-input-container:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.amount-symbol{font-size:16px;font-weight:600;color:#374151}.amount-input{border:none;outline:none;font-size:15px;color:#374151;background:transparent;width:100%}.amount-input::placeholder{color:#9ca3af}.toggle-container{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.toggle-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;transition:all .2s ease}.toggle-button:hover{background:#f3f4f6}.toggle-label{font-size:16px;font-weight:600;transition:color .2s ease}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;border-radius:8px;background:white;border:1px solid #e5e7eb;transition:all .2s ease}.checkbox-item:hover{background:#f9fafb;border-color:#d1d5db}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#f97316}.checkbox-item span{font-size:15px;color:#374151;-webkit-user-select:none;user-select:none;font-weight:500}.summary-card{background:white;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:32px;margin-top:32px;border:1px solid #e5e7eb}.summary-title{font-size:20px;font-weight:700;color:#374151;margin-bottom:24px;text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.summary-row{display:flex;flex-direction:column;gap:8px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.summary-label{color:#6b7280;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-weight:600;color:#374151;font-size:16px}.summary-value.status-enabled{color:#10b981}.summary-value.status-disabled{color:#ef4444}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:24px}.form-container{padding:0 16px}.summary-grid{grid-template-columns:1fr}}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:24px}.store-card{background:white;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:all .2s ease;border:1px solid #e5e7eb}.store-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.store-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.store-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d1d5db;background:white;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#6b7280}.action-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.store-image-container{width:100%;height:120px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.store-image{width:100%;height:100%;object-fit:cover}.store-info{padding:16px}.store-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-details{display:flex;flex-direction:column;gap:8px}.store-detail{display:flex;align-items:center;gap:8px;font-size:14px}.detail-icon{color:#6b7280;flex-shrink:0}.detail-label{color:#6b7280;font-weight:500;min-width:60px}.detail-value{color:#374151;font-weight:500}.search-input-container{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:white;transition:all .2s ease}@media (max-width: 1200px){.stores-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.stores-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.store-card-header{padding:8px 12px}.store-info{padding:12px}.store-name{font-size:14px}.store-details{gap:6px}.store-detail{font-size:13px}.search-input-container{max-width:100%}}.image-cell{display:flex;align-items:center;justify-content:center;width:60px;height:40px}.store-thumbnail{width:50px;height:35px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb}.image-placeholder{width:50px;height:35px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.product-image-cell{display:flex;align-items:center;justify-content:center;width:80px;height:60px;padding:4px}.product-thumbnail{width:70px;height:70px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb;transition:transform .2s ease}.product-thumbnail:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.product-image-placeholder{width:70px;height:70px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.store-name-cell{display:flex;align-items:center}.store-name{font-weight:500;color:#111827}.store-local,.store-nivel,.store-plaza{color:#6b7280;font-size:14px}.vendor-name{color:#374151;font-size:14px}.category-cell{display:flex;align-items:center;gap:8px}.category-badge{color:#374151;font-size:14px}.cell-icon{color:#6b7280;flex-shrink:0}.config-section{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-bottom:24px}.section-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.section-description{color:#6b7280;font-size:14px;margin-bottom:20px;font-style:italic}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start}.form-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;font-size:14px}.form-select,.form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background:white}.form-select:focus,.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.font-mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}.form-hint{color:#6b7280;font-size:12px;margin-top:4px}.help-icon{color:#9ca3af;cursor:help}.help-icon:hover{color:#6b7280}.help-link{color:#3b82f6;text-decoration:none;font-size:12px;display:flex;align-items:center;gap:4px}.help-link:hover{text-decoration:underline}.info-box{display:flex;align-items:center;gap:8px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:12px 16px;margin-bottom:20px;color:#92400e;font-size:14px;font-weight:500}.info-box svg{color:#f59e0b;flex-shrink:0}.form-select[multiple] option{padding:8px 12px}.form-select[multiple] option:checked{background:#3b82f6;color:#fff}.collapsible-sections{margin-top:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.collapsible-section{border-bottom:1px solid #e5e7eb}.collapsible-section:last-child{border-bottom:none}.section-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;background:#f9fafb;transition:background-color .2s ease;border:none;width:100%}.section-toggle-left{display:flex;align-items:center;gap:12px}.section-toggle-left span{font-size:16px;font-weight:600;color:#111827}.section-content{padding:24px;background:white;border-top:1px solid #e5e7eb}.section-content .section-description{color:#6b7280;font-size:14px;margin-bottom:20px;font-style:italic;padding:12px 16px;background:#f9fafb;border-radius:6px;border-left:4px solid #3b82f6}.toolbar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:8px}.sort-icons{display:flex;flex-direction:column;gap:2px}.sort-icons svg{color:#9ca3af;transition:color .2s ease}.sort-icons svg.active{color:#3b82f6}.hook-name{font-weight:500;color:#111827}.data-table tr.even{background-color:#f9fafb}.data-table tr.odd{background-color:#fff}.data-table tr.even:hover,.data-table tr.odd:hover{background-color:#f3f4f6}.page{padding:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.page-title-section{display:flex;align-items:center;gap:16px}.page-icon{color:#3b82f6}.page-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 4px}.page-subtitle{color:#6b7280;margin:0;font-size:16px}.page-actions{display:flex;gap:12px;align-items:center}.action-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:14px}.action-button.primary{background:#3b82f6;color:#fff}.action-button.primary:hover{background:#2563eb}.action-button.secondary{background:white;color:#374151;border:1px solid #d1d5db}.action-button.secondary:hover{background:#f9fafb;border-color:#9ca3af}.page-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .2s ease}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-buttons{display:flex;gap:8px}.filter-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:white;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:#f9fafb;border-color:#9ca3af}.page-content{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table th{text-align:left;padding:16px;font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:16px;border-bottom:1px solid #f3f4f6;color:#374151}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#f9fafb}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.action-link{background:none;border:none;color:#3b82f6;font-weight:500;cursor:pointer;text-decoration:underline;font-size:14px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.action-buttons{display:flex;gap:8px;align-items:center}.member-count{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:14px}.text-gray-600{color:#6b7280}.text-blue-600{color:#2563eb}.content-header{padding:24px;border-bottom:1px solid #e5e7eb}.search-section{display:flex;gap:16px;align-items:center}.search-bar{position:relative;flex:1;max-width:400px}.search-bar input{width:100%;padding:12px 16px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease}.search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-bar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.type-badge{display:inline-flex;align-items:center;padding:4px 8px;background-color:#f3f4f6;color:#374151;border-radius:6px;font-size:12px;font-weight:500}.required-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.required-badge.required{background-color:#dcfce7;color:#166534}.required-badge.optional{background-color:#f3f4f6;color:#6b7280}.attributes-list{display:flex;flex-wrap:wrap;gap:4px}.attribute-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#e0f2fe;color:#0369a1;border-radius:4px;font-size:11px;font-weight:500}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-actions{width:100%;justify-content:flex-start}.page-filters{flex-direction:column;align-items:stretch}.search-box{max-width:none}}.add-attribute{background-color:#f8f9fa;min-height:100vh;padding:0}.attribute-header{background:white;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.attribute-header-actions,.edit-actions{display:flex;gap:.75rem}.attribute-title{display:flex;align-items:center;gap:1rem}.attribute-title h1{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.attribute-content{padding:1.5rem;max-width:1200px;margin:0 auto}.attribute-section{background:white;border-radius:.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem;overflow:hidden}.section-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.section-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.section-description{font-size:.875rem;color:#6b7280;margin:0}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:500;color:#374151;font-size:.875rem;margin-bottom:.5rem}.required{display:flex;align-items:center;gap:.25rem}.required-asterisk{color:#dc2626;font-weight:600}.form-input,.form-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#111827;background:white;transition:border-color .2s}.form-input:disabled,.form-select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.7}.option-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.7}.radio-input:disabled{cursor:not-allowed;opacity:.7}.delete-button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.5}.delete-button:disabled:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#9ca3af}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.checkbox-card{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:#ffffff;border:2px solid #e5e7eb;border-radius:.75rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.checkbox-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#e5e7eb;transition:all .3s ease}.checkbox-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.checkbox-card:hover:before{background:#3b82f6}.checkbox-card:has(.styled-checkbox:checked){border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 6px -1px #3b82f61a,0 2px 4px -1px #3b82f60f}.checkbox-card:has(.styled-checkbox:checked):before{background:#3b82f6;width:4px}.checkbox-card:has(.styled-checkbox:disabled){opacity:.6;cursor:not-allowed;background:#f9fafb}.checkbox-card:has(.styled-checkbox:disabled):hover{transform:none;box-shadow:none;border-color:#e5e7eb}.checkbox-card-header{display:flex;align-items:flex-start;gap:1rem;flex:1}.checkbox-wrapper{position:relative;flex-shrink:0}.styled-checkbox{position:absolute;opacity:0;width:0;height:0}.checkbox-label-custom{display:block;width:24px;height:24px;cursor:pointer;position:relative}.checkbox-checkmark{display:block;width:24px;height:24px;border:2px solid #d1d5db;border-radius:.375rem;background:white;position:relative;transition:all .2s ease}.checkbox-label-custom:hover .checkbox-checkmark{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.styled-checkbox:checked+.checkbox-label-custom .checkbox-checkmark{background:#3b82f6;border-color:#3b82f6}.styled-checkbox:checked+.checkbox-label-custom .checkbox-checkmark:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:10px;border:solid white;border-width:0 2px 2px 0}.styled-checkbox:disabled+.checkbox-label-custom{cursor:not-allowed;opacity:.6}.styled-checkbox:disabled+.checkbox-label-custom .checkbox-checkmark{background:#f3f4f6;border-color:#d1d5db;cursor:not-allowed}.checkbox-content{flex:1;min-width:0}.checkbox-title{display:block;font-size:.9375rem;font-weight:600;color:#111827;margin-bottom:.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-description{font-size:.8125rem;color:#6b7280;margin:0;line-height:1.4}.checkbox-status{padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;flex-shrink:0;transition:all .2s ease}.checkbox-status.active{background:#d1fae5;color:#065f46}.checkbox-status.inactive{background:#fee2e2;color:#991b1b}.checkbox-card:has(.styled-checkbox:checked) .checkbox-status{background:#d1fae5;color:#065f46}.options-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.options-table{width:100%}.options-header{display:grid;grid-template-columns:40px 1fr 1fr 120px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.header-cell{padding:.75rem;font-weight:600;font-size:.875rem;color:#374151;border-right:1px solid #e2e8f0}.header-cell:last-child{border-right:none}.drag-column{text-align:center}.value-column,.label-column{display:flex;align-items:center;gap:.25rem}.delete-column{text-align:center}.options-body{background:white}.option-row{display:grid;grid-template-columns:40px 1fr 1fr 120px;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.option-row:hover{background:#f8fafc}.option-row:last-child{border-bottom:none}.cell{padding:.75rem;display:flex;align-items:center;border-right:1px solid #e2e8f0}.cell:last-child{border-right:none}.drag-cell{justify-content:center}.drag-icon{color:#9ca3af;cursor:grab}.drag-icon:active{cursor:grabbing}.default-cell{justify-content:center}.radio-input{width:16px;height:16px;cursor:pointer}.value-cell,.label-cell{padding:.5rem .75rem}.option-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;color:#111827;background:white;transition:border-color .2s}.option-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.delete-cell{justify-content:center}.delete-button{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;color:#6b7280;font-size:.75rem;cursor:pointer;transition:all .2s}.delete-button:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.add-option-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s;margin:1rem;width:calc(100% - 2rem)}.add-option-button:hover{background:#e5e7eb;border-color:#9ca3af}.attribute-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.action-btn{padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.action-btn.primary{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff;box-shadow:0 2px 4px #f9731633}.action-btn.primary:hover{background:linear-gradient(135deg,#ea580c,#dc2626);border-color:#ea580c;transform:translateY(-1px);box-shadow:0 4px 8px #f973164d}.action-btn.primary:disabled{background:#d1d5db;border-color:#d1d5db;cursor:not-allowed;opacity:.6}.action-btn.primary:disabled:hover{transform:none;box-shadow:0 2px 4px #f9731633}.message-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem;font-weight:500}.message-alert.error{background-color:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.message-alert.success{background-color:#d1fae5;border:1px solid #86efac;color:#059669}.json-preview{margin-top:1.5rem;padding:1rem;background:#1e293b;border-radius:.375rem;border:1px solid #334155}.json-preview h4{font-size:.875rem;font-weight:600;color:#e2e8f0;margin:0 0 .75rem}.json-preview-content{background:#0f172a;padding:1rem;border-radius:.25rem;color:#cbd5e1;font-size:.75rem;font-family:Courier New,monospace;line-height:1.6;overflow-x:auto;margin:0;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}@media (max-width: 768px){.attribute-content,.section-content{padding:1rem}.options-header,.option-row{grid-template-columns:30px 1fr 1fr 100px}.header-cell,.cell{padding:.5rem;font-size:.75rem}.option-input{font-size:.75rem;padding:.375rem}.delete-button{padding:.25rem .5rem;font-size:.625rem}.attribute-actions{flex-direction:column;gap:.75rem}.action-btn{width:100%}}@media (max-width: 480px){.options-header,.option-row{grid-template-columns:25px 1fr 1fr 80px}.header-cell,.cell{padding:.375rem}.add-option-button{margin:.75rem;width:calc(100% - 1.5rem);padding:.625rem .875rem}}.categories-page{display:flex;flex-direction:column;height:100vh;background-color:#f8f9fa}.categories-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:white;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.categories-title h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.categories-actions{display:flex;align-items:center;gap:1rem}.categories-content{display:flex;flex:1;overflow:hidden}.categories-tree-panel{width:350px;background:white;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.tree-header{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem}.tree-header button{justify-content:center;font-size:.8rem;padding:.4rem .8rem}.tree-controls{padding:.5rem 1rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.tree-controls button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem}.tree-controls button:hover{text-decoration:underline}.category-tree{flex:1;overflow-y:auto;padding:.5rem 0}.category-tree-item{margin-bottom:.25rem}.category-tree-row{display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s;position:relative}.category-tree-row:hover{background-color:#f3f4f6}.category-tree-row.selected{background-color:#dbeafe;color:#1e40af}.expand-button{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#6b7280;margin-right:.25rem}.expand-button:hover{color:#374151}.expand-spacer{width:24px;margin-right:.25rem}.category-icon{margin-right:.5rem;color:#6b7280;flex-shrink:0}.category-name{flex:1;font-size:.875rem;font-weight:500}.category-id{font-size:.75rem;color:#6b7280;margin-left:.5rem;font-style:italic}.category-count{font-size:.75rem;color:#6b7280;margin-left:.5rem}.category-children{margin-left:0}.categories-details-panel{flex:1;background:white;overflow-y:auto}.category-details{padding:24px}.category-sections{display:flex;flex-direction:column;gap:0}.category-section-card{border-bottom:1px solid #e2e8f0;background:white;transition:all .2s ease}.category-section-card:last-child{border-bottom:none}.category-section-card:hover{background:#f8fafc}.section-header-toggle{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;transition:all .2s ease}.section-header-toggle:hover{background:#f1f5f9}.section-header-info h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.section-config{background:#f8fafc;border-top:1px solid #e2e8f0;padding:24px;animation:slideDown .3s ease-out}.config-content{display:flex;flex-direction:column}.checkbox-label{display:flex;align-items:center;cursor:pointer;margin-bottom:0}.help-note{font-size:.75rem;color:#6b7280;margin:0;font-style:italic}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:white;transition:all .2s ease}.no-category-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.empty-icon{margin-bottom:1rem;opacity:.5}.no-category-selected h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#374151}.no-category-selected p{margin:0;font-size:.875rem;max-width:300px}@media (max-width: 1024px){.categories-tree-panel{width:300px}}@media (max-width: 768px){.categories-content{flex-direction:column}.categories-tree-panel{width:100%;height:300px;border-right:none;border-bottom:1px solid #e5e7eb}.categories-header{flex-direction:column;gap:1rem;align-items:flex-start}.categories-actions{width:100%;justify-content:space-between}}.category-tree::-webkit-scrollbar,.categories-details-panel::-webkit-scrollbar{width:6px}.category-tree::-webkit-scrollbar-track,.categories-details-panel::-webkit-scrollbar-track{background:#f1f5f9}.category-tree::-webkit-scrollbar-thumb,.categories-details-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.category-tree::-webkit-scrollbar-thumb:hover,.categories-details-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.products-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.products-controls{display:flex;gap:1rem;align-items:center}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;text-decoration:underline}.products-info{flex:1;text-align:center;font-size:.875rem;color:#6b7280}.pagination-input{width:40px;padding:.25rem;border:1px solid #d1d5db;border-radius:.25rem;text-align:center;font-size:.75rem}.products-table-container{overflow-x:auto}.products-table{width:100%;border-collapse:collapse;font-size:.875rem}.products-table th,.products-table td{padding:.5rem;text-align:left;border-bottom:1px solid #e5e7eb}.products-table th{background:#f9fafb;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.products-table .filter-row th{background:#f3f4f6;padding:.25rem .5rem;border-bottom:1px solid #d1d5db}.drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:#9ca3af;padding:4px;border-radius:4px;transition:all .2s}.drag-handle:hover{color:#6b7280;background-color:#f3f4f6}.drag-handle:active{cursor:grabbing}.products-table tbody tr.dragging{opacity:.5;background-color:#f3f4f6}.products-table tbody tr{transition:background-color .2s}.products-table tbody tr:hover{background:#f9fafb}.filter-input,.filter-select{width:100%;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem}.price-range,.position-range{display:flex;gap:.25rem}.price-range input,.position-range input{width:60px}.status-badge{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.status-badge.disabled{background:#fef2f2;color:#dc2626}.status-badge.enabled{background:#f0fdf4;color:#16a34a}@media (max-width: 768px){.products-section-header{flex-direction:column;gap:1rem;align-items:flex-start}.pagination-controls{width:100%;justify-content:space-between}.products-table-container{font-size:.75rem}.products-table th,.products-table td{padding:.25rem}}.wishlist-container{padding:24px;background-color:#f8fafc;min-height:100vh}.search-filter-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;background:white;border-radius:8px;box-shadow:0 1px 2px #0000000d}.search-controls{display:flex;align-items:center;gap:16px}.results-info{font-size:14px;color:#64748b;font-weight:500}.per-page-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:4px;background:white;cursor:pointer;transition:all .2s ease}.btn-icon:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.status-badge.private{background-color:#fef3c7;color:#92400e}.status-badge.shared{background-color:#d1fae5;color:#065f46}.no-data{text-align:center;padding:48px 24px}.no-data-content{display:flex;flex-direction:column;align-items:center;gap:16px}.no-data-icon{color:#cbd5e1}.no-data-content h3{font-size:18px;font-weight:600;color:#64748b;margin:0}.no-data-content p{font-size:14px;color:#94a3b8;margin:0}@media (max-width: 768px){.wishlist-container,.page-header{padding:16px}.search-filter-section{flex-direction:column;gap:16px;align-items:stretch}.search-controls,.pagination-controls{justify-content:center}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}.actions-cell{flex-direction:column;gap:4px}.action-link{font-size:11px;padding:2px 6px}.bottom-pagination{flex-direction:column;gap:16px;text-align:center}}.filter-input:focus,.btn:focus,.btn-icon:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn:disabled,.btn-icon:disabled{opacity:.6;cursor:not-allowed}.data-table tbody tr:hover .comment-text{color:#475569}.dispersion-container{background:white;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.dispersion-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.dispersion-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.dispersion-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.dispersion-description{color:#6b7280;font-size:.875rem;margin:0}.last-sync-info{font-size:.75rem;color:#9ca3af;margin:.5rem 0 0;font-style:italic}.sync-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.sync-button:hover:not(:disabled){background:#2563eb}.sync-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.sync-button .spinning{animation:spin 1s linear infinite}.dispersion-empty{padding:2rem;text-align:center;color:#6b7280}.sub-orders-list{display:flex;flex-direction:column;gap:1rem}.sub-order-card{border:1px solid #e5e7eb;border-radius:8px;background:white;transition:all .2s}.sub-order-card:hover{box-shadow:0 4px 6px -1px #0000001a}.sub-order-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;background:#f9fafb;border-bottom:1px solid #e5e7eb;transition:background .2s}.sub-order-header:hover{background:#f3f4f6}.sub-order-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.sub-order-number{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827}.sub-order-meta{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.sub-order-id{font-family:monospace;font-size:.8125rem}.sub-order-items-count{color:#6b7280}.sub-order-header-right{display:flex;align-items:center;gap:1rem}.sub-order-total{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.total-label{font-size:.75rem;color:#6b7280;text-transform:uppercase}.total-amount{font-size:1rem;font-weight:600;color:#059669}.expand-icon{color:#6b7280;transition:transform .2s}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-processing{background:#dbeafe;color:#1e40af}.status-badge.status-complete{background:#d1fae5;color:#065f46}.status-badge.status-canceled{background:#fee2e2;color:#991b1b}.status-badge.status-shipped{background:#e0e7ff;color:#3730a3}.sub-order-content{padding:1.5rem;background:white;border-top:1px solid #e5e7eb}.sub-order-items{margin-bottom:1.5rem}.sub-order-items h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.items-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:6px}.sub-order-items-table{width:100%;border-collapse:collapse;font-size:.875rem}.sub-order-items-table thead{background:#f9fafb}.sub-order-items-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.sub-order-items-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#6b7280}.sub-order-items-table tbody tr:hover{background:#f9fafb}.sub-order-items-table tbody tr:last-child td{border-bottom:none}.product-info{display:flex;flex-direction:column;gap:.25rem}.product-name{font-weight:500;color:#111827}.sub-order-totals{padding:1rem;background:#f9fafb;border-radius:6px;margin-bottom:1.5rem}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.total-row.grand-total{border-top:2px solid #e5e7eb;padding-top:.75rem;margin-top:.5rem;font-weight:600;font-size:1rem}.total-label{color:#6b7280;font-size:.875rem}.total-value{font-weight:600;color:#111827}.total-row.grand-total .total-value{color:#059669;font-size:1.125rem}.sub-order-status-management{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.status-controls{display:flex;align-items:center;gap:.75rem}.status-controls label{font-size:.875rem;font-weight:500;color:#374151}.status-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background:white;font-size:.875rem;color:#111827;cursor:pointer;transition:border-color .2s}.status-select:hover{border-color:#9ca3af}.status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sub-order-timestamps{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#6b7280}.timestamp{white-space:nowrap}.source-indicator{font-weight:500;color:#3b82f6}.source-indicator:before{content:"🔗 ";margin-right:.25rem}.dispersion-summary{margin-top:1.5rem;padding:1.5rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.dispersion-summary h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.summary-stat{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:white;border-radius:6px;border:1px solid #e5e7eb}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.25rem;font-weight:600;color:#111827}.font-mono{font-family:Courier New,monospace;font-size:.8125rem}@media (max-width: 768px){.sub-order-header{flex-direction:column;align-items:flex-start;gap:1rem}.sub-order-header-right{width:100%;justify-content:space-between}.sub-order-status-management{flex-direction:column;align-items:flex-start;gap:1rem}.totals-grid,.summary-stats{grid-template-columns:1fr}}.order-view{background-color:#f8f9fa;min-height:100vh;padding:0}.section-description{color:#64748b;font-size:14px;margin:8px 0 0;line-height:1.4}.order-header{background:white;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.order-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.order-title{display:flex;align-items:center;gap:1rem}.order-title h1{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.order-header-actions,.header-info{display:flex;align-items:center;gap:1rem}.view-details{color:#3b82f6;font-size:.875rem;cursor:pointer}.system-messages{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem}.header-user{display:flex;align-items:center;gap:.75rem;color:#6b7280}.notification-badge{background:#ef4444;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:9999px;position:absolute;top:-.25rem;right:-.25rem}.user-name{font-weight:500;color:#111827}.notifications{margin-bottom:1rem}.notification{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:.375rem;font-size:.875rem}.notification.warning{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.order-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;justify-content:flex-end}.order-header .action-btn{display:flex;align-items:center;max-width:max-content;width:100%;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.action-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb;border-color:#2563eb}.action-btn.secondary{background:white;border-color:#d1d5db;color:#374151}.action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.action-btn.success{background:#10b981;border-color:#10b981;color:#fff}.action-btn.success:hover{background:#059669;border-color:#059669}.action-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.action-btn.danger:hover{background:#dc2626;border-color:#dc2626}.action-btn.edit{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.action-btn.edit:hover{background:#7c3aed;border-color:#7c3aed}.exchange-rate{color:#6b7280;font-size:20PX;font-weight:500}.order-content{padding:1.5rem}.order-sections{display:flex;flex-direction:column;gap:1.5rem;max-width:max-content}.order-section{background:white;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.section-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.edit-link{color:#3b82f6;font-size:.875rem;cursor:pointer;text-decoration:none}.edit-link:hover{text-decoration:underline}.order-info{margin-bottom:1.5rem}.info-row{display:flex;margin-bottom:.5rem;align-items:center}.info-row .label{font-weight:500;color:#374151;min-width:150px}.info-row span:not(.label){color:#6b7280}.email-notice{color:#ef4444;font-size:.875rem;margin-left:.5rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.ordered{background:#dbeafe;color:#1e40af}.account-info{border-top:1px solid #e5e7eb;padding-top:1.5rem}.info-header h4{font-size:1rem;font-weight:600;color:#111827;margin:0}.customer-details .info-row{margin-bottom:.75rem}.address-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.billing-address,.shipping-address{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.billing-address h4,.shipping-address h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.75rem}.address-details p{margin-bottom:.25rem;color:#6b7280;font-size:.875rem;line-height:1.4}.address-details p:last-child{margin-bottom:0}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.edit-link{background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .2s}.edit-link:hover{color:#1d4ed8}.no-attributes{color:#9ca3af;font-style:italic;text-align:center;padding:2rem}.payment-info,.shipping-info{margin-bottom:1rem}.payment-info h4,.shipping-info h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}.payment-details p{margin-bottom:.5rem;color:#6b7280;line-height:1.5}.delivery-selection{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.delivery-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background:white;min-width:250px}.save-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500}.save-btn:hover{background:#2563eb}.selected-delivery{color:#6b7280;font-size:.875rem}.delivery-company-selection{display:flex;flex-direction:column;gap:1rem}.delivery-company-selection .form-group{display:flex;flex-direction:column;gap:.75rem}.delivery-company-selection .form-group label{font-weight:600;color:#374151;font-size:.9375rem;margin-bottom:.25rem}.delivery-company-select{padding:.75rem 2.5rem .75rem 1rem;border:2px solid #d1d5db;border-radius:.5rem;background:white;font-size:.9375rem;color:#111827;cursor:pointer;transition:all .2s ease;-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='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;min-width:280px;max-width:400px}.delivery-company-select:hover{border-color:#9ca3af;background-color:#f9fafb}.delivery-company-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.delivery-company-select:active{border-color:#2563eb}.delivery-company-select option{padding:.5rem;font-size:.9375rem;color:#111827}.delivery-company-select option:first-child{color:#9ca3af;font-style:italic}.delivery-company-saved{margin-top:.5rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b981;border-radius:.5rem;border-left:4px solid #10b981;box-shadow:0 1px 3px #10b9811a}.delivery-company-saved p{margin:0;color:#065f46;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.delivery-company-saved p:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;font-size:.75rem;font-weight:600}.delivery-company-saved strong{color:#047857;font-weight:600;font-size:1rem}.items-table{overflow-x:auto;margin-bottom:1rem}.order-items-table{width:100%;border-collapse:collapse;font-size:.875rem}.order-items-table th,.order-items-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.order-items-table th{background:#f9fafb;font-weight:600;color:#374151}.product-cell{min-width:200px}.product-info{display:flex;align-items:center;gap:.75rem}.product-image{width:60px;height:60px;background:#f3f4f6;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#9ca3af}.product-details{flex:1}.product-name{font-weight:500;color:#111827;margin-bottom:.25rem}.product-sku{font-size:.8rem;color:#000;margin-bottom:.125rem}.product-vendor{font-size:.8rem;color:#112c5a}.items-subtotals{background:#f9fafb;padding:1rem;border-radius:.375rem;margin-top:1rem}.subtotal-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.subtotal-row.total{font-weight:600;color:#111827;border-top:1px solid #e5e7eb;padding-top:.5rem;margin-top:.5rem}.order-total-content,.order-total-notes{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.status-update,.order-totals{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.order-notes h4,.order-totals h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem}.notes-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.status-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background:white}.comment-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;resize:vertical;min-height:100px}.form-checkboxes{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.submit-comment-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;align-self:flex-start}.submit-comment-btn:hover{background:#2563eb}.totals-list{display:flex;flex-direction:column;gap:.5rem}.total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid #f3f4f6}.total-row.grand-total{font-weight:600;color:#111827;border-top:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb;padding:.75rem 0}.total-row.due{font-weight:600;color:#ef4444}.order-footer-info{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}.order-date-info{display:flex;gap:2rem}@media (max-width: 1024px){.order-total-content,.addresses{grid-template-columns:1fr}.order-actions{flex-direction:column}.action-btn{justify-content:center}}@media (max-width: 768px){.order-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.order-header-actions{width:100%;justify-content:space-between}.order-content,.section-content{padding:1rem}.order-items-table{font-size:.75rem}.order-items-table th,.order-items-table td{padding:.5rem}.address-info{grid-template-columns:1fr;gap:1rem}.billing-address,.shipping-address{padding:1rem}.order-total-notes{grid-template-columns:1fr;gap:1rem}.status-update,.order-totals{padding:1rem}}.order-history{background:#f8f9fa;border-radius:8px;overflow:hidden}.history-header{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr 2fr;gap:1rem;padding:1rem;background:#e9ecef;border-bottom:1px solid #dee2e6;font-weight:600;color:#495057;font-size:.875rem}.history-entry{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr 2fr;gap:1rem;padding:1rem;border-bottom:1px solid #dee2e6;align-items:center;transition:background-color .2s ease}.history-entry:hover{background-color:#f1f3f4}.history-entry:last-child{border-bottom:none}.history-date .date{font-weight:500;color:#495057;font-size:.875rem}.history-time .time{color:#6c757d;font-size:.875rem}.history-status .status-text{font-weight:500;color:#495057;font-size:.875rem}.history-user .user-name{font-weight:600;color:#495057;font-size:.875rem}.history-comment .comment-text{color:#6c757d;font-size:.875rem;line-height:1.4;font-style:italic}@media (max-width: 768px){.history-header,.history-entry{grid-template-columns:1fr;gap:.5rem}.history-header{display:none}.history-entry{display:block;padding:.75rem}.history-date,.history-time,.history-status,.history-user,.history-comment{margin-bottom:.25rem}.history-date:before{content:"Fecha: ";font-weight:600;color:#6c757d}.history-time:before{content:"Hora: ";font-weight:600;color:#6c757d}.history-status:before{content:"Estado: ";font-weight:600;color:#6c757d}.history-user:before{content:"Usuario: ";font-weight:600;color:#6c757d}.history-comment:before{content:"Comentario: ";font-weight:600;color:#6c757d}}.cashea-payment-details{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px;margin-top:12px}.cashea-payment-details h5{color:#0369a1;font-size:16px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px}.cashea-payment-details h5:before{content:"💳";font-size:18px}.cashea-invoice-number{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:#0369a1;background:#e0f2fe;padding:4px 8px;border-radius:4px;font-size:14px}.payment-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-status.paid{background:#dcfce7;color:#166534}.payment-status.pending{background:#fef3c7;color:#92400e}.payment-status.failed{background:#fee2e2;color:#dc2626}.payment-status.refunded{background:#e0e7ff;color:#4f46e5}.transaction-ref{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#374151;background:#f3f4f6;padding:2px 6px;border-radius:4px}.payment-amount{font-weight:600;color:#059669;font-size:14px}.na-value{color:#6b7280;font-style:italic;font-size:13px;background:#f3f4f6;padding:2px 6px;border-radius:4px}.payment-method-details{margin-top:16px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;border-left:4px solid #0ea5e9}.payment-method-details h6{color:#0369a1;font-size:14px;font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:6px}.payment-method-details h6:before{content:"💳";font-size:16px}.payment-method-details .info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f1f5f9}.payment-method-details .info-row:last-child{border-bottom:none}.payment-method-details .label{font-weight:500;color:#374151;min-width:120px;font-size:13px}.payment-method-details span:not(.label){color:#1f2937;font-weight:500;font-size:13px}.payment-info{position:relative}.payment-info .cashea-payment-details .info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e0f2fe}.payment-info .cashea-payment-details .info-row:last-child{border-bottom:none}.payment-info .cashea-payment-details .label{font-weight:500;color:#374151;min-width:140px}.payment-info .cashea-payment-details span:not(.label){color:#1f2937;font-weight:500}.cashea-payment-details:after{content:"";position:absolute;top:16px;right:16px;width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 2px #dcfce7}@media (max-width: 768px){.cashea-payment-details{padding:12px}.cashea-payment-details .info-row{flex-direction:column;align-items:flex-start;gap:4px}.cashea-payment-details .label{min-width:auto;font-size:13px}}.orders-list{padding:24px;background-color:#f8fafc;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.page-header>div:first-child{flex:1}.page-header h1{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 8px}.page-header p{color:#64748b;font-size:16px;margin:0}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;margin-bottom:48px}.order-card{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease;overflow:hidden}.order-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.order-card-header{padding:20px 24px 16px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.order-card-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px}.order-card-content{padding:20px 24px 24px}.order-info{margin-bottom:20px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.info-row:last-child{margin-bottom:0}.info-row .label{color:#64748b;font-weight:500}.info-row span:last-child{color:#1e293b;font-weight:500}.order-items-preview{margin-bottom:20px;padding:16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.order-items-preview h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.order-items-preview ul{list-style:none;padding:0;margin:0}.order-items-preview li{font-size:13px;color:#64748b;margin-bottom:4px;padding-left:0}.order-items-preview li:last-child{margin-bottom:0}.order-items-preview li.more-items{font-style:italic;color:#94a3b8}.order-actions{display:flex;justify-content:flex-end}.view-order-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #f9731633}.view-order-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-1px);box-shadow:0 4px 8px #f973164d}.orders-summary{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.orders-summary h3{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 20px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stat-label{font-size:14px;color:#64748b;font-weight:500}.stat-value{font-size:16px;font-weight:600;color:#1e293b}.page-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:white;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn.active:hover{background:#2563eb;border-color:#2563eb}.btn-secondary{background:white;color:#64748b}.btn-secondary:hover{background:#f8fafc}@media (max-width: 768px){.orders-list{padding:16px}.orders-grid{grid-template-columns:1fr;gap:16px}.order-card-header{padding:16px 20px 12px}.order-card-content{padding:16px 20px 20px}.summary-stats{grid-template-columns:1fr;gap:12px}.page-header h1{font-size:24px}}@media (max-width: 480px){.order-card-header{flex-direction:column;align-items:flex-start;gap:8px}.info-row{flex-direction:column;align-items:flex-start;gap:2px}.order-actions{justify-content:center}}.product-view{display:flex;flex-direction:column;height:100vh;background-color:#f8f9fa}.product-header{background:white;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.product-header-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.product-title{display:flex;align-items:center;gap:1rem}.product-title h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.product-header-actions{display:flex;align-items:center;gap:1rem}.scope-selector select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background:white;font-size:.875rem;color:#374151}.header-buttons{display:flex;gap:.5rem}.alert-banners{padding:0 1.5rem 1rem}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:.5rem;font-size:.875rem}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.product-content{flex:1;overflow-y:auto;padding:1.5rem}.product-section{background:white;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:1.5rem;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.section-tabs{display:flex;align-items:center;gap:1rem}.tab-button{padding:.5rem 1rem;background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.store-view-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem}.section-content{padding:1.5rem}.vendor-assignment-card{border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;background:#f9fafb;display:flex;flex-direction:column;gap:1rem}.vendor-assignment-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.vendor-name{font-size:1.1rem;font-weight:600;color:#1f2937}.vendor-assignment-meta{display:flex;gap:2rem;flex-wrap:wrap}.vendor-meta-item{display:flex;flex-direction:column;gap:.25rem}.vendor-meta-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.vendor-meta-value{font-size:.95rem;font-weight:500;color:#111827}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.form-group label input[type=checkbox]{margin-right:.5rem}.store-view-label{font-size:.75rem;color:#6b7280;font-weight:400;margin-left:.5rem}.checkbox-label{display:flex;align-items:center;cursor:pointer}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#374151;background:white}.help-text{margin-top:.5rem;font-size:.75rem;color:#6b7280}.weight-input-group{display:flex;flex-direction:column;gap:.5rem}.categories-input-group{display:flex;gap:.5rem}.categories-input-group .form-input{flex:1}.date-range-group{display:flex;gap:.5rem}.date-range-group .form-input{flex:1}.search-section{display:flex;gap:.5rem;margin-bottom:1rem}.search-section .form-input{flex:1}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th{background:#f9fafb;font-weight:600;color:#374151}.data-table tbody tr:hover{background:#f9fafb}.empty-state{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.config-description{margin-bottom:1rem;color:#6b7280;line-height:1.5}.collapsible-sections{margin-top:1.5rem}.collapsible-section{background:white;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:1rem;overflow:hidden}.section-toggle{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.75rem 1rem;cursor:pointer;background:#f9fafb;transition:all .2s;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e5e7eb}.section-toggle:hover{background:#f3f4f6}.section-toggle span{font-size:.875rem;font-weight:500;color:#374151}.section-toggle .rotated{transform:rotate(90deg);transition:transform .2s}.collapsible-section .section-content{padding:1rem;background:white}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-builder-btn{padding:.5rem 1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;color:#495057;font-size:.875rem;cursor:pointer;transition:all .2s}.page-builder-btn:hover{background:#e9ecef;border-color:#adb5bd}.page-builder-area{border:1px solid #3b82f6;border-radius:.375rem;background:#f0f9ff;min-height:200px;margin-bottom:1rem}.drag-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;padding:2rem}.drag-icon{position:relative;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.content-block{width:60px;height:20px;background:#6b7280;border-radius:.25rem}.hand-icon{font-size:1.5rem;color:#6b7280;margin-left:.5rem}.drag-arrow{font-size:1.2rem;color:#6b7280;margin-left:.5rem;transform:rotate(45deg)}.drag-text{color:#6b7280;font-size:.875rem;text-align:center;margin:0;line-height:1.4}.wysiwyg-editor{border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden}.editor-toolbar{display:flex;gap:.25rem;padding:.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.toolbar-btn{padding:.25rem .5rem;background:white;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:#f3f4f6}.editor-content{width:100%;min-height:120px;padding:.75rem;border:none;resize:vertical;font-family:inherit}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.image-item{border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;text-align:center}.product-image{width:100%;height:150px;object-fit:cover;border-radius:.25rem;margin-bottom:.5rem}.image-actions{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.action-btn{padding:.25rem .5rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;transition:all .2s}.action-btn:hover{background:#e5e7eb}.action-btn.delete:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.image-roles{display:flex;flex-direction:column;gap:.25rem}.image-roles .checkbox-label{font-size:.75rem}.upload-zone{border:2px dashed #d1d5db;border-radius:.375rem;padding:2rem;text-align:center;background:#f9fafb}.upload-area{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{color:#6b7280}.upload-text{color:#6b7280;font-size:.875rem;margin:0}.related-products-actions{display:flex;gap:1rem;flex-wrap:wrap}.downloadable-actions{display:flex;gap:1rem}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr}.product-header-top{flex-direction:column;gap:1rem;align-items:flex-start}.product-header-actions{width:100%;justify-content:space-between}}@media (max-width: 768px){.product-content,.section-content{padding:1rem}.categories-input-group,.date-range-group,.related-products-actions,.downloadable-actions{flex-direction:column}.images-grid{grid-template-columns:1fr}}.product-content::-webkit-scrollbar{width:6px}.product-content::-webkit-scrollbar-track{background:#f1f5f9}.product-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.product-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.customer-view{display:flex;flex-direction:column;height:100vh;background-color:#f8f9fa}.customer-wishlist-section{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.wishlist-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.wishlist-controls{display:flex;align-items:center;gap:16px}.wishlist-info{font-size:14px;color:#64748b;font-weight:500}.wishlist-table-container{overflow-x:auto}.wishlist-table{width:100%;border-collapse:collapse}.wishlist-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.wishlist-table th{padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;border-right:1px solid #e2e8f0}.wishlist-table th:last-child{border-right:none}.wishlist-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;font-size:14px;color:#374151}.wishlist-table td:last-child{border-right:none}.wishlist-table tbody tr:hover{background-color:#f8fafc}.range-filter{display:flex;flex-direction:column;gap:4px}.range-input{width:100%}.product-cell{display:flex;align-items:center;gap:8px}.product-name{font-weight:500;color:#1e293b}.comment-cell{display:flex;align-items:center;gap:8px}.comment-text{color:#64748b;font-style:italic}.comment-icon{color:#94a3b8;flex-shrink:0}.days-cell{display:flex;align-items:center;gap:8px}.days-text{color:#64748b;font-weight:500}.days-icon{color:#94a3b8;flex-shrink:0}.status-badge.wish,.status-badge.private{background-color:#fef3c7;color:#92400e}.status-badge.public{background-color:#dbeafe;color:#1e40af}.quantity-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:24px;background-color:#f1f5f9;color:#475569;border-radius:12px;font-size:12px;font-weight:600}.action-link{padding:4px 8px;border:none;background:none;color:#3b82f6;font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease}.wishlist-bottom-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.customer-product-reviews-section{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.reviews-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.reviews-controls{display:flex;align-items:center;gap:16px}.reviews-info{font-size:14px;color:#64748b;font-weight:500}.reviews-table-container{overflow-x:auto}.reviews-table{width:100%;border-collapse:collapse}.reviews-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.reviews-table th{padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;border-right:1px solid #e2e8f0}.reviews-table th:last-child{border-right:none}.reviews-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;font-size:14px;color:#374151}.reviews-table td:last-child{border-right:none}.reviews-table tbody tr:hover{background-color:#f8fafc}.review-cell{max-width:300px}.reviews-bottom-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.customer-header{background:white;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.customer-header-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.customer-title{display:flex;align-items:center;gap:1rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.back-button:hover{background:#e5e7eb}.customer-title h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.customer-header-actions{display:flex;align-items:center}.header-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f97316;border:1px solid #f97316;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.customer-content{display:flex;flex:1;overflow:hidden}.customer-sidebar{width:280px;background:#f8f8f8;color:#fff;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #4b5563;font-weight:600;font-size:.875rem}.sidebar-menu{flex:1;overflow-y:auto}.sidebar-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s;position:relative;font-size:.875rem;border-bottom:1px solid #4b5563}.sidebar-menu-item:hover{background:#4b5563}.sidebar-menu-item.active{background:#1f2937;color:#fbbf24}.sidebar-menu-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f59e0b}.active-indicator{margin-left:auto;width:6px;height:6px;background:#fbbf24;border-radius:50%}.customer-main-content{flex:1;background:white;overflow-y:auto}.content-header{padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb}.content-header h2{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1f2937}.content-body{padding:1.5rem}.account-information{max-width:1280px}.account-overview{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;align-items:stretch}.customer-image-container{flex:1 1 280px;min-width:240px;max-width:400px;border-radius:.375rem;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center}.customer-image{width:100%;height:auto;object-fit:cover}.account-status-section{flex:1 1 360px;display:flex;flex-direction:column;gap:1rem;border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden;background:#ffffff}.status-table{background:white}.status-row{display:flex;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;align-items:center}.status-row:nth-child(2n){background:#f9fafb}.status-row:last-child{border-bottom:none}.status-label{width:200px;font-weight:500;color:#374151;font-size:.875rem;flex-shrink:0}.status-value{flex:1;color:#6b7280;font-size:.875rem}.form-section{margin-bottom:2rem;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#f9fafb}.form-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.info-icon{margin-left:.5rem;color:#6b7280;cursor:help}.form-input,.form-select{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#374151;background:white}.form-input[required]{border-color:#ef4444}.form-input[required]:focus{border-color:#3b82f6}.switch-container{display:flex;align-items:center;gap:.75rem}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.switch input:checked+.switch-slider{background-color:#10b981}.switch input:checked+.switch-slider:before{transform:translate(20px)}.switch input:focus+.switch-slider{box-shadow:0 0 0 3px #10b9811a}.switch-label{font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.date-input-container{position:relative;display:flex;align-items:center}.date-input-container .form-input{padding-right:2.5rem}.calendar-icon{position:absolute;right:.75rem;color:#6b7280;pointer-events:none}.form-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.footer-text{font-size:.875rem;color:#6b7280;margin:0;font-style:italic}.section-content{padding:2rem;text-align:center;color:#6b7280}.section-content h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#374151}.customer-orders-section{max-width:100%;overflow-x:auto}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.orders-controls{display:flex;gap:1rem;align-items:center}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;text-decoration:underline;padding:0}.orders-info{flex:1;text-align:center;font-size:.875rem;color:#6b7280}.pagination-controls select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem}.pagination-nav{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.25rem .5rem;border:1px solid #d1d5db;background:white;border-radius:.25rem;cursor:pointer;font-size:.75rem}.pagination-btn:hover{background:#f3f4f6}.orders-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.375rem}.orders-table{width:100%;border-collapse:collapse;font-size:.875rem;background:white}.orders-table th,.orders-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.orders-table th{background:#f9fafb;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.orders-table .filter-row th{background:#f3f4f6;padding:.5rem;border-bottom:1px solid #d1d5db}.orders-table tbody tr:hover{background:#f9fafb}.filter-input,.filter-select{width:100%;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem;background:white}.filter-input:focus,.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.date-range-inputs,.amount-range-inputs{display:flex;gap:.25rem}.date-range-inputs input,.amount-range-inputs input{flex:1;min-width:80px}.order-number{font-family:monospace;font-weight:600;color:#1f2937}.order-total{font-weight:600;color:#059669}.reorder-btn{padding:.25rem .75rem;background:#3b82f6;color:#fff;border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s}.reorder-btn:hover{background:#2563eb}.customer-addresses-section{max-width:100%;overflow-x:auto}.default-addresses{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.default-address-card{flex:1;min-width:300px;padding:1rem;border:1px solid #e5e7eb;border-radius:.375rem;background:white}.default-address-card h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.default-address-card p{margin:0;font-size:.875rem;color:#6b7280}.add-address-section{display:flex;align-items:flex-end;min-width:200px}.add-address-btn{padding:.75rem 1.5rem;background:#374151;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;height:fit-content}.add-address-btn:hover{background:#1f2937}.addresses-search{margin-bottom:1rem}.search-bar{position:relative;max-width:400px}.search-bar svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1}.search-bar input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:white}.search-bar input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.addresses-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.controls-left{display:flex;align-items:center;gap:1rem}.controls-center{flex:1;text-align:center;font-size:.875rem;color:#6b7280}.controls-right{display:flex;align-items:center;gap:1rem}.actions-select,.view-select,.columns-select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;background:white;min-width:120px}.filters-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:white;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s}.filters-btn:hover{background:#f9fafb}.addresses-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.375rem}.addresses-table{width:100%;border-collapse:collapse;font-size:.875rem;background:white}.addresses-table th,.addresses-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.addresses-table th{background:#f9fafb;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.addresses-table tbody tr:hover{background:#f9fafb}.addresses-table input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.action-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem;background:white;min-width:100px}@media (max-width: 1024px){.customer-content{flex-direction:column}.customer-sidebar{width:100%;height:auto}.sidebar-menu{display:flex;overflow-x:auto;padding:.5rem}.sidebar-menu-item{white-space:nowrap;border-bottom:none;border-right:1px solid #4b5563;min-width:150px}.form-grid{grid-template-columns:1fr}.header-buttons{justify-content:center}}@media (max-width: 768px){.customer-header-top{flex-direction:column;gap:1rem;align-items:flex-start}.header-buttons{width:100%;justify-content:flex-start;flex-wrap:wrap}.content-body,.form-section{padding:1rem}.status-row{flex-direction:column;align-items:flex-start;gap:.25rem}.status-label{width:100%;font-weight:600}.orders-header{flex-direction:column;align-items:flex-start}.orders-controls{width:100%;justify-content:flex-start}.orders-info{text-align:left}.pagination-controls{width:100%;justify-content:space-between}.default-addresses{flex-direction:column}.add-address-section{align-items:flex-start}.addresses-controls{flex-direction:column;align-items:flex-start}.controls-left,.controls-right{width:100%;justify-content:flex-start}.controls-center{text-align:left}}.customer-main-content::-webkit-scrollbar,.sidebar-menu::-webkit-scrollbar{width:6px}.customer-main-content::-webkit-scrollbar-track,.sidebar-menu::-webkit-scrollbar-track{background:#f1f5f9}.customer-main-content::-webkit-scrollbar-thumb,.sidebar-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.customer-main-content::-webkit-scrollbar-thumb:hover,.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.customer-shopping-cart-section{max-width:100%;overflow-x:auto}.shopping-cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.cart-controls{display:flex;gap:1rem;align-items:center}.cart-info{flex:1;text-align:center;font-size:.875rem;color:#6b7280}.shopping-cart-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:1rem}.shopping-cart-table{width:100%;border-collapse:collapse;font-size:.875rem;background:white}.shopping-cart-table th,.shopping-cart-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.shopping-cart-table th{background:#f9fafb;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.shopping-cart-table tbody tr:hover{background:#f9fafb}.column-header{display:flex;flex-direction:column;gap:.5rem}.column-header span{font-weight:600;color:#374151}.product-cell{display:flex;flex-direction:column;gap:.25rem;min-width:200px}.product-name{font-weight:500;color:#374151;line-height:1.4;white-space:normal}.product-details{display:flex;flex-direction:column;gap:.125rem}.product-detail{font-size:.75rem;color:#6b7280;font-style:italic}.cart-actions{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.action-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.75rem;text-decoration:underline;padding:0;text-align:left}.action-link:hover{color:#2563eb}.action-link.delete:hover{color:#dc2626}.cart-bottom-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:white;border:1px solid #e5e7eb;border-radius:.375rem}.pagination-info{color:#6b7280;font-size:.875rem}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:white;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.font-medium{font-weight:500}.customer-referrals-section{max-width:100%;overflow-x:auto}.referral-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:white;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f3f4f6;border-radius:.5rem;color:#6b7280}.summary-card:nth-child(1) .card-icon{background:#dbeafe;color:#3b82f6}.summary-card:nth-child(2) .card-icon{background:#dcfce7;color:#16a34a}.summary-card:nth-child(3) .card-icon{background:#fef3c7;color:#d97706}.card-content h4{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:#6b7280}.card-number{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.referral-link-section{margin-bottom:2rem;padding:1.5rem;background:white;border:1px solid #e5e7eb;border-radius:.5rem}.referral-link-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.referral-link-container{display:flex;gap:.5rem;margin-bottom:.75rem}.referral-link-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#f9fafb;color:#6b7280;font-family:monospace}.referral-link-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.referral-info{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.referrals-table-container{background:white;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.referrals-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.referrals-header h4{margin:0;font-size:1rem;font-weight:600;color:#374151}.referrals-controls{display:flex;gap:1rem;align-items:center}.referrals-table{width:100%;border-collapse:collapse;font-size:.875rem}.referrals-table th,.referrals-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.referrals-table th{background:#f9fafb;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.referrals-table tbody tr:hover{background:#f9fafb}.referral-actions{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.text-green-600{color:#16a34a}@media (max-width: 768px){.referral-summary-cards{grid-template-columns:1fr}.referral-link-container{flex-direction:column}.referrals-header{flex-direction:column;gap:1rem;align-items:flex-start}.referrals-controls{width:100%;justify-content:flex-start}.referrals-table{font-size:.75rem}.referrals-table th,.referrals-table td{padding:.5rem}}.page-container{padding:24px;background-color:#f8fafc;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.page-title{font-size:28px;font-weight:700;color:#1a202c;margin:0}.page-actions{display:flex;gap:12px}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#374151;border-bottom:1px solid #e5e7eb}.users-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}.users-table tr:hover{background:#f8fafc}.highlighted-row{background:#dbeafe!important}.highlighted-row:hover{background:#bfdbfe!important}.date-range-filter{display:flex;gap:4px}.date-input{max-width:100px}.user-icon{color:#6b7280}.email-cell{display:flex;align-items:center;gap:6px}.email-icon{color:#6b7280}.date-cell{display:flex;align-items:center;gap:6px}.date-icon{color:#6b7280}.role-cell{display:flex;align-items:center;gap:6px}.role-icon{color:#6b7280}.action-btn.danger:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.bottom-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination-info{color:#64748b;font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:1px solid transparent}@media (max-width: 1200px){.users-table{font-size:12px}.users-table th,.users-table td{padding:8px 12px}}@media (max-width: 768px){.page-container{padding:16px}.search-filter-section{flex-direction:column;gap:16px;align-items:stretch}.search-controls,.pagination-controls{justify-content:center}.table-container{overflow-x:auto}.users-table{min-width:800px}.bottom-pagination{flex-direction:column;gap:16px;text-align:center}}.user-view-container{min-height:100vh;background-color:#f8fafc}.user-view-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#64748b}.user-view-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:white;border-bottom:1px solid #e2e8f0}.user-header-left{flex:1}.user-name{font-size:32px;font-weight:700;color:#1a202c;margin:0}.user-header-right{display:flex;align-items:center}.user-view-content{display:flex;min-height:calc(100vh - 120px)}.user-sidebar{width:280px;background:#f8fafc;border-right:1px solid #e2e8f0;padding:24px 0}.sidebar-menu-item{display:flex;align-items:center;padding:12px 24px;background:none;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%;position:relative}.user-main-content{flex:1;padding:24px;background:white;margin:0 24px 24px 0;border-radius:8px;box-shadow:0 1px 3px #0000001a}.user-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.user-info-section{max-width:800px}.section-subtitle{font-size:18px;font-weight:600;color:#374151;margin:32px 0 16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.email-input-group{display:flex;gap:8px;align-items:flex-end}.email-input-group .form-input{flex:1}.verification-section{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.btn-outline.small{padding:8px 12px;font-size:12px;min-height:auto}@media (max-width: 1200px){.user-sidebar{width:240px}.form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.user-view-header{flex-direction:column;gap:16px;align-items:flex-start}.user-header-right{width:100%;justify-content:space-between}.user-view-content{flex-direction:column}.user-sidebar{width:100%;border-right:none;border-bottom:1px solid #e2e8f0;padding:16px 0}.sidebar-menu{flex-direction:row;overflow-x:auto;padding:0 24px}.sidebar-menu-item{white-space:nowrap;min-width:120px;justify-content:center}.sidebar-menu-item.active{border-right:none;border-bottom:3px solid #f97316}.user-main-content{margin:0;border-radius:0;box-shadow:none}.user-actions{flex-wrap:wrap;gap:8px}.email-input-group{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.user-view-header{padding:16px}.user-name{font-size:24px}.user-main-content{padding:16px}.user-actions{flex-direction:column}.btn{justify-content:center}}.vendor-view-container{min-height:100vh;background-color:#f8fafc}.vendor-view-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#64748b}.vendor-view-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:white;border-bottom:1px solid #e2e8f0}.vendor-header-left{flex:1}.vendor-name{font-size:16px;font-weight:700;color:#1a202c;margin:0}.vendor-header-right{display:flex;align-items:center}.header-action-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s;font-size:14px}.header-action-btn:hover{background:#f1f5f9;color:#475569}.notification-btn{position:relative}.notification-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.user-menu-btn{color:#1a202c;font-weight:500}.vendor-view-content{display:flex;min-height:calc(100vh - 120px)}.vendor-sidebar{width:280px;background:#f8fafc;border-right:1px solid #e2e8f0;padding:24px 0}.sidebar-section{margin-bottom:32px}.sidebar-title{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px 24px}.sidebar-menu{display:flex;flex-direction:column}.sidebar-menu-item{display:flex;align-items:center;padding:12px 24px;background:none;border:none;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%;position:relative}.sidebar-menu-item:hover{background:#f1f5f9;color:#475569}.sidebar-menu-item.active{background:white;color:#1a202c;border-right:3px solid #f97316}.vendor-main-content{flex:1;padding:24px;background:white;margin:0 24px 24px 0;border-radius:8px;box-shadow:0 1px 3px #0000001a}.vendor-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.vendor-info-section{max-width:100%}.section-title{font-size:24px;font-weight:600;color:#1a202c;margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.vendor-header-info{display:flex;gap:32px;align-items:flex-start;margin-bottom:32px;padding:24px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.logo-section-compact{flex-shrink:0}.logo-upload-area-compact{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border:2px dashed #d1d5db;border-radius:8px;background:white;cursor:pointer;transition:all .2s}.logo-upload-area-compact:hover{border-color:#f97316;background:#fef7ed}.logo-preview-compact{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-image-compact{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.logo-placeholder-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#6b7280}.logo-placeholder-compact p{margin:0;font-size:12px;font-weight:500}.vendor-images-section{margin:32px 0;padding:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.vendor-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.vendor-image-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative}.vendor-image-preview{position:relative;width:100%;padding-top:66%;border-radius:10px;background:linear-gradient(135deg,#f9fafb,#e5e7eb);overflow:hidden}.vendor-image-preview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vendor-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-size:13px;text-align:center;padding:0 12px}.remove-vendor-image-btn{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.9);color:#ef4444;cursor:pointer;transition:all .2s ease}.remove-vendor-image-btn:hover:not(:disabled){background:#ef4444;color:#fff}.remove-vendor-image-btn:disabled{opacity:.4;cursor:not-allowed}.vendor-image-actions{display:flex;flex-direction:column;gap:6px}.vendor-image-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;background:#0f172a;color:#f9fafb;font-size:12px;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;overflow:hidden}.vendor-image-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.vendor-image-upload:hover:not(.disabled){background:#111827}.vendor-image-upload.disabled{background:#9ca3af;cursor:not-allowed}.vendor-image-helper{font-size:11px;color:#6b7280}.basic-info-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-section{margin-bottom:32px;padding:24px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.form-section-title{font-size:16px;font-weight:600;color:#1a202c;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column}.form-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;transition:all .2s}.form-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;cursor:pointer;transition:all .2s}.form-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.date-input-group{position:relative;display:flex;align-items:center}.date-input-group .form-input{padding-right:40px}.date-icon{position:absolute;right:12px;color:#6b7280;pointer-events:none}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix .form-input{padding-right:40px}.input-suffix{position:absolute;right:12px;color:#6b7280;font-size:14px;font-weight:500;pointer-events:none}.logo-section{grid-column:1 / -1;margin-bottom:32px}.logo-upload-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s}.logo-upload-area:hover{border-color:#f97316;background:#fef7ed}.logo-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.remove-logo-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.remove-logo-btn:hover{background:#dc2626}.remove-logo-btn:disabled{background:#9ca3af;cursor:not-allowed}.logo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6b7280}.logo-placeholder p{margin:0;font-size:14px;font-weight:500}.logo-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.logo-input:disabled{cursor:not-allowed}.error-message{font-size:12px;color:#ef4444;margin-top:4px}.edit-button-container{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0;text-align:right}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:#f8fafc;border-radius:8px;border:2px dashed #d1d5db;color:#64748b;text-align:center;padding:40px}.placeholder-content p{margin:8px 0;font-size:16px}.placeholder-content p:first-child{font-weight:500;color:#374151}.search-filter-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a}.search-controls{display:flex;gap:12px}.results-info{color:#64748b;font-size:14px;font-weight:500}.table-container{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.price-range{display:flex;gap:4px}.price-range .filter-input{max-width:60px}.even-row{background:#f8fafc}.odd-row{background:white}.even-row:hover,.odd-row:hover{background:#f1f5f9!important}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#fee2e2;color:#dc2626}.actions-cell{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d1d5db;background:white;border-radius:4px;cursor:pointer;transition:all .2s}.action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.font-mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.font-semibold{font-weight:600}.text-green-600{color:#059669}.date-range{display:flex;gap:4px}.date-range .filter-input{max-width:80px}.pagination-controls{display:flex;align-items:center;gap:16px}.per-page-selector{display:flex;align-items:center;gap:8px}.per-page-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:white}.page-navigation{display:flex;align-items:center;gap:8px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;background:white;border-radius:4px;cursor:pointer;transition:all .2s}.btn-icon:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:1px solid transparent;min-height:44px}.btn-outline.danger{color:#ef4444;border-color:#fecaca}.btn-outline.danger:hover{background:#fef2f2;border-color:#f87171}@media (max-width: 1200px){.vendor-sidebar{width:240px}.form-grid,.basic-info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.vendor-view-header{flex-direction:column;gap:16px;align-items:flex-start}.vendor-header-right{width:100%;justify-content:space-between}.vendor-view-content{flex-direction:column}.vendor-sidebar{width:100%;border-right:none;border-bottom:1px solid #e2e8f0;padding:16px 0}.sidebar-menu{flex-direction:row;overflow-x:auto;padding:0 24px}.sidebar-menu-item{white-space:nowrap;min-width:120px;justify-content:center}.sidebar-menu-item.active{border-right:none;border-bottom:3px solid #f97316}.vendor-main-content{margin:0;border-radius:0;box-shadow:none}.vendor-actions{flex-wrap:wrap;gap:8px}.vendor-header-info{flex-direction:column;gap:24px}.logo-upload-area-compact{width:100px;height:100px}.basic-info-grid,.form-grid{grid-template-columns:1fr}.form-section{padding:16px}.logo-upload-area{width:150px;height:150px}}.payment-gateways-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.payment-gateway-card{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:24px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.payment-gateway-card:hover{box-shadow:0 4px 6px #0000001a;border-color:#f97316}.gateway-card-content{display:flex;flex-direction:column;align-items:center;gap:16px}.gateway-logo-container{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.gateway-logo{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.gateway-logo-placeholder{display:flex;align-items:center;justify-content:center;color:#94a3b8;width:100%;height:100%}.gateway-info{text-align:center;width:100%}.gateway-name{font-size:18px;font-weight:600;color:#1a202c;margin:0}.gateway-actions{width:100%;display:flex;justify-content:center}.btn-toggle{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;min-width:100px}.btn-toggle.enabled{background:#059669;color:#fff;border-color:#059669}.btn-toggle.enabled:hover{background:#047857;border-color:#047857}.btn-toggle.disabled{background:#dc2626;color:#fff;border-color:#dc2626}.btn-toggle.disabled:hover{background:#b91c1c;border-color:#b91c1c}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.brand-card{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:24px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.brand-card:hover{box-shadow:0 4px 6px #0000001a;border-color:#f97316;transform:translateY(-2px)}.brand-card-content{display:flex;flex-direction:column;align-items:center;gap:16px}.brand-logo-container{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.brand-logo{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.brand-logo-placeholder{display:flex;align-items:center;justify-content:center;color:#94a3b8;width:100%;height:100%}.brand-info{text-align:center;width:100%}.brand-name{font-size:18px;font-weight:600;color:#1a202c;margin:0 0 8px}.brand-product-count{font-size:14px;color:#64748b;margin:0}.brand-actions{width:100%;display:flex;justify-content:center;margin-top:8px}.brand-disabled{opacity:.6;background-color:#f8fafc}.brand-disabled .brand-name{color:#94a3b8}.brand-disabled .brand-product-count{color:#cbd5e1}.brand-disabled:hover{border-color:#cbd5e1;transform:none}.product-disabled{opacity:.6;background-color:#f8fafc!important}.product-disabled td{color:#94a3b8}.brand-disabled-badge{display:inline-block;margin-left:8px;padding:2px 8px;background-color:#fee2e2;color:#dc2626;border-radius:4px;font-size:11px;font-weight:500}@media (max-width: 480px){.vendor-view-header{padding:16px}.vendor-name{font-size:24px}.vendor-main-content{padding:16px}.vendor-actions{flex-direction:column}.btn{justify-content:center}.logo-upload-area{width:120px;height:120px}.payment-gateways-grid,.brands-grid{grid-template-columns:1fr;gap:16px}}.payment-methods-container{padding:24px;background:#f8fafc;min-height:100vh}.page-header{background:white;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.header-content{display:flex;flex-direction:column;gap:8px}.header-title h1{font-size:24px;font-weight:600;color:#1e293b;margin:0}.header-description{color:#64748b;font-size:14px;margin:0 0 0 36px}.payment-methods-content{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.methods-list{display:flex;flex-direction:column}.payment-method-card{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.payment-method-card:last-child{border-bottom:none}.payment-method-card:hover{background:#f8fafc}.method-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;transition:all .2s ease}.method-header:hover{background:#f1f5f9}.method-info{display:flex;align-items:center;gap:16px}.method-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#e0e7ff;border-radius:12px;color:#3b82f6}.method-details{display:flex;flex-direction:column;gap:4px}.method-name{font-size:18px;font-weight:600;color:#1e293b;margin:0}.method-description{font-size:14px;color:#64748b;margin:0}.method-status{display:flex;align-items:center;gap:12px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.enabled{background:#dcfce7;color:#166534}.status-badge.disabled{background:#fee2e2;color:#dc2626}.method-config{background:#f8fafc;border-top:1px solid #e2e8f0;padding:24px;animation:slideDown .3s ease-out}.config-section h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 20px}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:white;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px}.checkbox-input{margin-right:8px;width:16px;height:16px;accent-color:#3b82f6}.checkbox-label{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;cursor:pointer}.form-label-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.btn-preview{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-preview:hover{background:#e2e8f0;border-color:#94a3b8;color:#334155}.preview-container{margin-top:16px;padding:16px;background:white;border:1px solid #e2e8f0;border-radius:8px}.preview-container h5{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.preview-content{background:#f8fafc;padding:16px;border-radius:6px;border:1px solid #e2e8f0;font-size:14px;line-height:1.6;color:#374151}.preview-content strong{color:#1e293b;font-weight:600}.preview-content ul{margin:12px 0;padding-left:20px}.preview-content li{margin-bottom:8px}.preview-content p{margin:12px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-secondary{background:white;color:#6b7280;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}@media (max-width: 768px){.payment-methods-container,.method-header{padding:16px}.method-info{gap:12px}.method-icon{width:40px;height:40px}.method-name{font-size:16px}.config-actions{flex-direction:column}.btn{width:100%}}.method-icon[data-icon=smartphone]{background:#dcfce7;color:#166534}.method-icon[data-icon=building]{background:#e0e7ff;color:#3b82f6}.method-icon[data-icon=globe]{background:#fef3c7;color:#d97706}.method-icon[data-icon=dollar-sign]{background:#dcfce7;color:#166534}.method-icon[data-icon=credit-card]{background:#fce7f3;color:#be185d}.method-icon[data-icon=wallet]{background:#e0f2fe;color:#0369a1}.shipping-methods-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px}.header-content{background:white;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.header-title h1{font-size:24px;font-weight:600;color:#111827;margin:0}.header-title svg{color:#d97706}.header-description{font-size:14px;color:#6b7280;margin:0;padding-left:36px}.shipping-methods-content{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px}.methods-list{display:flex;flex-direction:column;gap:16px}.shipping-method-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.shipping-method-card:hover{border-color:#d97706;box-shadow:0 2px 8px #d977061a}.method-header{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer;background:white;transition:background-color .2s ease}.method-header:hover{background-color:#fef3c7}.method-info{display:flex;align-items:center;gap:16px;flex:1}.method-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#fef3c7;border-radius:10px;color:#d97706;flex-shrink:0}.method-details{flex:1}.method-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.method-description{font-size:14px;color:#6b7280;margin:0}.method-status{display:flex;align-items:center;gap:16px}.status-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.status-badge.enabled{background-color:#d1fae5;color:#065f46}.status-badge.disabled{background-color:#fee2e2;color:#991b1b}.method-config{border-top:1px solid #e5e7eb;background-color:#f9fafb;animation:slideDown .3s ease}.config-section{padding:24px}.config-section h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 20px}.form-group:last-of-type{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-label input[type=checkbox]{margin-right:8px}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#d97706}.checkbox-label{font-size:14px;font-weight:500;color:#374151;cursor:pointer}.form-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.form-hint{margin:6px 0 0;font-size:13px;color:#6b7280}.config-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-primary{background:#f97316;color:#fff;border-color:#f97316;box-shadow:0 2px 4px #f9731633}.btn-primary:hover{background:#ea580c;border-color:#ea580c;box-shadow:0 4px 8px #f973164d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}@media (max-width: 768px){.shipping-methods-container{padding:16px}.header-content{padding:20px}.header-title h1{font-size:20px}.header-description{padding-left:32px;font-size:13px}.shipping-methods-content{padding:16px}.method-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.method-status{width:100%;justify-content:space-between}.config-section{padding:20px 16px}.config-actions{flex-direction:column}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.method-info{flex-direction:column;align-items:flex-start;gap:12px}.method-icon{width:40px;height:40px}}.algolia-config-container{padding:24px;background-color:#f8fafc;min-height:100vh}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.config-title-section{display:flex;align-items:center;gap:16px}.config-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f97316;border-radius:12px;color:#fff}.config-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 4px}.config-subtitle{font-size:16px;color:#6b7280;margin:0}.config-actions{display:flex;gap:12px}.config-content{width:auto}.config-section{margin-bottom:24px;padding:24px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.section-header h2{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.section-header p{font-size:14px;color:#6b7280;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.store-view-label{font-size:12px;font-weight:400;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.form-input,.form-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-description{font-size:12px;color:#6b7280;line-height:1.5;margin:0}.external-link{display:inline-flex;align-items:center;gap:4px;color:#f97316;text-decoration:none;font-weight:500;transition:color .2s ease}.external-link:hover{color:#ea580c;text-decoration:underline}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.status-enabled{background:#dcfce7;color:#166534}.status-disabled{background:#fee2e2;color:#dc2626}.info-box{padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:16px}.info-box-content{display:flex;align-items:flex-start;gap:12px}.info-icon{color:#0ea5e9;margin-top:2px}.info-text{font-size:14px;color:#0c4a6e;line-height:1.5;margin:0}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr;gap:24px}.config-header{flex-direction:column;gap:16px;align-items:flex-start}.config-actions{width:100%;justify-content:flex-end}}@media (max-width: 768px){.algolia-config-container{padding:16px}.config-section{padding:16px;margin-bottom:24px}.config-title{font-size:24px}.config-subtitle{font-size:14px}.form-grid{gap:16px}.config-actions{flex-direction:column;gap:8px}.btn{width:100%;justify-content:center}}.form-group{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:none}.coupon-view-container{padding:24px;background-color:#f8fafc;min-height:100vh}.coupon-header{margin-bottom:24px}.header-actions{display:flex;gap:12px;justify-content:flex-end}.coupon-title{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.coupon-title h1{font-size:32px;font-weight:700;color:#1a202c;margin:0}.alert-section{margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #f59e0b}.alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.coupon-content{display:flex;flex-direction:column;gap:16px}.coupon-section{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.section-header:hover{background:#f1f5f9}.section-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#374151}.section-content{padding:24px}.section-description{margin-bottom:20px;color:#6b7280;font-size:14px}.section-placeholder,.conditions-placeholder{padding:40px;text-align:center;color:#9ca3af;font-style:italic;background:#f9fafb;border-radius:6px;border:1px dashed #d1d5db}.conditions-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.condition-item{padding:16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s}.condition-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.condition-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.condition-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f97316;color:#fff;border-radius:50%;font-size:14px;font-weight:600}.btn-sm{padding:6px 12px;font-size:12px;min-height:auto}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-textarea{resize:vertical;min-height:80px}.form-select[multiple]{min-height:120px}.form-hint{font-size:12px;color:#6b7280;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer}.checkbox-input{width:16px;height:16px;cursor:pointer}.store-labels-list{display:flex;flex-direction:column;gap:16px}.store-label-item{display:flex;align-items:center;gap:16px}.store-name{min-width:200px;font-weight:500;color:#374151}.coupon-generation{display:flex;flex-direction:column;gap:24px}.generated-coupons-table{margin-top:24px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.table-controls{display:flex;gap:8px}.table-info{color:#6b7280;font-size:14px}.export-controls,.pagination-controls{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.table-container{background:white;border-radius:6px;border:1px solid #e5e7eb;overflow:hidden}.data-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#374151;border-bottom:1px solid #e5e7eb}.data-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}.data-table tr:hover{background:#f8fafc}.filter-input{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;width:100%;max-width:120px}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.empty-state{text-align:center;color:#9ca3af;font-style:italic;padding:40px!important}@media (max-width: 1200px){.form-grid{grid-template-columns:1fr}.store-label-item{flex-direction:column;align-items:flex-start;gap:8px}.store-name{min-width:auto}}@media (max-width: 768px){.coupon-view-container{padding:16px}.header-actions{flex-wrap:wrap;justify-content:center}.table-header{flex-direction:column;gap:16px;align-items:stretch}.table-controls,.export-controls,.pagination-controls{justify-content:center}.section-content{padding:16px}.coupon-title h1{font-size:24px}}.reports-container{padding:24px;background-color:#f8fafc;min-height:100vh}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.header-title h1{font-size:32px;font-weight:700;color:#1a202c;margin:0}.header-description{color:#6b7280;font-size:16px;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.date-range-selector{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;font-size:14px}.date-input{border:none;background:transparent;color:#374151;font-size:14px;outline:none}.date-input::-webkit-calendar-picker-indicator{cursor:pointer}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:32px}.report-card{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:2px solid transparent;cursor:pointer;transition:all .3s ease;overflow:hidden}.report-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.report-card.active{border-color:#f97316;box-shadow:0 4px 12px #f9731633}.report-card-header{display:flex;align-items:center;gap:16px;padding:20px;position:relative}.report-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.report-info{flex:1}.report-title{font-size:18px;font-weight:600;color:#1a202c;margin:0 0 4px}.report-description{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.arrow-icon{color:#9ca3af;transition:all .3s ease}.arrow-icon.active{color:#f97316;transform:rotate(90deg)}.report-metrics{border-top:1px solid #f1f5f9;padding:20px;background:#f8fafc}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:20px}.metric-item{text-align:center}.metric-label{font-size:12px;color:#6b7280;margin-bottom:4px;font-weight:500}.metric-value{font-size:20px;font-weight:700;color:#1a202c;margin-bottom:4px}.metric-change{font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px}.metric-change.up{color:#059669;background:#d1fae5}.metric-change.down{color:#dc2626;background:#fee2e2}.report-actions{display:flex;gap:12px;justify-content:center}.quick-stats{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.quick-stats h2{font-size:20px;font-weight:600;color:#1a202c;margin:0 0 20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{flex:1}.stat-label{font-size:14px;color:#6b7280;margin-bottom:4px;font-weight:500}.stat-value{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:4px}.stat-change{font-size:12px;font-weight:500}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:1px solid transparent;min-height:40px}.btn-secondary{background:#6b7280;color:#fff;border-color:#6b7280}.btn-secondary:hover{background:#4b5563;border-color:#4b5563}@media (max-width: 1200px){.reports-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.reports-container{padding:16px}.reports-header{flex-direction:column;gap:20px;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:center}.reports-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.report-card-header,.report-metrics{padding:16px}.header-title h1{font-size:24px}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.report-actions{flex-direction:column}.date-range-selector{flex-wrap:wrap}}.report-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;background:white;border-radius:8px 8px 0 0;padding:0;overflow-x:auto}.tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:white;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab:hover{color:#374151;background:#f9fafb}.tab.active{color:#f97316;border-bottom-color:#f97316;background:#f9fafb}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-top:24px}.chart-card{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.chart-card.full-width{grid-column:1 / -1}.chart-header{margin-bottom:20px}.chart-header h3{font-size:18px;font-weight:600;color:#1a202c;margin:0 0 4px}.chart-header p{font-size:14px;color:#6b7280;margin:0}.chart-container{width:100%;height:300px}.export-dropdown{position:relative;display:flex;align-items:center}.export-select{padding:10px 32px 10px 12px;border:1px solid #d1d5db;border-radius:6px;background:white;color:#374151;font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:120px}.export-icon{position:absolute;right:12px;color:#6b7280;pointer-events:none}.export-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}@media (max-width: 768px){.charts-section{grid-template-columns:1fr}.chart-card{padding:16px}.chart-container{height:250px}.report-tabs{padding:0 16px}.tab{padding:10px 16px;font-size:13px}}@media (max-width: 480px){.chart-container{height:200px}.chart-card{padding:12px}}.email-order-config-container{padding:24px;background-color:#f8fafc;min-height:100vh}.email-config-content{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.config-sections{display:flex;flex-direction:column;gap:0}.email-config-card{border-bottom:1px solid #e2e8f0}.email-config-card:last-child{border-bottom:none}.config-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;transition:background-color .2s ease;background:white}.config-header:hover{background-color:#f8fafc}.config-info{display:flex;align-items:center;gap:16px;flex:1}.config-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#3b82f6;color:#fff;border-radius:8px;flex-shrink:0}.config-details{flex:1}.config-name{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.config-description{font-size:14px;color:#64748b;margin:0;line-height:1.4}.config-status{display:flex;align-items:center;gap:12px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.enabled{background-color:#dcfce7;color:#166534}.status-badge.disabled{background-color:#fee2e2;color:#dc2626}.config-form{padding:0 24px 24px;background-color:#f8fafc;border-top:1px solid #e2e8f0}.form-section{padding:24px;background:white;border-radius:8px;box-shadow:0 1px 2px #0000000d}.form-section h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-description{font-size:12px;color:#6b7280;margin:4px 0 0;line-height:1.4}.use-system-value{display:flex;align-items:center;gap:8px;margin-top:8px}.checkbox-input{width:16px;height:16px;accent-color:#3b82f6}.checkbox-label{font-size:12px;color:#6b7280;cursor:pointer}.config-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}@media (max-width: 768px){.email-order-config-container{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:flex-start}.config-header{padding:16px}.config-info{gap:12px}.config-icon{width:32px;height:32px}.config-name{font-size:16px}.config-description{font-size:13px}.form-section{padding:16px}.config-actions{flex-direction:column}.btn{justify-content:center}}.config-form{animation:slideDown .3s ease-out}.email-config-card:hover .config-header{background-color:#f8fafc}.config-header:active{background-color:#f1f5f9}.config-header:focus{outline:2px solid #3b82f6;outline-offset:-2px}.btn:disabled:hover{background-color:inherit}.customer-questions-container{padding:24px;background-color:#f8fafc;min-height:100vh}.questions-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;background:white;border-radius:8px;box-shadow:0 1px 2px #0000000d;flex-wrap:wrap;gap:16px}.controls-left{display:flex;align-items:center;gap:16px}.controls-center{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.view-select,.columns-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white;cursor:pointer}.question-id{font-weight:600;color:#1e293b;font-family:monospace}.buyer-cell{display:flex;align-items:center;gap:8px}.buyer-name{font-weight:500;color:#3b82f6;cursor:pointer}.buyer-name:hover{color:#2563eb;text-decoration:underline}.buyer-icon{color:#64748b;flex-shrink:0}.vendor-cell{display:flex;align-items:center;gap:8px}.vendor-name{font-weight:500;color:#475569}.vendor-icon{color:#64748b;flex-shrink:0}.product-name{font-weight:500;color:#1e293b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-cell{display:flex;align-items:center;gap:8px}.subject-text{color:#64748b;font-style:italic}.subject-icon{color:#94a3b8;flex-shrink:0}.status-badge.enable{background-color:#d1fae5;color:#065f46}.status-badge.disable{background-color:#fee2e2;color:#dc2626}.action-link.primary{background-color:#3b82f6;color:#fff;font-weight:600}.action-link.primary:hover{background-color:#2563eb;color:#fff}@media (max-width: 768px){.customer-questions-container,.page-header{padding:16px}.questions-controls{flex-direction:column;gap:16px;align-items:stretch}.controls-left,.controls-center,.controls-right{justify-content:center}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}.actions-cell{flex-direction:column;gap:4px}.action-link{font-size:11px;padding:2px 6px}.bottom-pagination{flex-direction:column;gap:16px;text-align:center}}.data-table tbody tr:hover .buyer-name{color:#2563eb}.question-response-container{padding:24px;background-color:#f8fafc;min-height:100vh}.response-content{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.content-layout{display:grid;grid-template-columns:300px 1fr;gap:0;min-height:600px}.product-image-section{background:#f8fafc;padding:40px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e2e8f0}.product-image-container{width:100%;max-width:250px;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.product-image{width:100%;height:100%;object-fit:cover;background-color:#f1f5f9}.product-info-section{padding:40px;background:white}.product-details{margin-bottom:32px}.product-name-section{margin-bottom:20px}.label{font-weight:600;color:#059669;font-size:14px;display:block;margin-bottom:8px}.product-name{color:#3b82f6;font-size:18px;font-weight:600;display:block}.product-description-section{margin-bottom:20px}.product-description{color:#374151;font-size:14px;line-height:1.6;margin:0}.product-features-section{margin-bottom:20px}.features-list{margin:8px 0 0;padding-left:20px}.feature-item{color:#374151;font-size:14px;line-height:1.6;margin-bottom:8px}.feature-item:last-child{margin-bottom:0}.section-divider{height:1px;background-color:#e2e8f0;margin:32px 0}.question-response-section{margin-top:32px}.question-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px}.question-details{margin-bottom:24px}.question-header{display:flex;flex-direction:column;gap:8px}.buyer-name{font-weight:600;color:#059669;font-size:16px}.question-date{color:#64748b;font-size:14px}.response-form{margin-top:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.response-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.response-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.response-textarea::placeholder{color:#9ca3af}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.submit-btn{min-width:120px;justify-content:center}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.content-layout{grid-template-columns:250px 1fr}.product-image-section,.product-info-section{padding:30px}}@media (max-width: 768px){.question-response-container{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:center}.content-layout{grid-template-columns:1fr;gap:0}.product-image-section{padding:20px;border-right:none;border-bottom:1px solid #e2e8f0}.product-image-container{max-width:200px}.product-info-section{padding:20px}.form-actions{justify-content:center}}@media (max-width: 480px){.product-image-section,.product-info-section{padding:16px}.product-name{font-size:16px}.buyer-name{font-size:14px}.response-textarea{min-height:100px}}.btn:focus,.response-textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}.product-name:hover{color:#2563eb;text-decoration:underline}.response-form{transition:opacity .3s ease}.response-form.submitting{opacity:.7}.response-form.success{border:1px solid #10b981;border-radius:6px;padding:16px;background-color:#f0fdf4}.response-form.error{border:1px solid #ef4444;border-radius:6px;padding:16px;background-color:#fef2f2}.reviews-container{padding:24px;background-color:#f8fafc;min-height:100vh}.btn-link{background:none;color:#3b82f6;border:none;padding:8px 0;font-size:14px;cursor:pointer;text-decoration:underline}.btn-link:hover{color:#2563eb}.new-review-btn{background-color:#dc2626;color:#fff;font-weight:600;padding:12px 24px}.new-review-btn:hover{background-color:#b91c1c}.reviews-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;background:white;border-radius:8px;box-shadow:0 1px 2px #0000000d;flex-wrap:wrap;gap:16px}.controls-left,.controls-center{display:flex;align-items:center;gap:16px}.controls-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.actions-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white;cursor:pointer}.records-info{font-size:14px;color:#64748b;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.per-page-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:white}.pagination-nav{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:4px;background:white;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.page-info{font-size:14px;color:#64748b;font-weight:500}.table-container{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.data-table th{padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;border-right:1px solid #e2e8f0}.data-table th:last-child{border-right:none}.data-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;font-size:14px;color:#374151}.data-table td:last-child{border-right:none}.data-table tbody tr:hover{background-color:#f8fafc}.even-row{background-color:#fff}.odd-row{background-color:#fafbfc}.column-header{display:flex;flex-direction:column;gap:8px}.column-header span{font-weight:600;color:#374151;font-size:14px}.filter-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;background:white}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.date-range-filter{display:flex;flex-direction:column;gap:4px}.date-input{width:100%}.review-id{font-weight:600;color:#1e293b;font-family:monospace}.date-cell{display:flex;align-items:center;gap:8px}.date-icon{color:#64748b;flex-shrink:0}.title-cell{max-width:200px}.review-title{font-weight:500;color:#1e293b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nickname-cell{display:flex;align-items:center;gap:8px}.nickname{font-weight:500;color:#475569}.nickname-icon{color:#64748b;flex-shrink:0}.review-cell{display:flex;align-items:center;gap:8px;max-width:300px}.review-text{color:#64748b;font-style:italic;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-icon{color:#94a3b8;flex-shrink:0}.visibility-cell{max-width:200px}.visibility-text{color:#64748b;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-cell{display:flex;align-items:center;gap:8px;max-width:300px}.product-name{font-weight:500;color:#1e293b;font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-icon{color:#64748b;flex-shrink:0}.sku-text{font-family:monospace;font-size:12px;color:#64748b;background-color:#f1f5f9;padding:2px 6px;border-radius:4px}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.approved{background-color:#d1fae5;color:#065f46}.status-badge.rejected{background-color:#fee2e2;color:#dc2626}.type-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;background-color:#e0e7ff;color:#3730a3}.actions-cell{display:flex;gap:8px;align-items:center}.action-link{padding:4px 8px;border:none;background:none;color:#3b82f6;font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease;text-decoration:none}.action-link:hover{background-color:#f1f5f9;color:#2563eb}.action-link.danger{color:#dc2626}.action-link.danger:hover{background-color:#fef2f2;color:#b91c1c}.bottom-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 24px;background:white;border-radius:8px;box-shadow:0 1px 2px #0000000d}.pagination-info{font-size:14px;color:#64748b}@media (max-width: 1200px){.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}}@media (max-width: 768px){.reviews-container{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:center}.reviews-controls{flex-direction:column;gap:16px;align-items:stretch}.controls-left,.controls-center,.controls-right{justify-content:center}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}.actions-cell{flex-direction:column;gap:4px}.action-link{font-size:11px;padding:2px 6px}.bottom-pagination{flex-direction:column;gap:16px;text-align:center}}@media (max-width: 480px){.data-table{display:block;overflow-x:auto;white-space:nowrap}.data-table thead,.data-table tbody,.data-table th,.data-table td,.data-table tr{display:block}.data-table thead tr{position:absolute;top:-9999px;left:-9999px}.data-table tr{border:1px solid #e2e8f0;margin-bottom:8px;padding:16px;border-radius:8px;background:white}.data-table td{border:none;position:relative;padding:8px 0 8px 50%}.data-table td:before{content:attr(data-label);position:absolute;left:6px;width:45%;padding-right:10px;white-space:nowrap;font-weight:600;color:#374151}}.data-table tbody tr{transition:background-color .2s ease}.filter-input:focus,.btn:focus,.pagination-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn:disabled,.pagination-btn:disabled{opacity:.6;cursor:not-allowed}.data-table tbody tr:hover .product-name{color:#1e40af}.data-table tbody tr:hover .nickname{color:#2563eb}.edit-review-container{padding:24px;background-color:#f8fafc;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a}.header-content h1{font-size:28px;font-weight:600;color:#1e293b;margin:0}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{background-color:#f97316;color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background-color:#ea580c}.btn-secondary{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background-color:#e2e8f0;color:#334155}.btn-outline:hover:not(:disabled){background-color:#e2e8f0;color:#334155}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.edit-content{display:flex;flex-direction:column;gap:32px}.section{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.section-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.form-group.full-width{grid-column:1 / -1}.form-label{font-weight:500;color:#374151;font-size:14px}.form-input,.form-select,.form-textarea{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.product-link,.author-link{display:flex;align-items:center;gap:8px;color:#3b82f6;font-weight:500;cursor:pointer;padding:8px 0}.product-link:hover,.author-link:hover{color:#2563eb;text-decoration:underline}.star-rating{display:flex;gap:4px;align-items:center}.star{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.star:hover{background-color:#f1f5f9}.star.filled{color:#f59e0b}.star.empty{color:#d1d5db}.image-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:40px;text-align:center;background-color:#fafbfc;cursor:pointer;transition:all .2s ease}.image-upload-area:hover{border-color:#3b82f6;background-color:#f8fafc}.upload-icon{color:#9ca3af;margin-bottom:12px}.upload-text{color:#3b82f6;font-weight:500;margin:0;cursor:pointer}.upload-text:hover{color:#2563eb;text-decoration:underline}.verified-status{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500}.verified-status.not-verified{background-color:#fee2e2;color:#dc2626}.verified-status.verified{background-color:#d1fae5;color:#065f46}.admin-user-info{display:flex;flex-direction:column;gap:4px}.admin-name{font-weight:500;color:#1e293b;font-size:14px}.admin-note{color:#64748b;font-size:12px;font-style:italic}@media (max-width: 1200px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.edit-review-container{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:center;flex-wrap:wrap}.section{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.header-actions{flex-direction:column;gap:8px}.btn{justify-content:center;width:100%}.section{padding:16px}.form-grid{gap:12px}.image-upload-area{padding:24px}}.form-input:focus,.form-select:focus,.form-textarea:focus,.btn:focus,.star:focus{outline:2px solid #3b82f6;outline-offset:2px}.edit-content{transition:opacity .3s ease}.edit-content.submitting{opacity:.7}.form-group.success .form-input,.form-group.success .form-select,.form-group.success .form-textarea{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group.error .form-input,.form-group.error .form-select,.form-group.error .form-textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.product-link:hover,.author-link:hover{transform:translate(2px)}.star:hover{transform:scale(1.1)}.image-upload-area:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.form-label:after{content:""}.form-label[data-required=true]:after{content:" *";color:#dc2626}.header-actions .btn+.btn{margin-left:0}.star{transition:all .2s ease}.star.filled{animation:starFill .3s ease}@keyframes starFill{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.integraciones-container{padding:24px;background-color:#f8fafc;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a}.header-content{flex:1}.header-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.header-title h1{font-size:28px;font-weight:600;color:#1e293b;margin:0}.header-description{color:#64748b;font-size:16px;margin:0;line-height:1.5}.integrations-list{display:flex;flex-direction:column;gap:16px}.integration-card{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s ease}.integration-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.integration-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid transparent}.integration-header:hover{background-color:#f8fafc}.integration-info{display:flex;align-items:center;gap:16px;flex:1}.integration-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:#fff;flex-shrink:0}.integration-details{flex:1}.integration-name{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.integration-description{font-size:14px;color:#64748b;margin:0;line-height:1.4}.integration-status{display:flex;align-items:center;gap:12px}.status-indicator{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.active{background-color:#d1fae5;color:#065f46}.status-indicator.inactive{background-color:#fee2e2;color:#dc2626}.integration-content{padding:24px;background-color:#fafbfc;border-top:1px solid #e2e8f0}.config-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-label{font-weight:500;color:#374151;font-size:14px;display:flex;align-items:center;gap:8px}.checkbox-input{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.checkbox-label{font-weight:500;color:#374151;cursor:pointer}.form-input,.form-select{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#9ca3af}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background-color:#f97316;color:#fff}.btn-primary:hover{background-color:#ea580c}.btn-outline{background-color:#f8fafc;color:#475569;border:1px solid #e2e8f0}.btn-outline:hover{background-color:#e2e8f0;color:#334155}@media (max-width: 1200px){.form-row{grid-template-columns:1fr}}@media (max-width: 768px){.integraciones-container,.page-header,.integration-header,.integration-content{padding:16px}.integration-info{gap:12px}.integration-icon{width:40px;height:40px}.integration-name{font-size:16px}.integration-description{font-size:13px}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width: 480px){.integration-header{flex-direction:column;align-items:flex-start;gap:12px}.integration-status{align-self:flex-end}.integration-info{width:100%}.form-row{gap:16px}}.integration-content{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-input:focus,.form-select:focus,.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.integration-card:hover .integration-header{background-color:#f8fafc}.integration-card:hover .integration-name{color:#1e40af}.status-indicator{transition:all .2s ease}.status-indicator.active{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.integration-icon[style*="background-color: #3b82f6"]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.integration-icon[style*="background-color: #10b981"]{background:linear-gradient(135deg,#10b981,#059669)}.integration-icon[style*="background-color: #f59e0b"]{background:linear-gradient(135deg,#f59e0b,#d97706)}.integration-icon[style*="background-color: #25d366"]{background:linear-gradient(135deg,#25d366,#128c7e)}.integration-icon[style*="background-color: #8b5cf6"]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.integration-icon[style*="background-color: #ef4444"]{background:linear-gradient(135deg,#ef4444,#dc2626)}.form-group.error .form-input,.form-group.error .form-select{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group.success .form-input,.form-group.success .form-select{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.integration-card[data-integration=cashea]{border-left:4px solid #3b82f6}.integration-card[data-integration=sitef]{border-left:4px solid #10b981}.integration-card[data-integration=sms]{border-left:4px solid #f59e0b}.integration-card[data-integration=whatsapp]{border-left:4px solid #25d366}.integration-card[data-integration=email]{border-left:4px solid #8b5cf6}.integration-card[data-integration=analytics]{border-left:4px solid #ef4444}.url-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.external-link{color:#3b82f6;text-decoration:none;font-size:13px;word-break:break-all}.external-link:hover{color:#2563eb;text-decoration:underline}.vendor-name{font-weight:500;color:#374151;font-size:14px}.data-table{min-width:1300px}.banner-image-cell{display:flex;align-items:center;justify-content:center;padding:4px}.banner-thumbnail{width:150px;height:80px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb}.table-container{overflow-x:auto}.data-table{min-width:1200px}@media (max-width: 1200px){.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 12px}.banner-thumbnail{width:120px;height:64px}}.carousel-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:24px;font-family:Nunito Sans,sans-serif}.btn-success{background-color:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;font-family:Nunito Sans,sans-serif;transition:all .2s}.btn-success:hover{background-color:#059669}.btn-success:active{background-color:#047857}.carousel-actions .btn,.carousel-actions .btn-danger,.carousel-actions .btn-success,.table-container .data-table,.table-container .data-table th,.table-container .data-table td,.table-container .data-table .action-link{font-family:Nunito Sans,sans-serif}.status-icon{width:16px;height:16px;flex-shrink:0}.status-icon.subscribed{color:#10b981}.status-icon.unconfirmed{color:#f59e0b}.status-icon.unsubscribed{color:#ef4444}.status-cell{display:flex;align-items:center;gap:8px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-subscribed{background:#dcfce7;color:#166534}.status-unconfirmed{background:#fef3c7;color:#92400e}.status-unsubscribed{background:#fee2e2;color:#dc2626}.status-default{background:#f3f4f6;color:#6b7280}.newsletter-table .data-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#374151;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.newsletter-table .data-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151;vertical-align:middle}.email-cell{display:flex;align-items:center;gap:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.email-icon{color:#6b7280;flex-shrink:0}.user-info{display:flex;align-items:center;gap:8px}.user-icon{color:#6b7280;flex-shrink:0}.role-cell{display:flex;align-items:center;gap:8px}.role-icon{color:#6b7280;flex-shrink:0}.date-cell{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.date-icon{color:#6b7280;flex-shrink:0}.export-controls{display:flex;align-items:center;gap:8px}.export-controls .per-page-select{min-width:120px}@media (max-width: 1400px){.newsletter-table .data-table{font-size:13px}.newsletter-table .data-table th,.newsletter-table .data-table td{padding:12px 14px}.filter-input{max-width:100px}}@media (max-width: 1200px){.newsletter-table .data-table{font-size:12px}.newsletter-table .data-table th,.newsletter-table .data-table td{padding:10px 12px}.filter-input{max-width:80px;font-size:11px}.status-badge{font-size:10px;padding:2px 6px}}@media (max-width: 768px){.newsletter-table{overflow-x:auto}.newsletter-table .data-table{min-width:1200px}.search-filter-section{flex-direction:column;gap:16px;align-items:stretch}.search-controls,.pagination-controls{justify-content:center;flex-wrap:wrap}.export-controls{justify-content:center}}.newsletter-table .data-table tr:hover{background:#f8fafc}.newsletter-table .data-table tr.even-row:hover,.newsletter-table .data-table tr.odd-row:hover{background:#f1f5f9!important}.newsletter-table .checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:#f97316}.newsletter-table .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:1px solid transparent}.newsletter-table .btn-primary{background:#f97316;color:#fff;border-color:#f97316}.newsletter-table .btn-primary:hover{background:#ea580c;border-color:#ea580c}.newsletter-table .btn-secondary{background:#6b7280;color:#fff;border-color:#6b7280}.newsletter-table .btn-secondary:hover{background:#4b5563;border-color:#4b5563}.newsletter-table .page-navigation{display:flex;align-items:center;gap:8px}.newsletter-table .page-info{font-size:14px;color:#374151;font-weight:500;padding:0 12px}.newsletter-table .results-info{color:#64748b;font-size:14px;font-weight:500;white-space:nowrap}.newsletter-table .filter-input{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;width:100%;max-width:120px;background:white;transition:all .2s ease}.newsletter-table .filter-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 1px #f97316}.newsletter-table .filter-input::placeholder{color:#9ca3af;font-size:11px}.newsletter-table .sortable-header{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.newsletter-table .sortable-header:hover{color:#f97316}.newsletter-table .sort-icons{display:flex;flex-direction:column;gap:2px}.newsletter-table .sort-icons svg{color:#9ca3af;transition:color .2s ease}.newsletter-table .sort-icons svg.active{color:#f97316}.newsletter-table .column-header{display:flex;flex-direction:column;gap:8px}.newsletter-table .bulk-actions{display:flex;align-items:center}.newsletter-table .bulk-action-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:white;color:#374151;cursor:pointer;min-width:120px}.newsletter-table .bulk-action-select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.newsletter-table .per-page-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.newsletter-table .per-page-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:white;color:#374151;cursor:pointer}.newsletter-table .search-input-container{position:relative;flex:1;max-width:300px}.newsletter-table .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.newsletter-table .search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:white;transition:all .2s ease}.newsletter-table .search-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.newsletter-table .search-input::placeholder{color:#9ca3af}.newsletter-table .table-container{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px;border:1px solid #e5e7eb}.newsletter-table .bottom-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.newsletter-table .pagination-info{color:#64748b;font-size:14px}.newsletter-table .page-container{padding:24px;background-color:#f8fafc;min-height:100vh}.newsletter-table .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.newsletter-table .page-title-section{display:flex;align-items:center;gap:16px}.newsletter-table .page-icon{color:#f97316}.newsletter-table .page-title{font-size:28px;font-weight:700;color:#1a202c;margin:0}.newsletter-table .page-subtitle{color:#6b7280;margin:0;font-size:16px}.newsletter-table .search-filter-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.newsletter-table .search-controls{display:flex;gap:12px;align-items:center}.newsletter-table .pagination-controls{display:flex;align-items:center;gap:16px}.newsletter-table .btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;background:white;border-radius:4px;cursor:pointer;transition:all .2s;color:#374151}.newsletter-table .btn-icon:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.newsletter-table .btn-icon:disabled{opacity:.5;cursor:not-allowed}.permissions-tree{padding:24px;background-color:#f8fafc;min-height:100vh}.role-selection-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.role-selector{display:flex;align-items:center;gap:12px}.role-label{font-size:16px;font-weight:600;color:#374151}.role-select{padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white;color:#374151;cursor:pointer;min-width:200px;transition:all .2s ease}.role-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.search-controls{display:flex;align-items:center;gap:12px}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#6b7280;pointer-events:none}.search-input{padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white;width:300px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.search-input::placeholder{color:#9ca3af}.permissions-container{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px;overflow:hidden}.permissions-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151}.permission-info-header{flex:1}.permission-controls-header{display:flex;gap:40px;align-items:center;min-width:200px}.permission-controls-header span{font-size:14px;font-weight:600;color:#6b7280}.permissions-tree-content{max-height:600px;overflow-y:auto}.permission-node{border-bottom:1px solid #f1f5f9}.permission-node:last-child{border-bottom:none}.permission-row{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;transition:background-color .2s ease;border-left:3px solid transparent}.permission-row:hover{background:#f8fafc}.permission-row.level-0{background:#f9fafb;border-left-color:#f97316;font-weight:600}.permission-row.level-1{background:#fafbfc;border-left-color:#e5e7eb}.permission-row.level-2{background:white;border-left-color:#f1f5f9}.permission-info{display:flex;align-items:center;gap:8px;flex:1}.expand-button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;cursor:pointer;color:#6b7280;transition:color .2s ease}.expand-button:hover{color:#f97316}.expand-spacer{width:20px;height:20px}.permission-icon-container{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#6b7280}.permission-name{font-size:14px;color:#374151;font-weight:500}.permission-controls{display:flex;align-items:center;gap:20px;min-width:200px}.permission-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.permission-icon{transition:all .2s ease}.permission-icon.full{color:#10b981}.permission-icon.partial{color:#f59e0b}.permission-icon.view{color:#3b82f6}.permission-icon.none{color:#ef4444}.permission-checkboxes{display:flex;gap:20px;align-items:center}.permission-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#6b7280;transition:color .2s ease}.permission-checkbox:hover{color:#374151}.permission-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#f97316}.permission-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.permission-children{background:#fafbfc}.permissions-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:1px solid transparent}.btn-primary{background:#f97316;color:#fff;border-color:#f97316}.btn-primary:hover{background:#ea580c;border-color:#ea580c}.btn-outline{background:white;color:#374151;border-color:#d1d5db}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 1200px){.permission-controls,.permission-checkboxes{gap:15px}.permission-controls-header{gap:30px}}@media (max-width: 768px){.permissions-tree{padding:16px}.role-selection-section{flex-direction:column;gap:16px;align-items:stretch}.role-selector,.search-controls{justify-content:center}.search-input{width:100%;max-width:300px}.permission-row{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.permission-controls{width:100%;justify-content:space-between;min-width:auto}.permission-checkboxes{gap:12px}.permissions-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}}@media (max-width: 480px){.permission-checkboxes{flex-direction:column;gap:8px;align-items:flex-start}.permission-controls{flex-direction:column;align-items:flex-start;gap:12px}}.permission-children{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.permissions-tree-content::-webkit-scrollbar{width:6px}.permissions-tree-content::-webkit-scrollbar-track{background:#f1f5f9}.permissions-tree-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.permissions-tree-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.permission-checkbox:focus-within{outline:2px solid #f97316;outline-offset:2px;border-radius:4px}.expand-button:focus{outline:2px solid #f97316;outline-offset:2px;border-radius:4px}.permission-row.loading{opacity:.6;pointer-events:none}.permission-row.loading:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #f3f4f6;border-top:2px solid #f97316;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.permission-status-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.permission-status-indicator.full{background:#dcfce7;color:#166534}.permission-status-indicator.partial{background:#fef3c7;color:#92400e}.permission-status-indicator.view{background:#dbeafe;color:#1e40af}.permission-status-indicator.none{background:#fee2e2;color:#dc2626}.finance-reports-container{padding:24px;background:#f8fafc;min-height:100vh}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a}.header-title{display:flex;align-items:center;gap:12px}.header-title h1{margin:0;color:#1e293b;font-size:28px;font-weight:700}.header-title svg{color:#0ea5e9}.header-actions{display:flex;gap:12px}.refresh-btn,.download-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.refresh-btn:hover{background:#e2e8f0}.download-btn{background:#10b981;color:#fff}.download-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.download-btn:disabled{background:#9ca3af;cursor:not-allowed}.filters-section{background:white;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search-box{position:relative;display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;min-width:300px}.search-box svg{color:#6b7280;margin-right:8px}.search-box input{border:none;background:transparent;outline:none;flex:1;font-size:14px;color:#374151}.toggle-filters-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-filters-btn:hover{background:#e2e8f0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding-top:16px;border-top:1px solid #e2e8f0}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:13px;font-weight:600;color:#374151}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.filter-actions{display:flex;align-items:end}.clear-filters-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#dc2626}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f0f9ff;border-radius:12px;color:#0ea5e9}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#1e293b;line-height:1}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.reports-table-container{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.table-title{font-size:18px;font-weight:600;color:#1e293b}.table-actions{display:flex;align-items:center;gap:12px}.select-all-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;cursor:pointer}.select-all-checkbox input{width:16px;height:16px}.table-wrapper{overflow-x:auto}.reports-table{width:100%;border-collapse:collapse}.reports-table th{background:#f1f5f9;color:#374151;font-weight:600;font-size:13px;text-align:left;padding:16px;border-bottom:1px solid #e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.reports-table th:hover{background:#e2e8f0}.reports-table th .sort-indicator{margin-left:8px;color:#0ea5e9;font-weight:700}.reports-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:top}.reports-table tbody tr:hover{background:#f8fafc}.reports-table tbody tr.selected{background:#f0f9ff;border-left:4px solid #0ea5e9}.checkbox-column{width:40px;text-align:center}.checkbox-column input{width:16px;height:16px}.report-name-cell{display:flex;flex-direction:column;gap:4px}.report-name{font-weight:600;color:#1e293b;font-size:14px}.report-description{color:#6b7280;font-size:13px;line-height:1.4}.report-meta{display:flex;gap:12px;margin-top:4px}.file-size,.date-range{font-size:12px;color:#9ca3af;background:#f1f5f9;padding:2px 6px;border-radius:4px}.type-badge,.status-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-badge{background:#f0f9ff;color:#0369a1}.status-badge.status-completado{background:#d1fae5;color:#065f46}.status-badge.status-procesando{background:#fef3c7;color:#92400e}.status-badge.status-error{background:#fee2e2;color:#991b1b}.revenue-cell{display:flex;flex-direction:column;gap:4px}.revenue-amount{font-weight:600;font-size:14px}.revenue-amount.positive{color:#059669}.revenue-amount.negative{color:#dc2626}.revenue-details{display:flex;flex-direction:column;gap:2px}.revenue-details span{font-size:12px;color:#6b7280}.date-cell{display:flex;flex-direction:column;gap:4px}.date-cell span:first-child{font-weight:500;color:#374151}.created-by{font-size:12px;color:#9ca3af}.downloads-cell{text-align:center}.download-count{font-weight:600;color:#0ea5e9}.actions-cell{display:flex;gap:8px;justify-content:center}.info-action-btn,.download-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.info-action-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.info-action-btn:hover{background:#e2e8f0;color:#374151}.download-action-btn{background:#10b981;color:#fff}.download-action-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.download-action-btn:disabled{background:#9ca3af;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-top:1px solid #e2e8f0}.pagination-btn{padding:8px 16px;background:white;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#0ea5e9;color:#0ea5e9}.pagination-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.pagination-info{font-size:14px;color:#6b7280;font-weight:500}@media (max-width: 768px){.finance-reports-container{padding:16px}.reports-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:center}.filters-header{flex-direction:column;gap:12px;align-items:stretch}.search-box{min-width:auto}.filters-grid,.stats-grid{grid-template-columns:1fr}.table-header{flex-direction:column;gap:12px;align-items:stretch}.reports-table{font-size:13px}.reports-table th,.reports-table td{padding:12px 8px}.actions-cell{flex-direction:column;gap:4px}}.report-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.report-detail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.report-detail-content{position:relative;background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:95vw;max-height:95vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.report-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.report-detail-title h2{margin:0 0 8px;color:#1e293b;font-size:24px;font-weight:700}.report-detail-title p{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.close-modal-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.close-modal-btn:hover{background:#e2e8f0;color:#374151}.report-detail-info{padding:20px 24px;background:white;border-bottom:1px solid #e2e8f0}.report-meta-info,.report-stats{display:flex;gap:24px;margin-bottom:12px;flex-wrap:wrap}.report-meta-info span,.report-stats span{font-size:14px;color:#374151}.report-meta-info strong,.report-stats strong{color:#1e293b;font-weight:600}.report-detail-table-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.report-detail-table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.report-detail-table-container .table-header span{font-size:16px;font-weight:600;color:#1e293b}.download-detail-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.download-detail-btn:hover:not(:disabled){background:#059669}.download-detail-btn:disabled{background:#9ca3af;cursor:not-allowed}.report-table-wrapper{flex:1;overflow:auto;padding:0 24px 24px}.report-detail-table{width:100%;border-collapse:collapse;font-size:12px;min-width:2000px}.report-detail-table th{background:#f1f5f9;color:#374151;font-weight:600;padding:12px 8px;border:1px solid #e2e8f0;text-align:left;position:sticky;top:0;z-index:10;white-space:nowrap}.report-detail-table td{padding:10px 8px;border:1px solid #f1f5f9;vertical-align:top;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.report-detail-table tbody tr:hover{background:#f8fafc}.report-detail-table tbody tr:nth-child(2n){background:#fafbfc}.payment-method-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.payment-method-badge.pago-móvil{background:#fef3c7;color:#92400e}.payment-method-badge.zelle{background:#dbeafe;color:#1e40af}.payment-method-badge.transferencia-bancaria{background:#d1fae5;color:#065f46}.payment-method-badge.cashea{background:#e0e7ff;color:#3730a3}.sku-code{font-family:Courier New,monospace;font-size:11px;background:#f1f5f9;padding:2px 4px;border-radius:3px;color:#475569}.sku-name-cell{max-width:300px;white-space:normal;word-wrap:break-word;line-height:1.3}.total-cell{font-weight:600;color:#059669}.view-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.view-action-btn:hover{background:#2563eb;transform:translateY(-1px)}.blocks-container{padding:1.5rem;background:#f8f9fa;min-height:100vh}.blocks-header{background:white;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.blocks-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.blocks-header h1{font-size:1.75rem;font-weight:600;color:#111827;margin:0 0 .5rem}.page-description{color:#6b7280;font-size:.875rem;margin:0}.blocks-filters{display:flex;gap:1rem;align-items:center}.search-box{display:flex;align-items:center;gap:.5rem;flex:1;max-width:400px;padding:.5rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:.875rem;color:#111827}.search-box input::placeholder{color:#9ca3af}.blocks-content{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.loading-state,.empty-state{padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state svg{margin-bottom:1rem;color:#d1d5db}.empty-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state p{margin:0 0 1.5rem}.blocks-table-container{overflow-x:auto}.blocks-table{width:100%;border-collapse:collapse}.blocks-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.blocks-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.blocks-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.blocks-table tbody tr:hover{background:#f9fafb}.blocks-table tbody tr:last-child td{border-bottom:none}.toggle-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:opacity .2s}.toggle-btn:hover{opacity:.7}.toggle-btn.enabled{color:#10b981}.toggle-btn.disabled{color:#9ca3af}.block-title{font-weight:500;color:#111827}.block-identifier{font-family:Courier New,monospace;font-size:.8125rem}.block-identifier code{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;color:#6b7280}.action-buttons{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;background:white;border-radius:6px;cursor:pointer;transition:all .2s}.action-btn:hover{background:#f9fafb;border-color:#d1d5db}.action-btn.edit{color:#3b82f6}.action-btn.edit:hover{background:#eff6ff;border-color:#3b82f6}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#fef2f2;border-color:#ef4444}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.pagination-info{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280}.per-page-select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:white;font-size:.875rem;cursor:pointer}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;background:white;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.875rem;color:#6b7280}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}:root{--puck-color-rose-01: #4a001c;--puck-color-rose-02: #670833;--puck-color-rose-03: #87114c;--puck-color-rose-04: #a81a66;--puck-color-rose-05: #bc5089;--puck-color-rose-06: #cc7ca5;--puck-color-rose-07: #d89aba;--puck-color-rose-08: #e3b8cf;--puck-color-rose-09: #efd6e3;--puck-color-rose-10: #f6eaf1;--puck-color-rose-11: #faf4f8;--puck-color-rose-12: #fef8fc;--puck-color-azure-01: #00175d;--puck-color-azure-02: #002c77;--puck-color-azure-03: #014292;--puck-color-azure-04: #0158ad;--puck-color-azure-05: #3479be;--puck-color-azure-06: #6499cf;--puck-color-azure-07: #88b0da;--puck-color-azure-08: #abc7e5;--puck-color-azure-09: #cfdff0;--puck-color-azure-10: #e7eef7;--puck-color-azure-11: #f3f6fb;--puck-color-azure-12: #f7faff;--puck-color-green-01: #002000;--puck-color-green-02: #043604;--puck-color-green-03: #084e08;--puck-color-green-04: #0c680c;--puck-color-green-05: #1d882f;--puck-color-green-06: #2faa53;--puck-color-green-07: #56c16f;--puck-color-green-08: #7dd78b;--puck-color-green-09: #b8e8bf;--puck-color-green-10: #ddf3e0;--puck-color-green-11: #eff8f0;--puck-color-green-12: #f3fcf4;--puck-color-yellow-01: #211000;--puck-color-yellow-02: #362700;--puck-color-yellow-03: #4c4000;--puck-color-yellow-04: #645a00;--puck-color-yellow-05: #877614;--puck-color-yellow-06: #ab9429;--puck-color-yellow-07: #bfac4e;--puck-color-yellow-08: #d4c474;--puck-color-yellow-09: #e6deb1;--puck-color-yellow-10: #f3efd9;--puck-color-yellow-11: #f9f7ed;--puck-color-yellow-12: #fcfaf0;--puck-color-red-01: #4c0000;--puck-color-red-02: #6a0a10;--puck-color-red-03: #8a1422;--puck-color-red-04: #ac1f35;--puck-color-red-05: #bf5366;--puck-color-red-06: #ce7e8e;--puck-color-red-07: #d99ca8;--puck-color-red-08: #e4b9c2;--puck-color-red-09: #efd7db;--puck-color-red-10: #f6eaec;--puck-color-red-11: #faf4f5;--puck-color-red-12: #fff9fa;--puck-color-grey-01: #181818;--puck-color-grey-02: #292929;--puck-color-grey-03: #404040;--puck-color-grey-04: #5a5a5a;--puck-color-grey-05: #767676;--puck-color-grey-06: #949494;--puck-color-grey-07: #ababab;--puck-color-grey-08: #c3c3c3;--puck-color-grey-09: #dcdcdc;--puck-color-grey-10: #efefef;--puck-color-grey-11: #f5f5f5;--puck-color-grey-12: #fafafa;--puck-color-black: #000000;--puck-color-white: #ffffff}:root{--puck-font-size-scale-base-unitless: 12;--puck-font-size-xxxs-unitless: 12;--puck-font-size-xxs-unitless: 14;--puck-font-size-xs-unitless: 16;--puck-font-size-s-unitless: 18;--puck-font-size-m-unitless: 21;--puck-font-size-l-unitless: 24;--puck-font-size-xl-unitless: 28;--puck-font-size-xxl-unitless: 36;--puck-font-size-xxxl-unitless: 48;--puck-font-size-xxxxl-unitless: 56;--puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);--puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);--puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);--puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);--puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);--puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);--puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);--puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);--puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);--puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );--puck-font-size-base: var(--puck-font-size-xs);--line-height-reset: 1;--line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );--line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );--line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );--line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );--line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );--line-height-base: var(--line-height-m);--fallback-font-stack: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--puck-font-family: Inter, var(--fallback-font-stack);--puck-font-family-monospaced: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace}@supports (font-variation-settings: normal){:root{--puck-font-family: InterVariable, var(--fallback-font-stack)}}#frame-root{height:1px;min-height:100vh}[data-puck-entry]{position:relative;z-index:0}._ActionBar_rvadt_1{align-items:center;cursor:default;display:flex;width:auto;padding:4px;padding-inline-start:0;padding-inline-end:0;border-radius:8px;background:var(--puck-color-grey-01);color:var(--puck-color-white);font-family:var(--puck-font-family);min-height:26px}._ActionBar-label_rvadt_18{color:var(--puck-color-grey-08);font-size:var(--puck-font-size-xxxs);font-weight:500;padding-inline-start:8px;padding-inline-end:8px;margin-inline-start:4px;margin-inline-end:4px;text-overflow:ellipsis;white-space:nowrap}._ActionBar-action_rvadt_30+._ActionBar-label_rvadt_18{padding-inline-start:0}._ActionBar-label_rvadt_18+._ActionBar-action_rvadt_30{margin-inline-start:-4px}._ActionBar-group_rvadt_38{align-items:center;border-inline-start:.5px solid var(--puck-color-grey-05);display:flex;height:100%;padding-inline-start:4px;padding-inline-end:4px}._ActionBar-group_rvadt_38:first-of-type{border-inline-start:0}._ActionBar-group_rvadt_38:empty{display:none}._ActionBar-action_rvadt_30{background:transparent;border:none;color:var(--puck-color-grey-08);cursor:pointer;padding:6px 8px;margin-inline-start:4px;margin-inline-end:4px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:color 50ms ease-in}._ActionBar-action_rvadt_30 svg{max-width:none!important}._ActionBar-action_rvadt_30:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:-2px}@media (hover: hover) and (pointer: fine){._ActionBar-action_rvadt_30:hover{color:var(--puck-color-azure-06);transition:none}}._ActionBar-action_rvadt_30:active{color:var(--puck-color-azure-07);transition:none}._ActionBar-group_rvadt_38 *{margin:0}._InputWrapper_bsxfo_1+._InputWrapper_bsxfo_1{margin-top:12px}._Input-label_bsxfo_5{align-items:center;color:var(--puck-color-grey-04);display:flex;padding-bottom:12px;font-size:var(--puck-font-size-xxs);font-weight:600}._Input-labelIcon_bsxfo_14{color:var(--puck-color-grey-07);display:flex;margin-inline-end:4px;padding-inline-start:4px}._Input-disabledIcon_bsxfo_21{color:var(--puck-color-grey-05);margin-inline-start:auto}._Input-input_bsxfo_26{background:var(--puck-color-white);border-width:1px;border-style:solid;border-color:var(--puck-color-grey-09);border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px 15px;transition:border-color 50ms ease-in;width:100%;max-width:100%}@media (min-width: 458px){._Input-input_bsxfo_26{font-size:14px}}select._Input-input_bsxfo_26{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;background-size:12px;background-position:calc(100% - 12px) calc(50% + 3px);background-repeat:no-repeat;background-color:var(--puck-color-white);cursor:pointer}select._Input-input_bsxfo_26:dir(rtl){background-position:12px calc(50% + 3px)}@media (hover: hover) and (pointer: fine){._Input_bsxfo_1:has(>input):hover ._Input-input_bsxfo_26:not([readonly]),._Input_bsxfo_1:has(>textarea):hover ._Input-input_bsxfo_26:not([readonly]){border-color:var(--puck-color-grey-05);transition:none}._Input_bsxfo_1:has(>select):hover ._Input-input_bsxfo_26:not([disabled]){background-color:var(--puck-color-azure-12);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");border-color:var(--puck-color-grey-05);transition:none}}._Input-input_bsxfo_26:focus{border-color:var(--puck-color-grey-05);outline:2px solid var(--puck-color-azure-05);transition:none}._Input--readOnly_bsxfo_82>._Input-input_bsxfo_26,._Input--readOnly_bsxfo_82>select._Input-input_bsxfo_26{background-color:var(--puck-color-grey-11);border-color:var(--puck-color-grey-09);color:var(--puck-color-grey-04);cursor:default;opacity:1;outline:0;transition:none}._Input-radioGroupItems_bsxfo_93{display:flex;border:1px solid var(--puck-color-grey-09);border-radius:4px;flex-wrap:wrap}._Input-radio_bsxfo_93{border-inline-end:1px solid var(--puck-color-grey-09);flex-grow:1}._Input-radio_bsxfo_93:first-of-type{border-bottom-left-radius:4px;border-top-left-radius:4px}._Input-radio_bsxfo_93:first-of-type ._Input-radioInner_bsxfo_110{border-bottom-left-radius:3px;border-top-left-radius:3px}._Input-radio_bsxfo_93:last-of-type{border-bottom-right-radius:4px;border-inline-end:0;border-top-right-radius:4px}._Input-radio_bsxfo_93:last-of-type ._Input-radioInner_bsxfo_110{border-bottom-right-radius:3px;border-top-right-radius:3px}._Input-radioInner_bsxfo_110{background-color:var(--puck-color-white);color:var(--puck-color-grey-04);cursor:pointer;font-size:var(--puck-font-size-xxxs);padding:8px 12px;text-align:center;transition:background-color 50ms ease-in}._Input-radio_bsxfo_93:has(:focus-visible){outline:2px solid var(--puck-color-azure-05);outline-offset:2px;position:relative}@media (hover: hover) and (pointer: fine){._Input-radioInner_bsxfo_110:hover{background-color:var(--puck-color-azure-12);transition:none}}._Input--readOnly_bsxfo_82 ._Input-radioInner_bsxfo_110{background-color:var(--puck-color-white);color:var(--puck-color-grey-04);cursor:default}._Input-radio_bsxfo_93 ._Input-radioInput_bsxfo_155:checked~._Input-radioInner_bsxfo_110{background-color:var(--puck-color-azure-11);color:var(--puck-color-azure-04);font-weight:500}._Input--readOnly_bsxfo_82 ._Input-radioInput_bsxfo_155:checked~._Input-radioInner_bsxfo_110{background-color:var(--puck-color-grey-11);color:var(--puck-color-grey-04)}._Input-radio_bsxfo_93 ._Input-radioInput_bsxfo_155{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}textarea._Input-input_bsxfo_26{margin-bottom:-4px}._ArrayField_14u8o_5{display:flex;flex-direction:column;background:var(--puck-color-azure-11);border:1px solid var(--puck-color-grey-09);border-radius:4px}._ArrayField--isDraggingFrom_14u8o_13{background-color:var(--puck-color-azure-11);overflow:hidden}._ArrayField-addButton_14u8o_18{background-color:var(--puck-color-white);border:none;border-radius:3px;display:flex;color:var(--puck-color-azure-05);justify-content:center;cursor:pointer;width:100%;margin:0;padding:14px;text-align:left;transition:background-color 50ms ease-in}._ArrayField--hasItems_14u8o_33>._ArrayField-addButton_14u8o_18{border-top:1px solid var(--puck-color-grey-09);border-top-left-radius:0;border-top-right-radius:0}._ArrayField-addButton_14u8o_18:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:2px;position:relative}@media (hover: hover) and (pointer: fine){._ArrayField_14u8o_5:not(._ArrayField--isDraggingFrom_14u8o_13)>._ArrayField-addButton_14u8o_18:hover{background:var(--puck-color-azure-12);color:var(--puck-color-azure-04);transition:none}}._ArrayField_14u8o_5:not(._ArrayField--isDraggingFrom_14u8o_13)>._ArrayField-addButton_14u8o_18:active{background:var(--puck-color-azure-11);color:var(--puck-color-azure-04);transition:none}._ArrayField-inner_14u8o_59{margin-top:-1px}._ArrayFieldItem_14u8o_67{border-top-left-radius:3px;border-top-right-radius:3px;display:block;position:relative}._ArrayFieldItem_14u8o_67{border-top:1px solid var(--puck-color-grey-09)}._ArrayFieldItem--isDragging_14u8o_78{border-top:transparent}._ArrayFieldItem--isExpanded_14u8o_82:before{display:none}._ArrayFieldItem--isExpanded_14u8o_82{border-bottom:0;outline-offset:0px!important;outline:1px solid var(--puck-color-azure-07)!important;z-index:2}._ArrayFieldItem--isDragging_14u8o_78{outline:2px var(--puck-color-azure-09) solid!important}._ArrayFieldItem--isDragging_14u8o_78 ._ArrayFieldItem-summary_14u8o_97:active{background-color:var(--puck-color-white)}._ArrayFieldItem_14u8o_67+._ArrayFieldItem_14u8o_67{border-top-left-radius:0;border-top-right-radius:0}._ArrayFieldItem-summary_14u8o_97{background:var(--puck-color-white);color:var(--puck-color-grey-04);cursor:pointer;display:flex;align-items:center;gap:2px;justify-content:space-between;font-size:var(--puck-font-size-xxs);list-style:none;padding:12px 15px;position:relative;overflow:hidden;transition:background-color 50ms ease-in}._ArrayFieldItem_14u8o_67:first-of-type>._ArrayFieldItem-summary_14u8o_97{border-top-left-radius:3px;border-top-right-radius:3px}._ArrayField--addDisabled_14u8o_127>._ArrayField-inner_14u8o_59>._ArrayFieldItem_14u8o_67:last-of-type:not(._ArrayFieldItem--isExpanded_14u8o_82)>._ArrayFieldItem-summary_14u8o_97{border-bottom-left-radius:3px;border-bottom-right-radius:3px}._ArrayField--addDisabled_14u8o_127>._ArrayField-inner_14u8o_59>._ArrayFieldItem--isExpanded_14u8o_82:last-of-type{border-bottom-left-radius:3px;border-bottom-right-radius:3px}._ArrayFieldItem-summary_14u8o_97:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:2px}@media (hover: hover) and (pointer: fine){._ArrayFieldItem-summary_14u8o_97:hover{background-color:var(--puck-color-azure-12);transition:none}}._ArrayFieldItem-summary_14u8o_97:active{background-color:var(--puck-color-azure-11);transition:none}._ArrayFieldItem--isExpanded_14u8o_82>._ArrayFieldItem-summary_14u8o_97{background:var(--puck-color-azure-11);color:var(--puck-color-azure-04);font-weight:600;transition:none}._ArrayFieldItem-body_14u8o_166{background:var(--puck-color-white);display:none}._ArrayFieldItem--isExpanded_14u8o_82>._ArrayFieldItem-body_14u8o_166{display:block}._ArrayFieldItem-fieldset_14u8o_175{border:none;border-top:1px solid var(--puck-color-grey-09);margin:0;min-width:0;padding:16px 15px}._ArrayFieldItem-rhs_14u8o_183{display:flex;gap:4px;align-items:center}._ArrayFieldItem-actions_14u8o_189{color:var(--puck-color-grey-04);display:flex;gap:4px;opacity:0}._ArrayFieldItem-summary_14u8o_97:focus-within>._ArrayFieldItem-rhs_14u8o_183>._ArrayFieldItem-actions_14u8o_189,._ArrayFieldItem-summary_14u8o_97:hover>._ArrayFieldItem-rhs_14u8o_183>._ArrayFieldItem-actions_14u8o_189{opacity:1}._IconButton_swpni_1{align-items:center;background:transparent;border:none;border-radius:4px;color:currentColor;display:flex;font-family:var(--puck-font-family);justify-content:center;padding:4px;transition:background-color 50ms ease-in,color 50ms ease-in}._IconButton_swpni_1:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:-2px}@media (hover: hover) and (pointer: fine){._IconButton_swpni_1:hover:not(._IconButton--disabled_swpni_20){background:var(--puck-color-azure-12);color:var(--puck-color-azure-04);cursor:pointer;transition:none}}._IconButton_swpni_1:active{background:var(--puck-color-azure-11);transition:none}._IconButton-title_swpni_33{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._IconButton--disabled_swpni_20{color:var(--puck-color-grey-07)}@keyframes _loader-animation_nacdm_1{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.8)}to{transform:rotate(360deg) scale(1)}}._Loader_nacdm_13{background:transparent;border-radius:100%;border:2px solid currentColor;border-bottom-color:transparent;display:inline-block;animation:_loader-animation_nacdm_1 1s 0s infinite linear;animation-fill-mode:both}._DragIcon_17p8x_1{color:var(--puck-color-grey-05);cursor:grab;padding:4px;border-radius:4px}._DragIcon--disabled_17p8x_8{cursor:no-drop}@media (hover: hover) and (pointer: fine){._DragIcon_17p8x_1:not(._DragIcon--disabled_17p8x_8):hover{color:var(--puck-color-azure-05);background-color:var(--puck-color-azure-12)}}[data-dnd-placeholder] *{opacity:0!important}[data-dnd-placeholder]{background:var(--puck-color-azure-09)!important;border:none!important;color:#0000!important;opacity:.3!important;outline:none!important;transition:none!important}._ExternalInput-actions_91ls0_1{display:flex}._ExternalInput-button_91ls0_5{display:flex;gap:8px;align-items:center;justify-content:center;background-color:var(--puck-color-white);border:1px solid var(--puck-color-grey-09);border-radius:4px;color:var(--puck-color-azure-04);padding:12px 16px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;transition:background-color 50ms ease-in;position:relative;overflow:hidden;flex-grow:1}._ExternalInput--dataSelected_91ls0_24 ._ExternalInput-button_91ls0_5{color:var(--puck-color-grey-03);display:block;border-top-right-radius:0;border-bottom-right-radius:0}._ExternalInput--readOnly_91ls0_31 ._ExternalInput-button_91ls0_5{background-color:var(--puck-color-grey-11)}._ExternalInput-detachButton_91ls0_35{border:1px solid var(--puck-color-grey-09);border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:var(--puck-color-grey-12);color:var(--puck-color-grey-05);display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 12px;position:relative;transition:background-color 50ms ease-in,color 50ms ease-in;margin-inline-start:-1px}._ExternalInput-button_91ls0_5:focus-visible,._ExternalInput-detachButton_91ls0_35:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:2px;z-index:1}@media (hover: hover) and (pointer: fine){._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-button_91ls0_5:hover,._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-detachButton_91ls0_35:hover{background:var(--puck-color-azure-12);transition:none}._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-detachButton_91ls0_35:hover{color:var(--puck-color-azure-04)}}._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-button_91ls0_5:active,._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-detachButton_91ls0_35:active{background:var(--puck-color-azure-11);transition:none}._ExternalInputModal_91ls0_79{color:var(--puck-color-black);display:grid;grid-template-rows:min-content minmax(128px,100%) min-content;grid-template-columns:100%;position:relative;min-height:50dvh;max-height:90dvh}._ExternalInputModal-grid_91ls0_89{display:flex;flex-direction:column}@media (min-width: 458px){._ExternalInputModal-grid_91ls0_89{display:grid;grid-template-columns:100%}._ExternalInputModal--filtersToggled_91ls0_100 ._ExternalInputModal-grid_91ls0_89{grid-template-columns:25% 75%}}._ExternalInputModal-filters_91ls0_105{border-bottom:1px solid var(--puck-color-grey-09)}._ExternalInputModal--filtersToggled_91ls0_100 ._ExternalInputModal-filters_91ls0_105{display:none}@media (min-width: 458px){._ExternalInputModal-filters_91ls0_105{border-inline-end:1px solid var(--puck-color-grey-09);display:none}._ExternalInputModal--filtersToggled_91ls0_100 ._ExternalInputModal-filters_91ls0_105{display:block}}._ExternalInputModal-masthead_91ls0_124{background-color:var(--puck-color-grey-12);border-bottom:1px solid var(--puck-color-grey-09);display:flex;flex-wrap:wrap;gap:24px;padding:24px}._ExternalInputModal-tableWrapper_91ls0_133{position:relative;overflow-x:auto;overflow-y:auto;flex-grow:1}._ExternalInputModal-table_91ls0_133{border-collapse:unset;border-spacing:0px;color:var(--puck-color-grey-02);position:relative;z-index:0;min-width:100%}._ExternalInputModal-thead_91ls0_149{background-color:var(--puck-color-white);position:sticky;top:0;z-index:1}._ExternalInputModal-th_91ls0_149{border-bottom:1px solid var(--puck-color-grey-09);color:var(--puck-color-grey-04);font-weight:500;font-size:14px;padding:16px 24px}._ExternalInputModal-td_91ls0_164{border-bottom:1px solid var(--puck-color-grey-10);padding:16px 24px}._ExternalInputModal-tr_91ls0_169 ._ExternalInputModal-td_91ls0_164:first-of-type{font-weight:500;width:1%;white-space:nowrap}@media (hover: hover) and (pointer: fine){._ExternalInputModal-tbody_91ls0_176 ._ExternalInputModal-tr_91ls0_169:hover{background:var(--puck-color-azure-12);color:var(--puck-color-azure-04);cursor:pointer;position:relative;margin-inline-start:-5px}._ExternalInputModal-tbody_91ls0_176 ._ExternalInputModal-tr_91ls0_169:hover ._ExternalInputModal-td_91ls0_164:first-of-type{border-inline-start:4px solid var(--puck-color-azure-04);padding-inline-start:20px}}._ExternalInputModal-tbody_91ls0_176 ._ExternalInputModal-tr_91ls0_169:last-of-type ._ExternalInputModal-td_91ls0_164{border-bottom:none}._ExternalInputModal-tableWrapper_91ls0_133{display:none}._ExternalInputModal--hasData_91ls0_202 ._ExternalInputModal-tableWrapper_91ls0_133{display:block}._ExternalInputModal-loadingBanner_91ls0_206{display:none;background-color:color-mix(in srgb,var(--puck-color-white) 90%,transparent);padding:64px;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0}._ExternalInputModal--isLoading_91ls0_223 ._ExternalInputModal-loadingBanner_91ls0_206{display:flex}._ExternalInputModal-searchForm_91ls0_227{display:flex;flex-wrap:wrap;gap:12px;flex-grow:1}@media (min-width: 458px){._ExternalInputModal-searchForm_91ls0_227{flex-wrap:nowrap}}._ExternalInputModal-search_91ls0_227{display:flex;background:var(--puck-color-white);border-width:1px;border-style:solid;border-color:var(--puck-color-grey-09);border-radius:4px;flex-grow:1;transition:border-color 50ms ease-in}._ExternalInputModal-search_91ls0_227:focus-within{border-color:var(--puck-color-grey-05);outline:2px solid var(--puck-color-azure-05);transition:none}@media (hover: hover) and (pointer: fine){._ExternalInputModal-search_91ls0_227:hover{border-color:var(--puck-color-grey-05);transition:none}}._ExternalInputModal-searchIcon_91ls0_264{align-items:center;background:var(--puck-color-grey-12);border-bottom-left-radius:4px;border-top-left-radius:4px;border-inline-end:1px solid var(--puck-color-grey-09);color:var(--puck-color-grey-07);display:flex;justify-content:center;padding:12px 15px;transition:color 50ms ease-in}._ExternalInputModal-search_91ls0_227:focus-within ._ExternalInputModal-searchIcon_91ls0_264{color:var(--puck-color-grey-04);transition:none}@media (hover: hover) and (pointer: fine){._ExternalInputModal-search_91ls0_227:hover ._ExternalInputModal-searchIcon_91ls0_264{color:var(--puck-color-grey-04);transition:none}}._ExternalInputModal-searchIconText_91ls0_289{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}._ExternalInputModal-searchInput_91ls0_299{border:none;border-radius:4px;background:var(--puck-color-white);font-family:inherit;font-size:14px;padding:12px 15px;width:100%}._ExternalInputModal-searchInput_91ls0_299:focus{outline:0}._ExternalInputModal-searchActions_91ls0_313{display:flex;gap:8px;height:44px;width:100%}@media (min-width: 458px){._ExternalInputModal-searchActions_91ls0_313{width:auto}}._ExternalInputModal-searchActionIcon_91ls0_326{align-self:center}._ExternalInputModal-footerContainer_91ls0_330{background-color:var(--puck-color-grey-12);border-top:1px solid var(--puck-color-grey-09);color:var(--puck-color-grey-04);padding:16px}._ExternalInputModal-footer_91ls0_330{font-weight:500;font-size:14px;text-align:right}._ExternalInputModal-field_91ls0_343{color:var(--puck-color-grey-04);margin:16px 16px 12px;display:block}._Modal_ikbaj_1{background:color-mix(in srgb,var(--puck-color-black) 75%,transparent);display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1;padding:32px}._Modal--isOpen_ikbaj_15{display:flex}._Modal-inner_ikbaj_19{width:100%;max-width:1024px;border-radius:8px;overflow:hidden;background:var(--puck-color-white);display:flex;flex-direction:column;max-height:90dvh}._Heading_qxrry_1{display:block;color:var(--puck-color-black);font-weight:700;margin:0}._Heading_qxrry_1 b{font-weight:700}._Heading--xxxxl_qxrry_12{font-size:var(--puck-font-size-xxxxl);letter-spacing:.08ch;font-weight:800}._Heading--xxxl_qxrry_18{font-size:var(--puck-font-size-xxxl)}._Heading--xxl_qxrry_22{font-size:var(--puck-font-size-xxl)}._Heading--xl_qxrry_26{font-size:var(--puck-font-size-xl)}._Heading--l_qxrry_30{font-size:var(--puck-font-size-l)}._Heading--m_qxrry_34{font-size:var(--puck-font-size-m)}._Heading--s_qxrry_38{font-size:var(--puck-font-size-s)}._Heading--xs_qxrry_42{font-size:var(--puck-font-size-xs)}._Button_10byl_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-radius:4px;color:var(--puck-color-white);display:inline-flex;align-items:center;gap:8px;letter-spacing:.05ch;font-family:var(--puck-font-family);font-size:14px;font-weight:400;box-sizing:border-box;line-height:1;text-align:center;text-decoration:none;transition:background-color 50ms ease-in;cursor:pointer;white-space:nowrap;margin:0}._Button_10byl_1:hover,._Button_10byl_1:active{transition:none}._Button--medium_10byl_29{min-height:34px;padding-bottom:7px;padding-inline-start:19px;padding-inline-end:19px;padding-top:7px}._Button--large_10byl_37{padding-bottom:11px;padding-inline-start:19px;padding-inline-end:19px;padding-top:11px}._Button-icon_10byl_44{margin-top:2px}._Button--primary_10byl_48{background:var(--puck-color-azure-04)}._Button_10byl_1:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:2px}@media (hover: hover) and (pointer: fine){._Button--primary_10byl_48:hover{background-color:var(--puck-color-azure-03)}}._Button--primary_10byl_48:active{background-color:var(--puck-color-azure-02)}._Button--secondary_10byl_67{border:1px solid currentColor;color:currentColor}@media (hover: hover) and (pointer: fine){._Button--secondary_10byl_67:hover{background-color:var(--puck-color-azure-12);color:var(--puck-color-black)}}._Button--secondary_10byl_67:active{background-color:var(--puck-color-azure-11);color:var(--puck-color-black)}._Button--flush_10byl_84{border-radius:0}._Button--disabled_10byl_88,._Button--disabled_10byl_88:hover{background-color:var(--puck-color-grey-07);color:var(--puck-color-grey-03);cursor:not-allowed}._Button--fullWidth_10byl_95{justify-content:center;width:100%}._Button-spinner_10byl_100{padding-inline-start:8px}._ObjectField_1ua3y_5{display:flex;flex-direction:column;background-color:var(--puck-color-white);border:1px solid var(--puck-color-grey-09);border-radius:4px}._ObjectField-fieldset_1ua3y_13{border:none;margin:0;min-width:0;padding:16px 15px}._Drawer_pl7z0_1{display:flex;flex-direction:column;font-family:var(--puck-font-family);gap:12px}._Drawer-draggable_pl7z0_8{position:relative}._Drawer-draggableBg_pl7z0_12{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}._DrawerItem-draggable_pl7z0_22{background:var(--puck-color-white);cursor:grab;padding:12px;display:flex;border:1px var(--puck-color-grey-09) solid;border-radius:4px;font-size:var(--puck-font-size-xxs);justify-content:space-between;align-items:center;transition:background-color 50ms ease-in,color 50ms ease-in}._DrawerItem--disabled_pl7z0_35 ._DrawerItem-draggable_pl7z0_22{background:var(--puck-color-grey-11);color:var(--puck-color-grey-05);cursor:not-allowed}._DrawerItem_pl7z0_22:focus-visible{outline:0}._Drawer_pl7z0_1:not(._Drawer--isDraggingFrom_pl7z0_45) ._DrawerItem_pl7z0_22:focus-visible ._DrawerItem-draggable_pl7z0_22{border-radius:4px;outline:2px solid var(--puck-color-azure-05);outline-offset:2px}@media (hover: hover) and (pointer: fine){._Drawer_pl7z0_1:not(._Drawer--isDraggingFrom_pl7z0_45) ._DrawerItem_pl7z0_22:not(._DrawerItem--disabled_pl7z0_35) ._DrawerItem-draggable_pl7z0_22:hover{background-color:var(--puck-color-azure-12);color:var(--puck-color-azure-04);transition:none}}._DrawerItem-name_pl7z0_63{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}._DraggableComponent_1vaqy_1{position:absolute;pointer-events:none;--overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent )}._DraggableComponent-overlayWrapper_1vaqy_12{height:100%;width:100%;top:0;position:absolute;pointer-events:none;box-sizing:border-box;z-index:1}._DraggableComponent-overlay_1vaqy_12{cursor:pointer;height:100%;outline:2px var(--puck-color-azure-09) solid;outline-offset:-2px;width:100%}._DraggableComponent_1vaqy_1:focus-visible>._DraggableComponent-overlayWrapper_1vaqy_12{outline:1px solid var(--puck-color-azure-05)}._DraggableComponent-loadingOverlay_1vaqy_34{background:var(--puck-color-white);color:var(--puck-color-grey-03);border-radius:4px;display:flex;padding:8px;top:8px;right:8px;position:absolute;pointer-events:all;box-sizing:border-box;opacity:.8;z-index:1}._DraggableComponent--hover_1vaqy_50>._DraggableComponent-overlayWrapper_1vaqy_12>._DraggableComponent-overlay_1vaqy_12{background:var(--overlay-background);outline:2px var(--puck-color-azure-09) solid}._DraggableComponent--isSelected_1vaqy_57>._DraggableComponent-overlayWrapper_1vaqy_12>._DraggableComponent-overlay_1vaqy_12{outline-color:var(--puck-color-azure-07)}._DraggableComponent_1vaqy_1:has(._DraggableComponent--hover_1vaqy_50>._DraggableComponent-overlayWrapper_1vaqy_12)>._DraggableComponent-overlayWrapper_1vaqy_12{display:none}._DraggableComponent-actionsOverlay_1vaqy_71{position:sticky;opacity:0;pointer-events:none;z-index:2}._DraggableComponent--isSelected_1vaqy_57 ._DraggableComponent-actionsOverlay_1vaqy_71{opacity:1;pointer-events:auto}._DraggableComponent-actions_1vaqy_71{position:absolute;width:auto;cursor:grab;display:flex;box-sizing:border-box;transform-origin:right top;min-height:36px}[data-puck-component] *{pointer-events:none;user-select:none;-webkit-user-select:none}[data-puck-component]{cursor:grab;pointer-events:auto!important;user-select:none;-webkit-user-select:none}[data-puck-dropzone]{pointer-events:auto!important}[data-puck-disabled]{cursor:pointer}[data-dnd-placeholder]{background:var(--puck-color-azure-06)!important;border:none!important;color:#0000!important;opacity:.3!important;outline:none!important;transition:none!important}[data-dnd-placeholder] *,[data-dnd-placeholder]:after,[data-dnd-placeholder]:before{opacity:0!important}[data-dnd-dragging][data-puck-component]{pointer-events:none!important;outline:2px var(--puck-color-azure-09) solid!important;outline-offset:-2px!important}._DropZone_1i2sv_1{--resize-animation-ms: .15s;position:relative;height:100%;min-height:var(--min-empty-height);outline-offset:-2px;width:100%}._DropZone--hasChildren_1i2sv_11{min-height:0}._DropZone_1i2sv_1:empty{min-height:var(--min-empty-height)}[data-puck-entry]:not([data-puck-dragging]) ._DropZone_1i2sv_1{transition:min-height var(--resize-animation-ms) ease-in}._DropZone--isAreaSelected_1i2sv_24,._DropZone--hoveringOverArea_1i2sv_25:not(._DropZone--isRootZone_1i2sv_25){background:color-mix(in srgb,var(--puck-color-azure-09) 30%,transparent);outline:2px dashed var(--puck-color-azure-08)}._DropZone_1i2sv_1:empty{background:color-mix(in srgb,var(--puck-color-azure-09) 30%,transparent);outline:2px dashed var(--puck-color-azure-08)}._DropZone--isDestination_1i2sv_35{outline:2px dashed var(--puck-color-azure-04)!important}._DropZone--isDestination_1i2sv_35:not(._DropZone--isRootZone_1i2sv_25){background:color-mix(in srgb,var(--puck-color-azure-09) 30%,transparent)!important}._DropZone-item_1i2sv_47{position:relative}._DropZone-hitbox_1i2sv_51{position:absolute;bottom:-12px;height:24px;width:100%;z-index:1}[data-puck-dragging] ._DropZone--isEnabled_1i2sv_59{outline:2px dashed var(--puck-color-azure-06)}._DropZone_1i2sv_1>*:not([data-puck-component]){opacity:0}body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay]{opacity:0!important}[data-puck-overlay-portal],[data-puck-overlay-portal] *{pointer-events:auto!important}[data-puck-overlay-portal]:hover{outline:2px var(--puck-color-azure-09) dashed;outline-offset:2px}[data-puck-overlay-portal]:focus-within{outline:2px var(--puck-color-azure-07) solid;outline-offset:2px}._InlineTextField_1xph6_1{cursor:text;display:inline-block;white-space:pre-wrap}[data-dnd-dragging] ._InlineTextField_1xph6_1{cursor:none;caret-color:transparent}[data-dnd-dragging] ._InlineTextField_1xph6_1::selection{display:none}._SidebarSection_8boj8_1{display:flex;position:relative;flex-direction:column;color:var(--puck-color-black)}._SidebarSection_8boj8_1:last-of-type{flex-grow:1}._SidebarSection-title_8boj8_12{background:var(--puck-color-white);padding:16px;border-bottom:1px solid var(--puck-color-grey-09);border-top:1px solid var(--puck-color-grey-09);overflow-x:auto}._SidebarSection--noBorderTop_8boj8_20>._SidebarSection-title_8boj8_12{border-top:0px}._SidebarSection-content_8boj8_24{padding:16px}._SidebarSection--noPadding_8boj8_28>._SidebarSection-content_8boj8_24{padding:0}._SidebarSection--noPadding_8boj8_28>._SidebarSection-content_8boj8_24:last-child{padding-bottom:4px}._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24{border-bottom:none;flex-grow:1}._SidebarSection-breadcrumbLabel_8boj8_41{background:none;border:0;border-radius:2px;color:var(--puck-color-azure-04);cursor:pointer;font:inherit;flex-shrink:0;padding:0;transition:color 50ms ease-in}._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:2px}@media (hover: hover) and (pointer: fine){._SidebarSection-breadcrumbLabel_8boj8_41:hover{color:var(--puck-color-azure-03);transition:none}}._SidebarSection-breadcrumbLabel_8boj8_41:active{color:var(--puck-color-azure-02);transition:none}._SidebarSection-breadcrumbs_8boj8_70,._SidebarSection-breadcrumb_8boj8_41{align-items:center;display:flex;gap:4px}._SidebarSection-heading_8boj8_82{padding-inline-end:16px}._SidebarSection-loadingOverlay_8boj8_86{background:var(--puck-color-white);display:flex;justify-content:center;align-items:center;height:100%;width:100%;top:0;position:absolute;z-index:1;pointer-events:all;box-sizing:border-box;opacity:.8}._Puck_1yxlw_19{--puck-space-px: 16px;font-family:var(--puck-font-family);overflow-x:hidden}@media (min-width: 766px){._Puck_1yxlw_19{overflow-x:auto}}._Puck-portal_1yxlw_31{position:relative;z-index:2}._PuckLayout-inner_1yxlw_38{--puck-frame-width: auto;--puck-side-bar-width: 0px;--puck-left-side-bar-width: var( --puck-user-left-side-bar-width, var(--puck-side-bar-width) );--puck-right-side-bar-width: var( --puck-user-right-side-bar-width, var(--puck-side-bar-width) );display:grid;grid-template-areas:"header header header" "left editor right";grid-template-columns:0 var(--puck-frame-width) 0;grid-template-rows:min-content auto;height:100dvh;position:relative;z-index:0}._PuckLayout--mounted_1yxlw_59 ._PuckLayout-inner_1yxlw_38{--puck-side-bar-width: 186px}._PuckLayout--leftSideBarVisible_1yxlw_63 ._PuckLayout-inner_1yxlw_38{grid-template-columns:var(--puck-left-side-bar-width) var(--puck-frame-width) 0}._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38{grid-template-columns:0 var(--puck-frame-width) var(--puck-right-side-bar-width)}._PuckLayout--leftSideBarVisible_1yxlw_63._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38{grid-template-columns:var(--puck-left-side-bar-width) var(--puck-frame-width) var(--puck-right-side-bar-width)}@media (min-width: 458px){._PuckLayout-mounted_1yxlw_83 ._PuckLayout-inner_1yxlw_38{--puck-frame-width: minmax(266px, auto)}}@media (min-width: 638px){._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38{--puck-side-bar-width: minmax(186px, 250px)}}@media (min-width: 766px){._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38{--puck-frame-width: auto}}@media (min-width: 990px){._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38{--puck-side-bar-width: 256px}}@media (min-width: 1198px){._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38{--puck-side-bar-width: 274px}}@media (min-width: 1398px){._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38{--puck-side-bar-width: 290px}}@media (min-width: 1598px){._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38{--puck-side-bar-width: 320px}}._PuckFields_10bh7_1{position:relative;font-family:var(--puck-font-family)}._PuckFields--isLoading_10bh7_6{min-height:48px}._PuckFields-loadingOverlay_10bh7_10{background:var(--puck-color-white);display:flex;justify-content:flex-end;align-items:flex-start;height:100%;width:100%;top:0;position:absolute;z-index:1;pointer-events:all;box-sizing:border-box;opacity:.8}._PuckFields-loadingOverlayInner_10bh7_25{display:flex;padding:16px;position:sticky;top:0}._PuckFields-field_10bh7_32 *{box-sizing:border-box}._PuckFields--wrapFields_10bh7_36 ._PuckFields-field_10bh7_32{color:var(--puck-color-grey-04);padding:16px 16px 12px;display:block}._PuckFields--wrapFields_10bh7_36 ._PuckFields-field_10bh7_32+._PuckFields-field_10bh7_32{border-top:1px solid var(--puck-color-grey-09);margin-top:8px}._ComponentList_1rrlt_1{max-width:100%}._ComponentList--isExpanded_1rrlt_5+._ComponentList_1rrlt_1{margin-top:12px}._ComponentList-content_1rrlt_9{display:none}._ComponentList--isExpanded_1rrlt_5>._ComponentList-content_1rrlt_9{display:block}._ComponentList-title_1rrlt_17{background-color:transparent;border:0;color:var(--puck-color-grey-05);cursor:pointer;display:flex;font:inherit;font-size:var(--puck-font-size-xxxs);list-style:none;margin-bottom:6px;padding:8px;text-transform:uppercase;transition:background-color 50ms ease-in,color 50ms ease-in;gap:4px;border-radius:4px;width:100%}._ComponentList-title_1rrlt_17:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:2px}@media (hover: hover) and (pointer: fine){._ComponentList-title_1rrlt_17:hover{background-color:var(--puck-color-azure-11);color:var(--puck-color-azure-04);transition:none}}._ComponentList-title_1rrlt_17:active{background-color:var(--puck-color-azure-10);transition:none}._ComponentList-titleIcon_1rrlt_53{margin-inline-start:auto}._PuckPreview_z2rgu_1{position:relative;height:100%}._PuckPreview-frame_z2rgu_6{border:none;height:100%;width:100%}._LayerTree_7rx04_1{color:var(--puck-color-grey-03);font-family:var(--puck-font-family);font-size:var(--puck-font-size-xxs);margin:0;position:relative;list-style:none;padding:0}._LayerTree-zoneTitle_7rx04_11{color:var(--puck-color-grey-05);font-size:var(--puck-font-size-xxxs);text-transform:uppercase}._LayerTree-helper_7rx04_17{text-align:center;color:var(--puck-color-grey-07);margin:8px 4px}._Layer_7rx04_1{position:relative;border:1px solid transparent;border-radius:4px}._Layer-inner_7rx04_29{border:1px solid transparent;border-radius:4px;transition:color 50ms ease-in}._Layer--containsZone_7rx04_35>._Layer-inner_7rx04_29{padding-inline-start:0}._Layer-clickable_7rx04_39{align-items:center;background:none;border:0;border-radius:4px;color:inherit;cursor:pointer;display:flex;font:inherit;padding-inline-start:12px;padding-inline-end:4px;width:100%}._Layer-clickable_7rx04_39:focus-visible{outline:2px solid var(--puck-color-azure-05);outline-offset:2px;position:relative;z-index:1}@media (hover: hover) and (pointer: fine){._Layer_7rx04_1:not(._Layer--isSelected_7rx04_61)>._Layer-inner_7rx04_29:hover{border-color:var(--puck-color-azure-10);background:var(--puck-color-azure-11);color:var(--puck-color-azure-04);transition:none}}._Layer--isSelected_7rx04_61{border-color:var(--puck-color-azure-08)}._Layer--isSelected_7rx04_61>._Layer-inner_7rx04_29{background:var(--puck-color-azure-10)}._Layer--isSelected_7rx04_61>._Layer-inner_7rx04_29>._Layer-clickable_7rx04_39>._Layer-chevron_7rx04_77,._Layer--childIsSelected_7rx04_78>._Layer-inner_7rx04_29>._Layer-clickable_7rx04_39>._Layer-chevron_7rx04_77{transform:scaleY(-1)}._Layer-zones_7rx04_82{display:none;margin-inline-start:12px}._Layer--isSelected_7rx04_61>._Layer-zones_7rx04_82,._Layer--childIsSelected_7rx04_78>._Layer-zones_7rx04_82{display:block}._Layer-zones_7rx04_82>._LayerTree_7rx04_1{margin-inline-start:12px}._Layer-title_7rx04_96,._LayerTree-zoneTitle_7rx04_11{display:flex;gap:8px;align-items:center;margin:8px 4px;overflow-x:hidden}._Layer-name_7rx04_105{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}._Layer-icon_7rx04_111{color:var(--puck-color-rose-07);margin-top:4px}._Layer-zoneIcon_7rx04_116{color:var(--puck-color-grey-08);margin-top:4px}._ViewportControls_gejzr_1{display:flex;background:var(--puck-color-grey-11);box-sizing:border-box;border-inline-start:2px solid var(--puck-color-grey-11);justify-content:center;gap:8px;min-width:358px;padding-bottom:16px;padding-inline-start:var(--puck-space-px);padding-inline-end:var(--puck-space-px);z-index:1}._ViewportControls-divider_gejzr_15{border-inline-end:1px solid var(--puck-color-grey-09);margin-inline-start:8px;margin-inline-end:8px}._ViewportControls-zoomSelect_gejzr_21{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;background-size:10px;background-position:calc(100% - 12px) calc(50% + 3px);background-repeat:no-repeat;border:0;font-size:var(--puck-font-size-xxxs);padding:0;width:96px}._ViewportControls-zoomSelect_gejzr_21:dir(rtl){background-position:12px calc(50% + 3px)}._ViewportButton--isActive_gejzr_38 ._ViewportButton-inner_gejzr_38{color:var(--puck-color-azure-04)}._PuckCanvas_18jay_1{background:var(--puck-color-grey-11);display:flex;grid-area:editor;flex-direction:column;padding:var(--puck-space-px);overflow:auto}@media (min-width: 1198px){._PuckCanvas_18jay_1{padding:calc(var(--puck-space-px) * 1.5);padding-top:var(--puck-space-px)}._PuckCanvas_18jay_1:not(._PuckCanvas_18jay_1:has(._PuckCanvas-controls_18jay_16)){padding-top:calc(var(--puck-space-px) * 1.5)}}._PuckCanvas-inner_18jay_21{display:flex;height:100%;justify-content:center;min-width:358px;position:relative;width:100%}._PuckCanvas-root_18jay_30{background:white;border:1px solid var(--puck-color-grey-09);box-sizing:content-box;min-width:321px;position:absolute;pointer-events:none;transform-origin:top;top:0;bottom:0;opacity:0}@media (min-width: 1198px){._PuckCanvas-root_18jay_30{min-width:unset}}@media (prefers-reduced-motion: reduce){._PuckCanvas-root_18jay_30{transition:none!important}}._PuckCanvas--ready_18jay_55 ._PuckCanvas-root_18jay_30{pointer-events:unset;opacity:1}._PuckCanvas-loader_18jay_60{align-items:center;color:var(--puck-color-grey-06);display:flex;height:100%;justify-content:center;transition:opacity .25s ease-out;opacity:0}._PuckCanvas--showLoader_18jay_70 ._PuckCanvas-loader_18jay_60{opacity:1}._PuckCanvas--showLoader_18jay_70._PuckCanvas--ready_18jay_55 ._PuckCanvas-loader_18jay_60{opacity:0;height:0;transition:none}._MenuBar_8pf8c_1{background-color:var(--puck-color-white);border-bottom:1px solid var(--puck-color-grey-09);display:none;left:0;margin-top:1px;padding:8px 16px;position:absolute;right:0;top:100%;z-index:2}._MenuBar--menuOpen_8pf8c_14{display:block}@media (min-width: 638px){._MenuBar_8pf8c_1{border:none;display:block;margin-top:0;overflow-y:visible;padding:0;position:static}}._MenuBar-inner_8pf8c_29{align-items:center;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-end}@media (min-width: 638px){._MenuBar-inner_8pf8c_29{display:flex;flex-direction:row;flex-wrap:nowrap}}._MenuBar-history_8pf8c_45{display:flex}._PuckHeader_15xnq_1{background:var(--puck-color-white);border-bottom:1px solid var(--puck-color-grey-09);color:var(--puck-color-black);grid-area:header;position:relative;max-width:100vw}._PuckHeader-inner_15xnq_10{align-items:end;display:grid;gap:var(--puck-space-px);grid-template-areas:"left middle right";grid-template-columns:1fr auto 1fr;grid-template-rows:auto;padding:var(--puck-space-px)}._PuckHeader-toggle_15xnq_20{color:var(--puck-color-grey-05);display:flex;margin-inline-start:-4px;padding-top:2px}._PuckHeader--rightSideBarVisible_15xnq_27 ._PuckHeader-rightSideBarToggle_15xnq_27,._PuckHeader--leftSideBarVisible_15xnq_28 ._PuckHeader-leftSideBarToggle_15xnq_28{color:var(--puck-color-black)}._PuckHeader-title_15xnq_32{align-self:center}._PuckHeader-path_15xnq_36{font-family:var(--puck-font-family-monospaced);font-size:var(--puck-font-size-xxs);font-weight:400;word-break:break-all}._PuckHeader-tools_15xnq_43{display:flex;gap:16px;justify-content:flex-end}._PuckHeader-menuButton_15xnq_49{color:var(--puck-color-grey-05);margin-inline-start:-4px}._PuckHeader--menuOpen_15xnq_54 ._PuckHeader-menuButton_15xnq_49{color:var(--puck-color-black)}@media (min-width: 638px){._PuckHeader-menuButton_15xnq_49{display:none}}@media (min-width: 766px){._ResizeHandle_144bf_2{position:absolute;width:5px;height:100%;cursor:col-resize;z-index:10;background:transparent;top:0}._ResizeHandle_144bf_2:hover{background:rgba(0,0,0,.1)}._ResizeHandle--left_144bf_16{right:-3px}._ResizeHandle--right_144bf_20{left:-3px}}[data-resize-overlay]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;cursor:col-resize}._Sidebar_1xksb_1{position:relative;display:flex;flex-direction:column;overflow-y:auto}._Sidebar--left_1xksb_8{background:var(--puck-color-grey-12);border-inline-end:1px solid var(--puck-color-grey-09);grid-area:left}._Sidebar--right_1xksb_14{background:var(--puck-color-white);border-inline-start:1px solid var(--puck-color-grey-09);grid-area:right}._Sidebar-resizeHandle_1xksb_20{position:absolute;height:100%}._Sidebar--left_1xksb_8+._Sidebar-resizeHandle_1xksb_20{grid-area:left;justify-self:end}._Sidebar--right_1xksb_14+._Sidebar-resizeHandle_1xksb_20{grid-area:right;justify-self:start}.block-edit-container{padding:1.5rem;background:#f8f9fa;display:flex;flex-direction:column}.block-edit-header{background:white;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.block-edit-header-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.btn-back{display: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}.btn-back:hover{background:#e5e7eb}.block-edit-header h1{font-size:1.75rem;font-weight:600;color:#111827;margin:0}.block-edit-actions{display:flex;gap:1rem;align-items:center}.btn-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid #e5e7eb;border-radius:6px;background:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-toggle.enabled{color:#fff;border-color:#10b981}.btn-toggle.disabled{color:#9ca3af;border-color:#d1d5db}.btn-toggle:hover{background:#f9fafb}.block-edit-content{display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow:auto}.block-edit-form{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;width:100%}.form-section{margin-bottom:0}.form-section:not(:first-child){margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.form-section h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-label.required:after{content:" *";color:#ef4444}.form-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;transition:all .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-help{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.toggle-group{display:flex;align-items:center}.toggle-group .toggle-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background:white;cursor:pointer;transition:all .2s;width:100%;justify-content:flex-start}.toggle-group .toggle-btn.enabled{color:#10b981;border-color:#10b981;background:#f0fdf4}.toggle-group .toggle-btn.disabled{color:#9ca3af;border-color:#d1d5db;background:#f9fafb}.toggle-group .toggle-btn:hover{opacity:.8}.wysiwyg-group{margin-bottom:0;width:100%}.wysiwyg-editor-wrapper{border:1px solid #d1d5db;border-radius:6px;overflow:hidden;background:white;margin-bottom:.5rem}.wysiwyg-editor-wrapper :global(.ql-toolbar){border-bottom:1px solid #e5e7eb;background:#f9fafb;padding:.75rem;border-top-left-radius:6px;border-top-right-radius:6px}.wysiwyg-editor-wrapper :global(.ql-container){font-family:Nunito Sans,sans-serif;font-size:.875rem;min-height:500px;border:none}.wysiwyg-editor-wrapper :global(.ql-editor){min-height:500px;padding:1rem;color:#111827;line-height:1.6}.wysiwyg-editor-wrapper :global(.ql-editor.ql-blank:before){color:#9ca3af;font-style:normal;left:1rem}.wysiwyg-editor-wrapper :global(.ql-stroke){stroke:#6b7280}.wysiwyg-editor-wrapper :global(.ql-fill){fill:#6b7280}.wysiwyg-editor-wrapper :global(.ql-picker-label){color:#374151}.wysiwyg-editor-wrapper :global(.ql-picker-options){background:white;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a}.wysiwyg-editor-wrapper :global(.ql-toolbar button:hover),.wysiwyg-editor-wrapper :global(.ql-toolbar button:focus),.wysiwyg-editor-wrapper :global(.ql-toolbar button.ql-active){color:#3b82f6}.wysiwyg-editor-wrapper :global(.ql-toolbar button:hover .ql-stroke),.wysiwyg-editor-wrapper :global(.ql-toolbar button:focus .ql-stroke),.wysiwyg-editor-wrapper :global(.ql-toolbar button.ql-active .ql-stroke){stroke:#3b82f6}.wysiwyg-editor-wrapper :global(.ql-toolbar button:hover .ql-fill),.wysiwyg-editor-wrapper :global(.ql-toolbar button:focus .ql-fill),.wysiwyg-editor-wrapper :global(.ql-toolbar button.ql-active .ql-fill){fill:#3b82f6}.editor-mode-selector{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.mode-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:white;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover{background:#f9fafb;border-color:#3b82f6}.mode-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.mode-btn svg{flex-shrink:0}.code-editor-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:0;background:#f9fafb;padding:0 1rem;border-top-left-radius:6px;border-top-right-radius:6px}.code-tab{padding:.75rem 1.25rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.code-tab:hover{color:#374151;background:#f3f4f6}.code-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:white}.code-editor-wrapper{border:1px solid #d1d5db;border-top:none;border-radius:0 0 6px 6px;overflow:hidden;background:white}.code-editor-wrapper :global(.cm-editor){font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.875rem;line-height:1.6}.code-editor-wrapper :global(.cm-scroller){overflow:auto}.code-editor-wrapper :global(.cm-focused){outline:none}.code-editor-wrapper :global(.cm-gutters){background:#f9fafb;border-right:1px solid #e5e7eb;color:#9ca3af}.code-editor-wrapper :global(.cm-lineNumbers .cm-gutterElement){padding:0 .5rem}.code-editor-wrapper :global(.cm-activeLineGutter){background:#f3f4f6}.theme-toggle{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;background:white;cursor:pointer;transition:all .2s;font-size:1.125rem;line-height:1}.theme-toggle:hover{background:#f9fafb;border-color:#3b82f6}.theme-toggle.active{background:#1f2937;color:#fff;border-color:#1f2937}.btn-sm{padding:.5rem .75rem;font-size:.8125rem}.puck-editor-wrapper{position:relative;min-height:600px;height:auto;border:1px solid #d1d5db;border-radius:6px;overflow:visible;background:white}.puck-preview{padding:2rem;min-height:600px;overflow-y:auto;background:white}.puck-editor-wrapper :global(.puck-root){font-family:Nunito Sans,sans-serif;min-height:600px!important;height:auto!important;display:flex!important;flex-direction:row!important;position:relative!important}.puck-editor-wrapper :global(.puck-sidebar){border-left:1px solid #e5e7eb;background:#f9fafb;overflow-y:auto;min-width:280px;max-height:80vh;position:sticky;top:0}.puck-editor-wrapper :global(.puck-canvas){background:#f9fafb;flex:1;overflow-y:auto;min-height:600px;padding:1rem}.puck-editor-wrapper :global(.puck-frame-root){min-height:600px!important}.puck-editor-wrapper :global(.puck-frame){min-height:600px!important;padding:2rem;background:white}.puck-editor-wrapper :global([data-puck-category]){margin-bottom:.75rem}.puck-editor-wrapper :global([data-puck-category] .puck-list){padding:0;margin:0}.puck-editor-wrapper :global(.puck-list-item){list-style:none;padding:.5rem .75rem;border-radius:4px;cursor:grab;margin:.125rem 0;display:flex;align-items:center;gap:.5rem;transition:background .2s}.puck-editor-wrapper :global(.puck-list-item:hover){background:#e5e7eb}.puck-editor-wrapper :global(.puck-list-item:active){cursor:grabbing;background:#d1d5db}.puck-editor-wrapper :global([data-puck-category-title]){padding:.625rem .75rem;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb}.page-builder-section{margin-top:2rem}.page-builder-section .editor-header{margin-bottom:1rem}.html-block-container{position:relative;width:100%;min-height:50px;border:1px dashed transparent;border-radius:4px;transition:all .2s}.html-block-container:hover{border-color:#d1d5db;background:rgba(59,130,246,.02)}.html-block-content{width:100%;min-height:50px;padding:.5rem}.html-block-container *{box-sizing:border-box}.code-editor-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.code-editor-modal-content{background:white;border-radius:8px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.code-editor-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-top-left-radius:8px;border-top-right-radius:8px}.code-editor-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.btn-close{background:transparent;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:4px;transition:all .2s}.btn-close:hover{background:#e5e7eb;color:#111827}.code-editor-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media (max-width: 1200px){.block-edit-content{grid-template-columns:1fr}.block-edit-form{position:static}.code-editor-modal{padding:1rem}.code-editor-modal-content{max-height:95vh}}.layout{display:flex;height:100vh;background-color:#f8f9fa}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:240px}.content{padding:24px;overflow-y:auto;background-color:#f8f9fa;position:relative}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.page-transition-enter{animation:fadeInSlide .4s cubic-bezier(.4,0,.2,1) forwards}.page-transition-exit{animation:fadeOut .15s cubic-bezier(.4,0,1,1) forwards}.content{scroll-behavior:smooth}.content>*{transition:opacity .3s ease,transform .3s ease}@media (max-width: 768px){.layout{height:100vh;overflow:hidden;position:relative}.main-content{margin-left:0;width:100%;min-height:100vh}.content{padding:12px 12px 20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.footer{padding:12px 0}.footer-content{padding:0 12px}.footer-content p{font-size:12px}.content>*{max-width:100%}}@media (min-width: 769px) and (max-width: 1024px){.main-content{margin-left:200px}.content{padding:20px}.footer{padding:14px 0}.footer-content{padding:0 20px}}@media (min-width: 1025px){.main-content{margin-left:240px}.content{padding:24px}.footer{padding:16px 0}.footer-content{padding:0 24px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(35,31,90,1);padding:20px}.login-card{background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;padding:48px 40px;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.login-logo{width:240px;height:auto;margin-bottom:24px}.login-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px}.login-subtitle{font-size:16px;color:#718096;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#2d3748}.form-group input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .3s ease;outline:none}.form-group input:focus{border-color:#231f5a;box-shadow:0 0 0 3px #231f5a1a}.form-group input::placeholder{color:#a0aec0}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-8px}.login-button{margin-top:8px;padding:14px 24px;background:rgba(35,31,90,1);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #231f5a4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #231f5a80;background:rgba(35,31,90,.9)}.login-button:active{transform:translateY(0)}.login-footer{margin-top:32px;text-align:center;font-size:14px;color:#718096}.login-footer a{color:#231f5a;text-decoration:none;font-weight:600;transition:color .2s}.login-footer a:hover{color:#231f5acc;text-decoration:underline}@media (max-width: 480px){.login-card{padding:32px 24px}.login-title{font-size:24px}.login-logo{width:100px}.form-options{flex-direction:column;gap:12px;align-items:flex-start}}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid transparent;white-space:nowrap;min-height:36px;font-family:inherit;line-height:1.5}.btn:disabled,button.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary,button.btn-primary{background-color:#f97316;color:#fff;border-color:#f97316}.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background-color:#ea580c;border-color:#ea580c;color:#fff}.btn-primary:active:not(:disabled),button.btn-primary:active:not(:disabled){background-color:#c2410c;border-color:#c2410c}.btn-secondary,button.btn-secondary{background-color:#6b7280;color:#fff;border-color:#6b7280}.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){background-color:#4b5563;border-color:#4b5563;color:#fff}.btn-secondary:active:not(:disabled),button.btn-secondary:active:not(:disabled){background-color:#374151;border-color:#374151}.btn-outline,button.btn-outline{background-color:#fff;color:#374151;border-color:#d1d5db}.btn-outline:hover:not(:disabled),button.btn-outline:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af;color:#374151}.btn-outline:active:not(:disabled),button.btn-outline:active:not(:disabled){background-color:#f3f4f6;border-color:#6b7280}.btn-danger,button.btn-danger{background-color:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:hover:not(:disabled),button.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c;color:#fff}.btn-danger:active:not(:disabled),button.btn-danger:active:not(:disabled){background-color:#991b1b;border-color:#991b1b}.btn-success,button.btn-success{background-color:#10b981;color:#fff;border-color:#10b981}.btn-success:hover:not(:disabled),button.btn-success:hover:not(:disabled){background-color:#059669;border-color:#059669;color:#fff}.btn-sm,button.btn-sm{padding:6px 12px;font-size:12px;min-height:28px}.btn-md,button.btn-md{padding:8px 16px;font-size:14px;min-height:36px}.btn-lg,button.btn-lg{padding:12px 24px;font-size:16px;min-height:44px}.btn-toggle,button.btn-toggle{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-width:100px;min-height:36px}.btn-toggle.enabled,button.btn-toggle.enabled{background-color:#059669;color:#fff;border-color:#059669}.btn-toggle.enabled:hover:not(:disabled),button.btn-toggle.enabled:hover:not(:disabled){background-color:#047857;border-color:#047857;color:#fff}.btn-toggle.disabled,button.btn-toggle.disabled{background-color:#dc2626;color:#fff;border-color:#dc2626}.btn-toggle.disabled:hover:not(:disabled),button.btn-toggle.disabled:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c;color:#fff}.btn-icon,button.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;min-width:32px;min-height:32px;border:1px solid #d1d5db;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#374151}.btn-icon:hover:not(:disabled),button.btn-icon:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.btn-icon:disabled,button.btn-icon:disabled{opacity:.5;cursor:not-allowed}.action-btn,button.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:1px solid #d1d5db;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#374151}.action-btn:hover:not(:disabled),button.action-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.action-btn.danger:hover:not(:disabled),button.action-btn.danger:hover:not(:disabled){background-color:#fee2e2;border-color:#f87171;color:#dc2626}.action-btn:disabled,button.action-btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fee2e2;color:#dc2626}.status-pending{background-color:#fef3c7;color:#92400e}.status-completed,.status-processing{background-color:#dbeafe;color:#1e40af}.status-canceled{background-color:#fee2e2;color:#991b1b}.action-link{background:none;border:none;color:#3b82f6;font-weight:500;cursor:pointer;text-decoration:underline;font-size:14px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:all .2s ease;font-family:inherit}.action-link:hover{color:#2563eb;background-color:#f3f4f6}.action-link.delete{color:#ef4444}.action-link.delete:hover{color:#dc2626;background-color:#fef2f2}@media (max-width: 768px){.btn,button.btn{min-height:44px;padding:10px 16px}.btn-icon,button.btn-icon{min-width:44px;min-height:44px;width:44px;height:44px}.action-btn,button.action-btn{min-width:36px;min-height:36px;width:36px;height:36px}.btn-sm,button.btn-sm{min-height:36px;padding:8px 12px}}:root{--mobile-breakpoint: 768px;--tablet-breakpoint: 1024px;--mobile-padding: 12px;--tablet-padding: 16px}@media (max-width: 768px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.table-container:after{content:"← Desliza para ver más →";position:sticky;right:0;top:0;background:linear-gradient(90deg,transparent,rgba(249,115,22,.1));padding:8px 16px;font-size:11px;color:#f97316;text-align:center;display:block;pointer-events:none;z-index:10}.data-table{min-width:800px;font-size:13px}.data-table th,.data-table td{padding:10px 8px;font-size:12px}.data-table th{font-size:11px;white-space:nowrap}.data-table th.hide-mobile,.data-table td.hide-mobile{display:none}.action-btn,.action-link{padding:4px 8px;font-size:12px}.status-badge{padding:3px 8px;font-size:10px}}@media (max-width: 768px){.page-container{padding:var(--mobile-padding);min-height:auto}.page-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:12px}.page-title{font-size:22px;font-weight:700}.page-actions{width:100%;flex-direction:column;gap:8px}.page-actions .btn{width:100%;justify-content:center;padding:10px 16px;font-size:14px}}@media (max-width: 768px){.search-filter-section{flex-direction:column;gap:12px;padding:12px;margin-bottom:16px}.search-controls{width:100%;flex-direction:column;gap:8px}.search-controls .btn{width:100%}.results-info{text-align:center;font-size:13px;width:100%}.pagination-controls{flex-direction:column;gap:12px;width:100%}.per-page-selector{width:100%;justify-content:space-between}.per-page-select{flex:1;padding:8px 12px;font-size:14px}.page-navigation{width:100%;justify-content:center}.column-header{gap:4px}.filter-input{max-width:100%;padding:4px 6px;font-size:11px}}@media (max-width: 768px){.form-container{padding:0 var(--mobile-padding)}.form-grid{grid-template-columns:1fr;gap:16px}.form-group{width:100%}.form-input,.form-select{width:100%;padding:12px;font-size:16px}.form-label{font-size:14px}.summary-grid,.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}}@media (max-width: 768px){.products-grid,.orders-grid,.stores-grid,.campaigns-grid{grid-template-columns:1fr;gap:12px}.order-card,.product-card,.store-card{padding:12px}.card-header,.order-card-header{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.card-content,.order-card-content{padding:12px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-row .label{font-size:12px}.info-row span:last-child{font-size:14px}}@media (max-width: 768px){.btn{padding:10px 16px;font-size:14px;min-height:44px}.btn-icon{width:36px;height:36px;min-width:44px;min-height:44px}.action-buttons{flex-wrap:wrap;gap:6px}.action-buttons .btn{flex:1;min-width:calc(50% - 3px)}.pagination-btn{min-width:44px;min-height:44px}.bottom-pagination{flex-direction:column;gap:12px;padding:12px}.pagination-info{text-align:center}}@media (max-width: 768px){.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:12px 16px;font-size:13px;white-space:nowrap;flex-shrink:0}.tabs-container{margin-bottom:16px}}@media (max-width: 768px){.dropdown-menu{position:fixed;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:320px;right:auto}.dropdown-item{padding:14px 16px;min-height:44px}}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile-only{display:block!important}.text-sm-mobile{font-size:13px}.mb-mobile-sm{margin-bottom:8px}.mt-mobile-sm{margin-top:8px}.actions-mobile-stack{flex-direction:column;width:100%}.actions-mobile-stack .btn{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.page-container{padding:var(--tablet-padding)}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 10px}.page-title{font-size:24px}.search-filter-section{padding:14px}.products-grid,.orders-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.page-container{padding:8px}.page-title{font-size:20px}.data-table{min-width:700px;font-size:11px}.data-table th,.data-table td{padding:8px 6px;font-size:11px}.btn{padding:8px 12px;font-size:13px}.order-card,.product-card,.card-header{padding:10px}.action-btn{min-width:36px;min-height:36px;padding:6px}}@media (max-width: 768px){button,a,.btn,.action-btn,.tab{min-height:44px;min-width:44px}.action-buttons,.page-actions{gap:12px}*{-webkit-overflow-scrolling:touch}.btn,.action-btn{user-select:none;-webkit-user-select:none}}@media (max-width: 768px) and (orientation: landscape){.page-container{padding:12px}.data-table{min-width:900px}.page-header{flex-direction:row;align-items:center}.page-actions{flex-direction:row;width:auto}}@media (max-width: 768px){.table-wrapper{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper:before,.table-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1}.table-wrapper:before{left:0;background:linear-gradient(to right,rgba(248,250,252,1),transparent)}.table-wrapper:after{right:0;background:linear-gradient(to left,rgba(248,250,252,1),transparent)}}@media (max-width: 768px){.table-container,.page-content,.card{box-shadow:0 1px 2px #0000000d}*{transition-duration:.15s}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;background-color:#f8f9fa}#root{height:100vh;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}