:root{--bg-main:#f4f6f8;--bg-panel:#fff;--text-main:#111;--text-muted:#6c757d;--border-color:#e9ecef;--hover-bg:#f1f3f5;--active-bg:#e2e6ea;--sidebar-bg:#fff;--scrollbar-thumb:#d1d5db;--earnings-bg:#111;--earnings-text:#fff;--earnings-muted:#a0a0a0;--chart-line:#1a73e8;--danger-text:#dc3545}[data-theme=dark]{--bg-main:#0a0a0a;--bg-panel:#111;--text-main:#fff;--text-muted:#a0a0a0;--border-color:#2a2a2a;--hover-bg:#1e1e24;--active-bg:#2a2a30;--sidebar-bg:#000;--scrollbar-thumb:#3f3f46;--earnings-bg:#1e1e24;--earnings-text:#fff;--earnings-muted:#a0a0a0;--chart-line:#3b82f6;--danger-text:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background-color:var(--bg-main);color:var(--text-main);display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:24px;font-size:22px;font-weight:800;letter-spacing:2px;border-bottom:1px solid var(--border-color);text-align:center}.sidebar-menu-container{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.main-content::-webkit-scrollbar,.sidebar-menu-container::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track,.sidebar-menu-container::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb,.sidebar-menu-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:10px}.sidebar-menu{list-style:none;padding:20px 0}.sidebar-menu li{padding:0 15px;margin-bottom:5px}.sidebar-menu a{display:flex;align-items:center;padding:12px 20px;color:var(--text-main);text-decoration:none;font-weight:500;border-radius:6px}.sidebar-menu a:hover{background-color:var(--hover-bg)}.sidebar-menu a.active{background-color:var(--active-bg);font-weight:600}.dropdown-toggle{justify-content:space-between;cursor:pointer}.dropdown-toggle .menu-left{display:flex;align-items:center}.arrow{font-size:10px;transition:transform .3s ease}.dropdown.open .arrow{transform:rotate(180deg)}.dropdown-menu{display:none;list-style:none;padding-left:10px;margin-top:5px}.dropdown.open .dropdown-menu{display:block;animation:fadeIn .3s}.dropdown-menu a{padding:10px 20px;font-size:14px;font-weight:400;background-color:transparent!important}.dropdown-menu a:hover{color:var(--text-main);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sidebar-bottom{padding:20px;margin-top:auto}.earnings-box{background-color:var(--earnings-bg);color:var(--earnings-text);padding:15px 20px;border-radius:8px;display:flex;flex-direction:column;gap:5px}.earnings-title{font-size:13px;color:var(--earnings-muted);font-weight:500}.earnings-amount{font-size:22px;font-weight:700;letter-spacing:.5px}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.topbar{height:70px;background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:0 30px;flex-shrink:0}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{flex-grow:1}.search-input{width:100%;max-width:400px;padding:10px 15px;border:1px solid var(--border-color);background-color:transparent;color:var(--text-main);border-radius:8px;font-size:13px;outline:none;transition:border-color .3s}.search-input:focus{border-color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.notification-container{cursor:pointer;justify-content:center}.notification-btn,.notification-container{position:relative;display:flex;align-items:center}.notification-btn{color:var(--text-main);padding:5px}.notification-btn svg{width:20px;height:20px}.notification-dot{position:absolute;top:4px;right:5px;width:8px;height:8px;background-color:var(--danger-text);border:2px solid var(--bg-panel);border-radius:50%}.notification-menu{position:absolute;top:130%;right:-10px;background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;width:300px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:none;z-index:100;overflow:hidden;cursor:default}.notification-menu.show{display:block;animation:fadeIn .2s}.notification-header{padding:15px 20px;font-size:14px;font-weight:600;border-bottom:1px solid var(--border-color);background-color:var(--bg-panel)}.notification-list{max-height:250px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:10px}.notification-item{display:block;padding:12px 20px;text-decoration:none;color:var(--text-main);border-bottom:1px solid var(--border-color);transition:background-color .2s}.notification-item.unread,.notification-item:hover{background-color:var(--hover-bg)}.notification-item.unread{border-left:3px solid var(--text-main)}.notif-title{font-size:13px;font-weight:600;margin-bottom:4px}.notif-desc{font-size:12px;color:var(--text-muted);margin-bottom:6px}.notif-time{font-size:11px;color:var(--text-muted)}.notification-footer{display:block;padding:12px;text-align:center;font-size:13px;font-weight:600;color:var(--text-main);text-decoration:none;background-color:var(--hover-bg);border-top:1px solid var(--border-color)}.notification-footer:hover{opacity:.8}.theme-toggle{background:none;border:1px solid var(--border-color);color:var(--text-main);padding:8px 15px;border-radius:20px;cursor:pointer;font-weight:600;font-size:13px}.theme-toggle:hover{background-color:var(--hover-bg)}.custom-select,.profile-container{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-profile{gap:10px;font-weight:600}.avatar,.user-profile{display:flex;align-items:center;font-size:14px}.avatar{width:35px;height:35px;background-color:var(--text-main);color:var(--bg-panel);border-radius:50%;justify-content:center}.profile-menu,.select-items{position:absolute;top:120%;background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:none;z-index:100;overflow:hidden;min-width:100%;white-space:nowrap}.profile-menu{right:0;min-width:160px}.profile-menu.show,.select-items:not(.select-hide){display:block;animation:fadeIn .2s}.profile-menu a,.select-items div{display:block;padding:12px 20px;color:var(--text-main);text-decoration:none;font-size:13px;font-weight:500;border-bottom:1px solid var(--border-color);transition:background-color .2s}.profile-menu a:last-child,.select-items div:last-child{border-bottom:none}.profile-menu a:hover,.select-items div.active,.select-items div:hover{background-color:var(--hover-bg);color:var(--text-main)}.dashboard-content{padding:30px;display:flex;flex-direction:column;gap:20px}.filter-bar{justify-content:space-between;background-color:var(--bg-panel);padding:15px 20px;border-radius:8px;border:1px solid var(--border-color)}.filter-bar,.filter-left{display:flex;align-items:center}.filter-left{gap:15px}.select-selected{border:1px solid var(--border-color);padding:8px 15px;border-radius:6px;display:flex;gap:15px;align-items:center;background-color:var(--bg-panel);color:var(--text-main);font-weight:500;font-size:13px}.select-selected .arrow{font-size:9px;color:var(--text-muted)}.filter-text{font-size:13px;color:var(--text-muted);margin-left:10px}.visitor-box{display:flex;align-items:center;gap:10px;border:1px solid var(--border-color);padding:8px 15px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.visitor-box:hover{background-color:var(--hover-bg)}.visitor-dot{width:8px;height:8px;background-color:var(--text-muted);border-radius:50%;display:inline-block}.visitor-arrow{color:var(--text-muted);margin-left:5px}.panel-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;padding:25px}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-bottom:30px;border-bottom:1px solid var(--border-color)}.metric-item{display:flex;flex-direction:column;gap:8px;border-bottom:2px solid transparent;padding:15px;cursor:pointer;transition:.2s;border-radius:8px 8px 0 0}.metric-item:hover{background-color:var(--hover-bg)}.metric-item.active{border-bottom-color:var(--chart-line)}.metric-title{font-size:13px;color:var(--text-muted)}.metric-value-row{display:flex;align-items:baseline;gap:10px}.metric-value{font-size:20px;font-weight:700}.metric-percent{font-size:12px;color:var(--text-muted);background-color:var(--hover-bg);padding:2px 6px;border-radius:4px}.metric-percent.negative{color:var(--danger-text);background-color:rgba(220,53,69,.1)}.chart-placeholder{width:100%;height:250px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.chart-y-axis{position:absolute;left:0;top:0;font-size:12px;color:var(--text-muted);padding-right:15px}.chart-grid-lines,.chart-y-axis{height:100%;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines{margin-left:30px}.grid-line{width:100%;height:1px;background-color:var(--border-color)}.chart-line{position:absolute;bottom:30px;left:30px;width:calc(100% - 30px);height:2px;background-color:var(--chart-line);transition:.3s ease}.chart-x-axis{margin-left:30px;display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:var(--text-muted)}.dashboard-grid-2{display:grid;grid-template-columns:2fr 1fr;grid-gap:20px;gap:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:16px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--text-muted)}.empty-state-title{font-weight:600;color:var(--text-main);margin-top:15px;margin-bottom:5px;font-size:14px}.empty-state-text{font-size:13px}.growth-list{gap:25px}.growth-item,.growth-list{display:flex;flex-direction:column}.growth-item{gap:5px}.growth-item-header{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}.growth-item-value{font-size:18px;font-weight:700}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.product-actions-right{display:flex;gap:12px}.single-tab-container{border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab-active-line{display:inline-block;font-weight:700;font-size:15px;padding-bottom:12px;border-bottom:2px solid var(--text-main)}.table-toolbar{justify-content:space-between;margin-bottom:20px;gap:15px}.table-toolbar,.toolbar-left{display:flex;align-items:center}.toolbar-left{gap:12px;flex-grow:1}.search-box-table input{padding:10px 15px;border:1px solid var(--border-color);border-radius:8px;background:transparent;width:250px;color:var(--text-main);outline:none}.view-toggles{display:flex;gap:8px}.data-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table td,.data-table th{padding:18px 15px;border-bottom:1px solid var(--border-color);font-size:13px}.product-cell{display:flex;align-items:center;gap:15px}.product-img{width:45px;height:45px;background-color:var(--hover-bg);border:1px solid var(--border-color);border-radius:6px}.sortable-th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text-muted)}.sortable-th:hover{color:var(--text-main)}.grid-hide{display:none!important}.page-content{padding:30px;display:flex;flex-direction:column;gap:0}.page-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.btn-primary{background-color:var(--text-main);color:var(--bg-panel);border:none;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--text-main);border:1px solid var(--border-color);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.btn-secondary:hover{background-color:var(--hover-bg);border-color:var(--text-muted)}.btn-icon{background-color:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;display:flex;align-items:center;gap:8px}.btn-icon:hover{background-color:var(--hover-bg);color:var(--text-main)}.btn-icon.active{background-color:var(--active-bg);color:var(--text-main);font-weight:600;border-color:var(--text-muted)}.product-info{display:flex;flex-direction:column;gap:4px}.product-name{font-weight:600;font-size:13px;color:var(--text-main)}.product-sku{font-size:12px;color:var(--text-muted);font-weight:400}.price-current{font-size:14px;font-weight:600;color:var(--text-main)}.data-table th{font-weight:600;color:var(--text-muted);font-size:12px;text-transform:none;letter-spacing:.3px;white-space:nowrap}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background-color:var(--hover-bg)}.data-table tbody tr:last-child td{border-bottom:none}.channel-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer;padding:4px 10px;border-radius:6px;transition:background-color .2s ease}.channel-status:hover{background-color:var(--hover-bg)}.status-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;display:inline-block;flex-shrink:0}.custom-checkbox{width:16px;height:16px;accent-color:var(--text-main);cursor:pointer;border-radius:4px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;margin-top:15px;border-top:1px solid var(--border-color);font-size:13px;color:var(--text-muted)}.row-count-select{background-color:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-color);padding:5px 10px;border-radius:6px;font-size:13px;cursor:pointer;margin-left:8px;outline:none}.row-count-select:focus{border-color:var(--text-muted)}.product-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px;padding:5px 0}.product-card-grid{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.product-card-grid:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-2px);border-color:var(--text-muted)}.grid-img{width:100%;aspect-ratio:1/1;background-color:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px}.product-card-grid .product-name{font-size:14px;font-weight:600;margin-top:4px}.product-card-grid .price-current{font-size:15px;font-weight:700;color:var(--text-main)}.product-card-grid .product-sku{font-size:12px;color:var(--text-muted)}.page-content-centered{padding:30px;display:flex;flex-direction:column;flex-grow:1}.page-content-centered .panel-card{flex-grow:1;display:flex;align-items:center;justify-content:center}.purchase-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;width:100%}.purchase-empty-icon{margin-bottom:30px}.purchase-empty-icon svg{opacity:.85}.purchase-empty-title{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:12px;display:flex;align-items:center;gap:8px}.info-icon{cursor:help;opacity:.7}.info-icon,.purchase-empty-desc{font-size:14px;color:var(--text-muted)}.purchase-empty-desc{line-height:1.7;margin-bottom:28px;max-width:420px}.purchase-add-btn{padding:12px 28px;font-size:14px}.definitions-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0}.definition-card{display:flex;gap:16px;padding:28px 24px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease;align-items:flex-start;text-decoration:none;color:inherit}.definition-card:nth-child(3n){border-right:none}.definition-card:nth-last-child(-n+3){border-bottom:none}.definition-card:hover{background-color:var(--hover-bg)}.definition-icon{font-size:20px;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-top:2px}.definition-info{display:flex;flex-direction:column;gap:6px}.definition-name{font-size:14px;font-weight:700;color:var(--text-main)}.definition-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.upgrade-container{display:flex;flex-direction:column;align-items:center;padding:40px 40px 50px;text-align:center;max-width:640px;margin:0 auto}.upgrade-illustration{width:100%;max-width:420px;height:220px;background:linear-gradient(135deg,#f0f4ff,#fce4ff 50%,#e8f5e9);border-radius:16px;margin-bottom:36px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.upgrade-title{font-size:22px;font-weight:700;color:var(--text-main);margin-bottom:14px}.upgrade-desc{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:28px;max-width:500px}.upgrade-subtitle{font-size:15px;font-weight:700;color:var(--text-main);margin-bottom:18px;text-align:left;width:100%}.upgrade-checklist{display:flex;flex-direction:column;gap:14px;width:100%;margin-bottom:32px;text-align:left}.upgrade-check-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-main)}.check-icon{width:22px;height:22px;background-color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:12px;font-weight:700}.upgrade-actions{display:flex;gap:14px;width:100%;justify-content:flex-end;margin-top:8px}.btn-upgrade{background-color:var(--text-main);color:var(--bg-panel);border:none;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;display:flex;align-items:center;gap:8px}.btn-upgrade:hover{opacity:.9;transform:translateY(-1px)}.barcode-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:var(--text-muted)}.form-select{padding:11px 15px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-panel);color:var(--text-main);font-size:14px;font-weight:500;cursor:pointer;outline:none;-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 24 24' fill='none' stroke='%236c757d' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-select:focus{border-color:var(--text-muted)}.barcode-search-box{max-width:320px;margin-bottom:30px}.barcode-search-box input{width:100%;padding:10px 15px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-main);font-size:13px;outline:none}.barcode-search-box input:focus{border-color:var(--text-muted)}.barcode-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;border-top:1px solid var(--border-color)}.barcode-empty-icon{margin-bottom:20px}.barcode-empty-title{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:8px}.barcode-empty-desc{font-size:13px;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge.delivered{color:var(--text-muted)}.status-badge.delivered:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--text-muted)}.status-badge.paid{background-color:rgba(34,197,94,.12);color:#22c55e}.order-id-cell{display:flex;align-items:center;gap:10px;font-weight:600}.order-id-cell .delete-icon{color:var(--text-muted);cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s}.data-table tbody tr:hover .delete-icon{opacity:1}.customer-cell{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:600;font-size:13px;color:var(--text-main)}.customer-email{font-size:12px;color:var(--text-muted)}.order-channel{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.order-total-cell{display:flex;flex-direction:column;gap:2px}.order-total-amount{font-weight:600;font-size:13px}.order-total-count{font-size:12px;color:var(--text-muted)}.date-cell{display:flex;flex-direction:column;gap:2px}.date-main{font-size:13px;color:var(--text-main)}.date-time{font-size:12px;color:var(--text-muted)}.btn-devam{background-color:var(--text-main);color:var(--bg-panel);border:none;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-devam:hover{opacity:.9}.settings-banner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px}.settings-banner-left{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--text-main);font-weight:500}.settings-banner-icon{width:36px;height:36px;border-radius:8px;background-color:var(--hover-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-banner-icon svg{color:var(--text-muted)}.license-section{display:flex;align-items:stretch;background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:32px}.license-illustration{flex:0 0 340px;background:linear-gradient(135deg,var(--hover-bg) 0,var(--bg-panel) 100%);display:flex;align-items:center;justify-content:center;padding:30px;position:relative}.license-illustration svg{opacity:.7}.license-info{flex:1 1;padding:32px 36px;display:flex;flex-direction:column;justify-content:center}.license-title{font-size:20px;font-weight:700;color:var(--text-main);margin-bottom:16px}.license-details{display:flex;align-items:center;gap:20px;margin-bottom:22px;flex-wrap:wrap}.license-detail-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.license-detail-item svg{flex-shrink:0}.license-actions{display:flex;gap:12px}.settings-section-title{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:18px;margin-top:8px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:32px;background-color:var(--bg-panel)}.settings-card{display:flex;align-items:flex-start;gap:14px;padding:22px 24px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transition:background-color .2s;cursor:pointer}.settings-card:nth-child(3n){border-right:none}.settings-card:hover{background-color:var(--hover-bg)}.settings-card-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);margin-top:2px}.settings-card-info{flex:1 1;min-width:0}.settings-card-name{font-size:14px;font-weight:700;color:var(--text-main);margin-bottom:6px}.settings-card-desc{font-size:12.5px;color:var(--text-muted);line-height:1.6}.login-body{background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;height:100vh;margin:0}.login-container{width:100%;max-width:400px;background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:40px;box-shadow:0 8px 24px rgba(0,0,0,.05)}.login-logo{text-align:center;font-size:24px;font-weight:700;color:var(--text-main);margin-bottom:8px}.login-desc{text-align:center;font-size:14px;color:var(--text-muted);margin-bottom:32px}.login-form-group{margin-bottom:20px}.login-form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-main);margin-bottom:8px}.login-form-group input{width:100%;padding:12px 16px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.login-form-group input:focus{border-color:var(--text-main)}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px}.login-options label{display:flex;align-items:center;gap:8px;color:var(--text-muted);cursor:pointer}.login-options a{color:var(--text-main);text-decoration:none;font-weight:500}.login-options a:hover{text-decoration:underline}.login-btn{width:100%;background-color:var(--text-main);color:var(--bg-panel);border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.6;cursor:not-allowed}.auth-message{font-size:13px;margin-bottom:15px;display:none;text-align:center;padding:10px 14px;border-radius:8px;line-height:1.5}.auth-message.show{display:block;animation:fadeIn .3s ease}.auth-error{color:#dc3545;background:rgba(220,53,69,.08);border:1px solid rgba(220,53,69,.2)}.auth-success{color:#22c55e;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2)}.auth-switch{text-align:center;margin-top:24px;font-size:13px;color:var(--text-muted)}.auth-switch a{color:var(--text-main);font-weight:600;text-decoration:none;transition:opacity .2s}.auth-switch a:hover{text-decoration:underline;opacity:.8}.guide-number{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background-color:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-muted);margin-right:16px;flex-shrink:0}.account-list-item.guide-item{justify-content:flex-start}.account-list-item.guide-item .account-item-right{margin-left:auto}.account-select{padding:8px 32px 8px 16px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);font-size:13px;outline:none;-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 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.account-select:focus{border-color:var(--text-main)}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.categories-title{gap:12px;font-size:20px;font-weight:600;color:var(--text-main)}.back-link,.categories-title{display:flex;align-items:center}.back-link{color:var(--text-muted);text-decoration:none;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);transition:background-color .2s}.back-link:hover{background-color:var(--hover-bg)}.categories-actions{display:flex;gap:12px}.categories-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.cache-container{position:relative;cursor:pointer}.cache-menu{position:absolute;top:100%;right:0;margin-top:10px;background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:220px;padding:16px;display:none;z-index:1000;cursor:default}.cache-menu.show{display:block}.cache-header{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:8px}.category-tab{padding:12px 0;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;border-bottom:2px solid transparent;transition:all .2s}.category-tab.active,.category-tab:hover{color:var(--text-main)}.category-tab.active{border-bottom-color:var(--text-main)}.categories-filters{display:flex;gap:12px;margin-bottom:24px}.categories-search{flex:1 1;max-width:300px;display:flex;align-items:center;background-color:transparent;border:1px solid var(--border-color);border-radius:6px;padding:0 12px}.categories-search input{border:none;background:transparent;padding:10px;width:100%;outline:none}.btn-filter,.categories-search input{color:var(--text-main);font-size:13px}.btn-filter{display:flex;align-items:center;gap:8px;background-color:transparent;border:1px solid var(--border-color);padding:0 16px;border-radius:6px;cursor:pointer;font-weight:500}.categories-table-container{width:100%;overflow-x:auto}.categories-table{width:100%;border-collapse:collapse}.categories-table th{text-align:left;padding:12px 16px;font-size:12px;color:var(--text-muted);font-weight:500;background-color:rgba(0,0,0,.02)}.categories-table td,.categories-table th{border-bottom:1px solid var(--border-color)}.categories-table td{padding:16px;font-size:13px;color:var(--text-main)}.category-name-cell{display:flex;align-items:center;gap:12px}.category-arrow,.category-type{color:var(--text-muted)}.category-type{display:flex;align-items:center;gap:8px}.pagination-info{padding:16px 0;font-size:13px;color:var(--text-muted)}.xml-sync-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.xml-stat-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;padding:20px 24px;display:flex;flex-direction:column;gap:6px}.xml-stat-label{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.xml-stat-value{font-size:24px;font-weight:700;color:var(--text-main)}.xml-stat-sub{font-size:12px;color:var(--text-muted)}.xml-status-ok{color:#22c55e;font-weight:600}.xml-status-error{color:var(--danger-text);font-weight:600}.xml-log-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.xml-log-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background-color:var(--hover-bg);border-radius:6px;font-size:12px}.xml-log-time{color:var(--text-muted);white-space:nowrap;min-width:80px}.xml-log-msg{color:var(--text-main)}.xml-log-error .xml-log-msg{color:var(--danger-text)}.xml-settings-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:16px}.xml-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-panel);color:var(--text-main);font-size:13px;outline:none}.xml-input:focus{border-color:var(--text-muted)}.account-layout{display:flex;gap:24px;align-items:flex-start}.account-sidebar{width:220px;flex-shrink:0;background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px;padding:8px}.account-nav{display:flex;flex-direction:column;gap:2px}.account-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:7px;font-size:13px;color:var(--text-main);background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:background .15s ease}.account-nav-item.active,.account-nav-item:hover{background-color:var(--hover-bg)}.account-nav-item.active{font-weight:600;color:var(--text-main)}.account-nav-item svg{flex-shrink:0;color:var(--text-muted)}.account-content{flex:1 1;min-width:0}.account-info-list{display:flex;flex-direction:column}.account-info-row{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-color);gap:12px}.account-info-row:last-child{border-bottom:none}.account-info-label{width:180px;font-size:13px;color:var(--text-muted);flex-shrink:0}.account-info-value{flex:1 1;font-size:14px;font-weight:500;color:var(--text-main)}.account-edit-link{font-size:13px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 10px;border-radius:6px;transition:background .15s ease,color .15s ease}.account-edit-link:hover{background-color:var(--hover-bg);color:var(--text-main)}.guide-steps{display:flex;flex-direction:column;gap:18px;padding-top:8px}.guide-step{display:flex;gap:16px;align-items:flex-start}.guide-step-num{width:28px;height:28px;border-radius:50%;background-color:var(--hover-bg);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-main);flex-shrink:0}.guide-step-title{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:3px}.guide-step-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.wizard-container{width:100%;display:flex;flex-direction:column;gap:24px;padding:30px;max-width:1180px;margin:0 auto}.stepper-card{background:var(--bg-panel);padding:20px 32px;border-radius:16px;border:1px solid var(--border-color);display:flex;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow-x:auto;gap:12px}.w-step{font-size:15px;color:var(--text-muted);font-weight:600;display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;white-space:nowrap;padding:6px 12px;border-radius:8px;transition:all .2s ease}.w-step:hover:not(.active){background:var(--hover-bg);color:var(--text-main)}.w-step-num{width:28px;height:28px;background:var(--hover-bg);border-radius:8px;display:inline-flex;justify-content:center;align-items:center;font-size:13px;font-weight:700;color:#64748b}.w-step.completed{color:#10b981}.w-step.completed .w-step-num{background:#ecfdf5;color:#10b981;border:1px solid #a7f3d0}.w-step.active{color:#2563eb;font-weight:700;background:#eff6ff}.w-step.active .w-step-num{background:#2563eb;color:#fff;box-shadow:0 2px 4px rgba(37,99,235,.3)}.wz-block{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.wz-block h3{font-size:18px;font-weight:800;color:var(--text-main)}.wz-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.wz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px}.wz-input,.wz-select{width:100%;padding:11px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-panel);color:var(--text-main);font-size:14px;outline:none;transition:border-color .2s;font-weight:500}.wz-input:focus,.wz-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.wz-label{font-size:13px;font-weight:700;color:var(--text-main);display:block;margin-bottom:6px}.wz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s ease;border:1px solid transparent}.wz-btn-dark{background:#0f172a;color:#fff}.wz-btn-dark:hover:not(:disabled){background:#1e293b}.wz-btn-light{background:var(--bg-panel);color:var(--text-main);border-color:var(--border-color)}.wz-btn-light:hover:not(:disabled){background:var(--hover-bg)}.wz-btn-success{background:#10b981;color:#fff;box-shadow:0 4px 6px rgba(16,185,129,.25)}.wz-btn-success:hover:not(:disabled){background:#059669}.wz-btn-success:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.wz-btn-danger{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.wz-btn-danger:hover:not(:disabled){background:#fee2e2}.wz-footer{justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--border-color);margin-top:8px}.wz-banner,.wz-footer{display:flex;align-items:center}.wz-banner{border-radius:14px;padding:18px 22px;gap:14px;border:1px solid}.wz-banner-blue{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.wz-banner-yellow{background:#fffbeb;border-color:#fde68a;color:#92400e}.wz-banner-purple{background:#f5f3ff;border-color:#c4b5fd;color:#5b21b6}.wz-banner-green{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.wz-banner-red{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.wz-badge{background:#dcfce7;color:#15803d;font-size:11px;padding:4px 10px;border-radius:6px;font-weight:700;border:1px solid #bbf7d0}.wz-badge-blue{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.wz-preview-table{width:100%;border-collapse:collapse;font-size:12px}.wz-preview-table th{background:var(--hover-bg);padding:10px;text-align:left;font-weight:700}.wz-preview-table td,.wz-preview-table th{border-bottom:1px solid var(--border-color);white-space:nowrap}.wz-preview-table td{padding:8px 10px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.wz-table-scroll{overflow-x:auto;max-height:360px;overflow-y:auto}.wz-map-row{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:10px;padding:16px 18px;display:grid;grid-template-columns:220px 1fr 80px;align-items:center;grid-gap:16px;gap:16px}.wz-map-row strong{font-size:13px;color:var(--text-main)}.wz-map-row small{display:block;color:var(--text-muted);font-size:11px;margin-top:2px}.wz-rule-card{background:var(--bg-panel);border:1px solid var(--border-color);border-left:6px solid #2563eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.wz-summary-row{display:grid;grid-template-columns:230px 1fr;grid-gap:16px;gap:16px;padding:14px 0;border-bottom:1px solid var(--border-color);font-size:13px}.wz-summary-row:last-child{border-bottom:none}.wz-summary-row strong{color:var(--text-main)}.wz-summary-row .val{color:var(--text-muted)}.wz-feed-table{width:100%;border-collapse:collapse;font-size:13px}.wz-feed-table th{background:var(--hover-bg);padding:12px 14px;text-align:left;font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.wz-feed-table td,.wz-feed-table th{border-bottom:1px solid var(--border-color)}.wz-feed-table td{padding:14px;color:var(--text-main)}.wz-status-pill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block}.wz-status-active{background:#dcfce7;color:#15803d}.wz-status-paused{background:#fef3c7;color:#92400e}.wz-row-actions{display:flex;gap:8px}.wz-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--hover-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-main);transition:all .15s}.wz-icon-btn:hover{background:#f1f5f9;border-color:#94a3b8}.wz-icon-btn.danger:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.xml-hub-banner{background:linear-gradient(135deg,#eef2ff,#e0f2fe);border:1px solid #c7d2fe;border-radius:16px;padding:32px;text-align:center;position:relative;overflow:hidden;margin-bottom:20px}.xml-hub-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#3b82f6 50%,#10b981)}.xml-hub-banner-title{font-size:20px;font-weight:800;color:#1e293b;margin-bottom:10px}.xml-hub-banner-desc{font-size:14px;color:#475569;line-height:1.6;max-width:720px;margin:0 auto}.xml-hub-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.xml-hub-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.04)}.xml-hub-card:hover{border-color:#94a3b8;box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-2px)}.xml-hub-card-header{display:flex;justify-content:space-between;align-items:center}.xml-hub-card-title{font-size:18px;font-weight:800;color:var(--text-main)}.xml-hub-badge{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700}.xml-hub-card-desc{font-size:14px;color:var(--text-muted);line-height:1.5}.xml-hub-checklist{display:flex;flex-direction:column;gap:10px;padding:4px 0}.xml-hub-check-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-main)}.xml-hub-check{width:22px;height:22px;background:#dbeafe;color:#2563eb;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.xml-hub-cta{background:#0f172a;color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:6px}.xml-hub-cta:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.2)}.xml-hub-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}.xml-hub-status-title{font-size:16px;font-weight:800;color:#059669}.xml-hub-status-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.xml-hub-mini-btn{background:#fef3c7;color:#92400e;border:1px solid #fde68a;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s}.xml-hub-mini-btn:hover{background:#fde68a}.xml-hub-mini-badge{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-color);padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700}.xml-hub-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.xml-hub-stat-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:20px 22px;display:flex;flex-direction:column;gap:8px}.xml-hub-stat-label{font-size:13px;color:var(--text-muted);font-weight:600}.xml-hub-stat-value{font-size:36px;font-weight:800;color:var(--text-main);line-height:1.1;margin:4px 0}.xml-hub-stat-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border-color);margin-top:6px;font-size:12px}.xml-hub-stat-note{color:var(--text-muted)}.xml-hub-stat-link{background:none;border:none;color:#2563eb;font-weight:700;cursor:pointer;font-size:12px;padding:0}.xml-hub-stat-link:hover{text-decoration:underline}@media (max-width:900px){.xml-hub-cards,.xml-hub-stats{grid-template-columns:1fr}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.mobile-menu-btn,.sidebar-overlay{display:none}@media (max-width:768px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;z-index:1200;transform:translateX(-100%);transition:transform .25s ease;box-shadow:0 0 30px rgba(0,0,0,.25)}body.sidebar-open .sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1100}body.sidebar-open .sidebar-overlay{display:block}.main-content{width:100%}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-panel);font-size:20px;cursor:pointer;flex-shrink:0}.topbar{height:auto;min-height:60px;padding:10px 14px;gap:8px;flex-wrap:wrap}.topbar-left{flex:1 1;min-width:0;gap:8px}.topbar-left .search-box,.topbar-left input[type=text]{min-width:0;width:100%}.topbar-right{gap:8px}.page-content,.panel-card{padding:14px}.product-header{flex-direction:column;align-items:stretch;gap:10px}.product-header .product-actions-right,.product-header>div{flex-wrap:wrap}.page-title{font-size:20px}.filter-bar,.filter-left,.filter-right,.table-toolbar,.toolbar-left{flex-wrap:wrap!important;gap:8px}.form-select,.row-count-select{max-width:100%}.dashboard-grid-2,.growth-list,.metrics-grid,.settings-grid{grid-template-columns:1fr!important}.product-grid-view{grid-template-columns:repeat(2,1fr)!important}.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data-table{display:block;width:100%;overflow-x:auto;white-space:nowrap}.brn-modal,.panel-card[style*=minWidth]{max-width:94vw!important;min-width:0!important}.sidebar-bottom{padding:12px}}@media (max-width:480px){.metrics-grid,.product-grid-view{grid-template-columns:1fr!important}.page-title{font-size:18px}}