@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=DM+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap);.login-page{align-items:center;background:#020d1a;display:flex;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative}.login-page:before{background:radial-gradient(ellipse at 20% 50%,#06b6d426 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#10b9811f 0,#0000 45%),radial-gradient(ellipse at 60% 80%,#6366f11a 0,#0000 50%),linear-gradient(135deg,#020d1a,#061628 50%,#020d1a);inset:0}.login-page:after,.login-page:before{content:"";position:absolute;z-index:0}.login-page:after{animation:orb-float 8s ease-in-out infinite;background:radial-gradient(circle,#06b6d414 0,#0000 70%);border-radius:50%;height:500px;right:-150px;top:-150px;width:500px}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,20px) scale(1.05)}}.login-background{inset:0;overflow:hidden;position:absolute;z-index:0}.login-background:before{background-image:linear-gradient(#06b6d40a 1px,#0000 0),linear-gradient(90deg,#06b6d40a 1px,#0000 0);background-size:60px 60px;content:"";inset:0;position:absolute}.login-container{max-width:460px;position:relative;width:100%;z-index:1}.login-card{animation:card-in .5s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#08192deb;border:1px solid #06b6d433;border-radius:24px;box-shadow:0 0 0 1px #06b6d40d,0 24px 80px #0009,inset 0 1px 0 #06b6d41a;padding:2.5rem 2rem}@keyframes card-in{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:2rem;text-align:center}.logo-container{gap:.75rem;margin-bottom:.75rem}.logo-container,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{animation:icon-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#06b6d4,#10b981);border-radius:14px;box-shadow:0 4px 20px #06b6d466;font-size:1.6rem;height:52px;width:52px}@keyframes icon-pulse{0%,to{box-shadow:0 4px 20px #06b6d466}50%{box-shadow:0 4px 30px #06b6d4b3}}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:1.9rem;font-weight:800;letter-spacing:-.02em}.login-subtitle{color:#ffffff73;font-size:.88rem;font-weight:500;letter-spacing:.02em}.login-divider{background:linear-gradient(90deg,#0000,#06b6d44d,#0000);height:1px;margin:0 0 1.75rem}.alert{align-items:center;animation:alert-in .3s ease;border-radius:12px;display:flex;font-size:.88rem;font-weight:500;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem;padding:.875rem 1.1rem}@keyframes alert-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-info{background:#06b6d41a;border:1px solid #06b6d440;color:#67e8f9}.alert-success{background:#10b9811a;border:1px solid #10b98140;color:#6ee7b7}.alert-danger{background:#ef44441a;border:1px solid #ef444440;color:#fca5a5}.alert-warning{background:#f59e0b1a;border:1px solid #f59e0b40;color:#fcd34d}.alert button{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:inherit;cursor:pointer;font-size:.78rem;font-weight:600;padding:.35rem .8rem;transition:all .2s;white-space:nowrap}.alert button:hover{background:#ffffff26}.login-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#fff9;font-size:.82rem;letter-spacing:.04em;margin-bottom:.5rem;text-transform:uppercase}.form-input{background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;color:#e8ecf0;font-size:.95rem;padding:.875rem 1rem;transition:all .3s}.form-input:focus{background:#06b6d40f;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41f}.form-input::placeholder{color:#fff3}.form-input:disabled{cursor:not-allowed;opacity:.5}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:3rem}.password-toggle{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:1.1rem;line-height:1;padding:.4rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:#06b6d4}.btn-login{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;box-shadow:0 4px 20px #06b6d44d;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;gap:.6rem;justify-content:center;letter-spacing:.02em;margin-top:.5rem;overflow:hidden;padding:.95rem 1.5rem;position:relative;transition:all .3s;width:100%}.btn-login:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.btn-login:hover:not(:disabled){box-shadow:0 8px 30px #06b6d480;transform:translateY(-2px)}.btn-login:hover:not(:disabled):before{opacity:1}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.arrow{font-size:1.1rem;transition:transform .3s}.btn-login:hover:not(:disabled) .arrow{transform:translateX(4px)}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.login-footer{border-top:1px solid #ffffff12;margin-top:1.75rem;padding-top:1.25rem}.security-badge{align-items:center;color:#ffffff4d;display:flex;font-size:.8rem;gap:.5rem;justify-content:center}.badge-icon{font-size:1rem}.login-info{margin-top:1.25rem;text-align:center}.info-text{color:#ffffff59;font-size:.82rem}.debug-info{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#fff6;font-family:Courier New,monospace;font-size:.75rem;margin-top:1.25rem;padding:.875rem}.login-stats{display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem}.login-stat{text-align:center}.login-stat-val{color:#06b6d4;display:block;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.login-stat-lbl{color:#ffffff4d;display:block;font-size:.7rem;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.loading-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@media (max-width:600px){.login-page{align-items:flex-start;padding:2rem 1rem 1rem}.login-card{border-radius:20px;padding:2rem 1.5rem}.logo-text{font-size:1.6rem}.logo-icon{font-size:1.4rem;height:44px;width:44px}.form-input{font-size:.9rem;padding:.8rem .9rem}.btn-login{font-size:.9rem;padding:.875rem}.alert{flex-direction:column;gap:.5rem;text-align:center}.alert button{width:100%}}@media (max-width:380px){.login-card{padding:1.75rem 1.25rem}.logo-container{flex-direction:column;gap:.4rem}.logo-text{font-size:1.5rem}.login-stats{gap:1rem}}@media (max-height:700px){.login-card{padding:1.5rem}.login-header{margin-bottom:1.25rem}.form-group{margin-bottom:1rem}}.dashboard-page{background:#0000;color:var(--text-on-main);min-height:100vh;padding:30px}.btn-primary:hover{background:var(--accent-hover,#d4a800)}.stat-card-large{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;transition:all .3s ease}.stat-card-large:hover{border-color:var(--border-hover,#ffce0059);box-shadow:0 8px 28px #0000004d}.stat-card-large .stat-icon{background:var(--accent-glow);border:1px solid var(--card-border)}.stat-card-large .stat-details{flex:1 1}.stat-card-large .stat-value{font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif)}.stat-card-large .stat-trend{bottom:10px;position:absolute;right:14px}.trend-badge{font-size:.72rem}.stat-card-small{background:var(--card-bg);border:1px solid var(--card-border);transition:all .3s ease}.stat-card-small:hover{border-color:var(--accent)}.stat-icon-small{background:var(--accent-glow)}.stat-card-small .stat-content .stat-value{color:var(--accent);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1.25rem;font-weight:700}.stat-card-small .stat-content .stat-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.alert-section{margin-bottom:28px}.alert-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px}.alert-card.urgent{background:linear-gradient(135deg,var(--card-bg) 0,#ef44440a 100%)}.alert-icon{border-radius:11px;font-size:1.4rem;height:46px;width:46px}.alert-title{font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);margin:0 0 12px}@media (max-width:968px){.grid-2{grid-template-columns:1fr}}.order-item-mini{border:1px solid var(--card-border);border-radius:11px;transition:all .3s ease}.order-item-mini:hover{background:#ffce000a;border-color:var(--accent)}.order-customer{color:var(--text-muted);display:block;font-size:.82rem;margin-bottom:8px}.order-date{color:var(--text-muted);font-size:.78rem}.quick-actions-section{margin-top:28px}.section-title{font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif)}.quick-action-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);transition:all .3s ease}.quick-action-card:hover{border-color:var(--accent);box-shadow:0 8px 24px var(--accent-glow)}@media (max-width:768px){.dashboard-page{padding:18px}.page-header{flex-direction:column;gap:14px}.page-title{font-size:1.6rem}.stat-card-large{padding:16px}.stat-card-large .stat-value{font-size:1.4rem}}.order-detail-page,.orders-page{background:#0000;color:var(--text-on-main);font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);min-height:100vh;padding:30px}.page-header.flex-between{align-items:center}.back-button{background:none;border:none;color:var(--accent);cursor:pointer;display:inline-block;font-size:.88rem;margin-bottom:10px;padding:0}.back-button:hover{text-decoration:underline}.header-actions{display:flex;gap:10px}.stats-grid{margin-bottom:22px}.stat-icon.blue{background:#3b82f61f}.stat-icon.green{background:#10b9811f}.stat-icon.purple{background:#8b5cf61f}.stat-icon.orange{background:#f59e0b1f}.stat-content .stat-value{color:var(--accent);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1.5rem;font-weight:700}.stat-content .stat-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.card{transition:all .3s ease}.card-header{border-bottom:1px solid var(--card-border);padding:18px 22px}.card-header.flex-between{align-items:center;display:flex;justify-content:space-between}.card-title{font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1rem}.card-body,.filters-section{padding:18px 22px}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.filter-group{flex:1 1;min-width:180px}.filter-select,.search-input{background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:9px;color:var(--text-on-main);font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:.88rem;outline:none;padding:10px 13px;transition:all .3s ease;width:100%}.filter-select:focus,.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-muted);opacity:.6}.filter-select{cursor:pointer}.filter-select option{background:var(--card-bg);color:var(--text-on-main)}.order-link{color:var(--accent);font-weight:600;text-decoration:none}.order-link:hover{text-decoration:underline}.customer-cell .customer-name{color:var(--text-on-main);font-weight:500}.customer-cell .customer-detail{color:var(--text-muted);font-size:.78rem}.items-count{background:var(--accent-glow);border-radius:20px;color:var(--accent);font-size:.76rem;padding:3px 9px}.amount-cell{color:var(--text-on-main);font-weight:600}.profit-cell{color:#10b981;font-weight:600}.date-cell{color:var(--text-muted);font-size:.82rem}.table-footer{align-items:center;border-top:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:18px 22px}.summary-stats{display:flex;flex-wrap:wrap;gap:22px}.summary-item{color:var(--text-muted);font-size:.86rem}.summary-item strong{color:var(--text-on-main)}.pagination{gap:10px}.mb-3{margin-bottom:22px}.mt-3{margin-top:22px}@media (max-width:768px){.grid-2,.grid-4{grid-template-columns:1fr}}.info-row{border-bottom:1px solid var(--card-border);padding:9px 0}.info-label{color:var(--text-muted);font-size:.86rem}.info-value{color:var(--text-on-main);font-weight:500}.order-items-list{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.order-item{background:#ffffff0a;border:1px solid var(--card-border);border-radius:12px;display:flex;gap:14px;padding:14px}.item-image{border-radius:9px;flex-shrink:0;height:76px;overflow:hidden;width:76px}.item-image img{height:100%;object-fit:cover;width:100%}.item-placeholder{align-items:center;background:var(--accent-glow);display:flex;font-size:1.8rem;height:100%;justify-content:center;width:100%}.item-details{flex:1 1}.item-name{color:var(--text-on-main);font-weight:600;margin-bottom:5px}.item-variant{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:7px}.variant-tag{background:var(--accent-glow);border-radius:4px;color:var(--accent);font-size:.72rem;padding:2px 8px}.item-meta{color:var(--text-muted);display:flex;font-size:.82rem;gap:14px}.item-meta .text-success{color:#10b981}.item-total{align-self:center;color:var(--text-on-main);font-size:1.05rem;font-weight:700}.order-summary{border-top:1px solid var(--card-border);padding-top:18px}.summary-row{color:var(--text-muted);display:flex;font-size:.88rem;justify-content:space-between;padding:7px 0}.summary-row.total{border-top:2px solid var(--card-border);color:var(--text-on-main);font-size:1.15rem;font-weight:700;margin-top:10px;padding-top:14px}.text-success{color:#10b981!important}.text-secondary{color:var(--text-muted)}.notes-list{display:flex;flex-direction:column;gap:10px}.note-item{background:#ffffff0a;border:1px solid var(--card-border);border-radius:10px;padding:13px}.note-item.important{background:#f59e0b0a;border-left:3px solid #f59e0b}.note-content{color:var(--text-on-main);font-size:.88rem;margin-bottom:7px}.note-meta{color:var(--text-muted);font-size:.76rem}.problems-list{display:flex;flex-direction:column;gap:10px}.problem-item{background:#ef44440a;border:1px solid #ef444433;border-radius:10px;padding:13px}.problem-description{color:var(--text-on-main);font-size:.88rem;margin-bottom:7px}.problem-meta{color:var(--text-muted);font-size:.76rem}.timeline{padding-left:22px;position:relative}.timeline:before{background:var(--card-border);bottom:0;content:"";left:5px;position:absolute;top:0;width:2px}.timeline-item{padding-bottom:18px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--accent);border:2px solid #ffce004d;border-radius:50%;height:12px;left:-22px;position:absolute;top:4px;width:12px}.timeline-content{padding-left:7px}.timeline-note{color:var(--text-muted);font-size:.86rem;margin:7px 0}.timeline-date{color:var(--text-muted);font-size:.76rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1628b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:18px 22px}.modal-header h3{color:var(--text-on-main);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1.1rem;margin:0}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.4rem;line-height:1;padding:0}.modal-close:hover{color:var(--text-on-main)}.modal-body{padding:22px}.modal-footer{border-top:1px solid var(--card-border);display:flex;gap:10px;justify-content:flex-end;padding:18px 22px}.form-input{background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:9px;color:var(--text-on-main);font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:.88rem;outline:none;padding:10px 13px;transition:all .3s ease;width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}textarea.form-input{min-height:90px;resize:vertical}@media (max-width:768px){.order-detail-page,.orders-page{padding:18px}.page-header{flex-direction:column;gap:14px}.header-actions{flex-direction:column;width:100%}.header-actions .btn{justify-content:center;width:100%}.filters-section{flex-direction:column}.filter-group{width:100%}.table-footer{text-align:center}.order-item,.table-footer{flex-direction:column}.item-image{height:140px;width:100%}}.products-page{background:#0000;color:var(--text-on-main);font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);min-height:100vh;padding:30px}.product-tabs{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;display:flex;gap:6px;margin-bottom:26px;padding:7px}.product-tabs .tab{align-items:center;background:#0000;border:none;border-radius:9px;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:.88rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.product-tabs .tab:hover{background:#ffce000f;color:var(--text-on-main)}.product-tabs .tab.active{background:var(--accent);box-shadow:0 4px 12px var(--accent-glow);color:#0a1628;color:var(--navy,#0a1628)}.product-form-container{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:28px}.product-form{max-width:780px}.form-section:last-of-type{border-bottom:none}.form-section h3{align-items:center;color:var(--text-on-main);display:flex;font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1rem;gap:8px;margin-bottom:18px}.profit-calculator{background:var(--accent-glow);border-radius:10px;display:flex;flex-wrap:wrap;gap:26px;margin-top:14px;padding:14px 18px}.profit-item{align-items:center;color:var(--text-muted);display:flex;font-size:.88rem;gap:9px}.profit-item strong{color:var(--text-on-main);font-size:1.05rem}.profit-item strong.positive{color:#10b981}.profit-item strong.negative{color:#ef4444}.btn-large{font-size:.95rem;padding:14px 30px}.bulk-upload-container{grid-gap:26px;display:grid;gap:26px;grid-template-columns:1fr 1.5fr}@media (max-width:968px){.bulk-upload-container{grid-template-columns:1fr}}.upload-instructions{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:26px}.upload-instructions h3{align-items:center;color:var(--text-on-main);display:flex;font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1rem;gap:9px;margin-bottom:10px}.upload-instructions>p{color:var(--text-muted);font-size:.88rem;margin-bottom:22px}.csv-requirements{background:#ffffff0a;border-radius:10px;margin-bottom:22px;padding:18px}.csv-requirements h4{color:var(--text-on-main);font-size:.9rem;margin-bottom:10px}.csv-requirements ul{list-style:none;margin:0;padding:0}.csv-requirements li{color:var(--text-muted);font-size:.86rem;padding:5px 0 5px 18px;position:relative}.csv-requirements li:before{color:var(--accent);content:"•";left:0;position:absolute}.csv-requirements strong{color:var(--text-on-main)}.file-upload-section{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;gap:22px;padding:26px}.file-input-wrapper{position:relative}.file-input{height:1px;opacity:0;position:absolute;width:1px}.file-label{align-items:center;background:#ffffff0a;border:2px dashed var(--card-border);border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:36px;transition:all .3s ease}.file-label:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.csv-preview{background:#ffffff0a;border-radius:12px;padding:18px}.csv-preview h4{color:var(--text-on-main);font-size:.9rem;margin-bottom:14px}.preview-table-wrapper{overflow-x:auto}.preview-table{border-collapse:collapse;font-size:.82rem;width:100%}.preview-table th{background:var(--accent-glow);color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:9px 11px;text-align:left;text-transform:uppercase}.preview-table td{border-bottom:1px solid var(--card-border);color:var(--text-on-main);padding:9px 11px}.upload-results{background:#ffffff0a;border-radius:12px;padding:18px}.upload-results h4{color:var(--text-on-main);font-size:.9rem;margin-bottom:14px}.results-summary{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:14px}.result-item{border-radius:8px;font-size:.88rem;font-weight:600;padding:10px 18px}.result-item.success{background:#10b9811f;color:#10b981}.result-item.error{background:#ef44441f;color:#ef4444}.error-list{margin-top:14px}.error-list h5{color:#ef4444;font-size:.86rem;margin-bottom:9px}.error-item{background:#ef444414;border-radius:6px;color:var(--text-muted);font-size:.82rem;margin-bottom:7px;padding:7px 11px}.products-list-container{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:26px}.products-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.product-card{background:#ffffff0a;border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:all .3s ease}.product-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #ffce001a;transform:translateY(-3px)}.product-image{background:#ffffff0a;height:170px;position:relative;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.no-image{align-items:center;color:var(--text-muted);display:flex;font-size:.86rem;height:100%;justify-content:center;width:100%}.product-info{padding:14px}.product-info h4{color:var(--text-on-main);font-size:.92rem;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-category{color:var(--text-muted);font-size:.8rem;margin-bottom:10px}.product-price{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.product-price .price{color:var(--accent);font-size:1.05rem;font-weight:700}.product-price .cost{color:var(--text-muted);font-size:.76rem}.product-stock{border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.8rem;padding-top:7px}@media (max-width:768px){.products-page{padding:18px}.page-header{gap:14px}.page-header,.product-tabs{flex-direction:column}.product-form-container{padding:18px}.profit-calculator{gap:10px}.form-actions,.profit-calculator{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}}.customers-page{background:#0000;color:var(--text-on-main);font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);min-height:100vh;padding:30px}.page-info,.page-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.stat-icon,.stat-value{color:var(--accent)}.stat-value{font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;margin-bottom:22px}.search-input-large{background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:10px;color:var(--text-on-main);font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:.9rem;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.search-input-large:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input-large::placeholder{color:var(--text-muted);opacity:.6}th{border-bottom:1px solid var(--card-border)}td{vertical-align:middle}tr:last-child td{border-bottom:none}.customer-name{color:var(--text-on-main);font-weight:600}.customer-email{color:var(--text-muted);font-size:.82rem}.customer-avatar{background:var(--accent);border-radius:50%;color:#0a1628;color:var(--navy,#0a1628);display:flex;font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:.85rem;height:38px;justify-content:center;width:38px}.btn-primary,.customer-avatar{align-items:center;font-weight:700}.btn-primary{border:none;border-radius:25px;cursor:pointer;display:inline-flex;gap:7px;padding:10px 22px;transition:all .3s ease}.empty-icon{margin-bottom:16px}.loading-spinner{color:var(--text-muted);flex-direction:column;padding:60px}.loading-spinner,.pagination{align-items:center;display:flex;justify-content:center}.pagination{border-top:1px solid var(--card-border);gap:12px;padding:18px}.page-info{color:var(--text-muted);font-size:.86rem}@media (max-width:768px){.customers-page{padding:18px}.page-header{flex-direction:column;gap:14px}.page-title{font-size:1.6rem}}.reports-page,.settings-page,.shippers-page,.suppliers-page,.workers-page{background:#0000;color:var(--text-on-main);font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);min-height:100vh;padding:30px}.page-header{margin-bottom:28px;padding-bottom:20px}.page-title{font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif)}.btn{font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);transition:all .3s ease}.btn-primary{box-shadow:0 4px 14px var(--accent-glow);color:#0a1628!important;color:var(--navy,#0a1628)!important}.btn-primary:hover{box-shadow:0 8px 22px var(--accent-glow)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:var(--card-bg);border:1px solid var(--card-border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-outline{border:1px solid var(--card-border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-success{color:#10b981!important}.btn-success:hover{color:#fff!important}.btn-warning{color:#f59e0b!important}.btn-warning:hover{color:#000!important}.btn-danger{color:#ef4444!important}.btn-danger:hover{color:#fff!important}.btn-small{padding:6px 13px}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:26px}.stat-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;gap:14px;padding:18px;transition:all .3s ease}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--accent-glow);border-radius:11px;display:flex;font-size:1.3rem;height:46px;justify-content:center;width:46px}.stat-content .stat-value,.stat-info .stat-value{color:var(--accent);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1.5rem;font-weight:700}.stat-content .stat-label,.stat-info .stat-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.stat-value.warning{color:#f59e0b!important}.stat-value.danger{color:#ef4444!important}.form-group label{font-weight:600;letter-spacing:.03em;margin-bottom:7px}.form-group label,.form-group small{color:var(--text-muted);display:block;font-size:.78rem}.form-group small{margin-top:5px;opacity:.7}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-input,.form-textarea{background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:9px;color:var(--text-on-main);font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:.88rem;outline:none;padding:10px 13px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:.6}select.form-input{cursor:pointer}select.form-input option{background:var(--card-bg);color:var(--text-on-main)}.form-textarea{min-height:90px;resize:vertical}.checkbox-label{align-items:center;color:var(--text-on-main);cursor:pointer;display:flex;font-size:.88rem;gap:10px}.checkbox-label input[type=checkbox]{accent-color:var(--accent);height:17px;width:17px}.form-section{border-bottom:1px solid var(--card-border);margin-bottom:28px;padding-bottom:22px}.form-section h4{color:var(--accent);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:.95rem;letter-spacing:.05em;margin-bottom:18px;text-transform:uppercase}.form-actions{display:flex;gap:12px;margin-top:22px}thead{border-bottom:1px solid var(--card-border)}th{padding:12px 16px}td{border-bottom:1px solid var(--card-border)}tr:hover td{background:#ffce0008}.positive{color:#10b981!important}.negative{color:#ef4444!important}.filter-tabs,.settings-tabs{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px;padding:7px}.tab{background:#0000;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:.86rem;font-weight:600;padding:10px 18px;transition:all .3s ease}.tab:hover{background:#ffce000f;color:var(--text-on-main)}.tab.active{background:var(--accent);box-shadow:0 4px 12px var(--accent-glow);color:#0a1628;color:var(--navy,#0a1628)}.status-badge{letter-spacing:.04em}.status-badge.active,.status-badge.approved{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.status-badge.inactive,.status-badge.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.empty-state{padding:60px 20px}.empty-icon{font-size:3.5rem;margin-bottom:18px}.empty-state h3{color:var(--text-on-main);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);margin-bottom:8px}.empty-state p{color:var(--text-muted)}.loading-container,.loading-spinner{padding:60px}.spinner{border:3px solid var(--accent-glow);margin-bottom:14px}.save-indicator{background:#10b9811f;border-radius:8px;color:#10b981;font-size:.88rem;font-weight:600;padding:9px 18px}.report-controls{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:26px}.control-group{min-width:190px}.control-group label{color:var(--text-muted);display:block;font-size:.78rem;margin-bottom:7px}.report-content{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:28px}.report-section{margin-bottom:36px}.report-section h3{color:var(--text-on-main);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);margin-bottom:18px}.report-section h4{color:var(--text-on-main);margin:26px 0 14px}.profit-breakdown{margin-top:26px;overflow-x:auto}.inventory-alerts{margin-top:26px}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-item{background:#ffffff0a;border-radius:10px;gap:14px;padding:14px}.alert-item.low{border-left:3px solid #f59e0b}.alert-item.out{border-left:3px solid #ef4444}.alert-item .product-name{color:var(--text-on-main);flex:1 1;font-weight:500}.alert-item .stock-level{color:var(--text-muted);font-size:.86rem}.customer-segments{margin-top:26px}.segment-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.segment-card{background:#ffffff0a;border:1px solid var(--card-border);border-radius:12px;padding:18px;text-align:center;transition:all .3s ease}.segment-card:hover{border-color:var(--accent)}.segment-icon{font-size:1.8rem;margin-bottom:8px}.segment-name{color:var(--text-on-main);font-size:.9rem;font-weight:600;margin-bottom:4px}.segment-count{color:var(--text-muted);font-size:.82rem}.settings-content{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:28px}.settings-section{max-width:680px}.settings-section h2{color:var(--text-on-main);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);margin-bottom:6px}.section-description{color:var(--text-muted);font-size:.9rem;margin-bottom:26px}.payment-methods{display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.payment-method-card{background:#ffffff0a;border:1px solid var(--card-border);border-radius:12px;padding:18px}.method-header{align-items:center;display:flex;justify-content:space-between}.method-info h3{color:var(--text-on-main);font-size:.95rem;margin:0 0 4px}.method-info p{color:var(--text-muted);font-size:.82rem;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:var(--card-border);border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-slider:before{background:var(--text-on-main);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{background:#0a1628;background:var(--navy,#0a1628);transform:translateX(24px)}.notifications-list{display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.notification-item{align-items:center;background:#ffffff0a;border:1px solid var(--card-border);border-radius:12px;display:flex;justify-content:space-between;padding:18px}.notification-info h4{color:var(--text-on-main);font-size:.92rem;margin:0 0 4px}.notification-info p{color:var(--text-muted);font-size:.82rem;margin:0}.security-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.security-card{background:#ffffff0a;border:1px solid var(--card-border);border-radius:12px;padding:22px}.security-card h4{color:var(--text-on-main);font-size:.95rem;margin:0 0 7px}.security-card p{color:var(--text-muted);font-size:.86rem;margin:0 0 14px}.security-card.danger{background:#ef44440a;border-color:#ef44444d}.add-shipper-form{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;margin-bottom:26px;padding:26px}.add-shipper-form h3{color:var(--text-on-main);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);margin-bottom:20px}.shippers-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.shipper-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:22px;transition:all .3s ease}.shipper-card:hover{border-color:var(--accent);transform:translateY(-2px)}.shipper-card.inactive{opacity:.6}.shipper-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:18px}.shipper-icon{align-items:center;background:var(--accent-glow);border-radius:11px;display:flex;font-size:1.4rem;height:46px;justify-content:center;width:46px}.shipper-info{flex:1 1}.shipper-info h3{color:var(--text-on-main);font-size:.95rem;margin:0 0 4px}.shipper-code{color:var(--text-muted);font-size:.82rem}.detail-row{align-items:center;color:var(--text-muted);display:flex;font-size:.86rem;gap:10px;padding:7px 0}.detail-label{text-align:center;width:22px}.detail-value{color:var(--text-on-main)}.detail-link{color:var(--accent);text-decoration:none}.detail-link:hover{text-decoration:underline}.shipper-rates{background:#ffffff0a;border-radius:10px;display:flex;gap:18px;margin-bottom:14px;padding:14px}.rate-item{display:flex;flex-direction:column;gap:3px}.rate-label{color:var(--text-muted);font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.rate-value{color:var(--accent);font-size:1.05rem;font-weight:700}.shipper-stats{display:flex;gap:18px;margin-bottom:18px}.shipper-stats .stat-item{display:flex;font-size:.86rem;gap:7px}.shipper-stats .stat-label{color:var(--text-muted)}.shipper-stats .stat-value{color:var(--text-on-main);font-weight:600}.shipper-actions{display:flex;flex-wrap:wrap;gap:8px}.add-supplier-form{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;margin-bottom:26px;padding:26px}.add-supplier-form h3{color:var(--text-on-main);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);margin-bottom:20px}.suppliers-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.supplier-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:22px;transition:all .3s ease}.supplier-card:hover{border-color:var(--accent);transform:translateY(-2px)}.supplier-card.inactive{opacity:.6}.supplier-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:18px}.supplier-icon{align-items:center;background:var(--accent-glow);border-radius:11px;display:flex;font-size:1.4rem;height:46px;justify-content:center;width:46px}.supplier-info{flex:1 1}.supplier-info h3{color:var(--text-on-main);font-size:.95rem;margin:0 0 4px}.supplier-code{color:var(--text-muted);font-size:.82rem}.contact-row{align-items:center;display:flex;font-size:.86rem;gap:10px;padding:6px 0}.contact-label{width:20px}.contact-value{color:var(--text-on-main)}.contact-link{color:var(--accent);text-decoration:none}.contact-link:hover{text-decoration:underline}.supplier-location{align-items:center;color:var(--text-muted);display:flex;font-size:.86rem;gap:8px;margin-bottom:10px}.supplier-contact-person,.supplier-payment{color:var(--text-muted);font-size:.86rem;margin-bottom:7px}.supplier-contact-person strong,.supplier-payment strong{color:var(--text-on-main)}.supplier-stats{background:#ffffff0a;border-radius:10px;display:flex;gap:18px;margin:14px 0;padding:14px}.supplier-stats .stat-item{display:flex;font-size:.86rem;gap:7px}.supplier-stats .stat-label{color:var(--text-muted)}.supplier-stats .stat-value{color:var(--text-on-main);font-weight:600}.supplier-actions{display:flex;flex-wrap:wrap;gap:8px}.workers-list{display:flex;flex-direction:column;gap:18px}.worker-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:22px;transition:all .3s ease}.worker-card:hover{border-color:var(--accent);transform:translateY(-2px)}.worker-header{gap:14px;margin-bottom:18px}.worker-avatar,.worker-header{align-items:center;display:flex}.worker-avatar{background:var(--accent);border-radius:50%;color:#0a1628;color:var(--navy,#0a1628);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1.1rem;font-weight:700;height:52px;justify-content:center;width:52px}.worker-info{flex:1 1}.worker-info h3{color:var(--text-on-main);font-size:.95rem;margin:0 0 4px}.worker-email,.worker-phone{color:var(--text-muted);font-size:.82rem;margin:0}.worker-stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}@media (max-width:768px){.worker-stats-grid{grid-template-columns:repeat(2,1fr)}}.worker-stats-grid .stat-item{background:#ffffff0a;border-radius:10px;padding:14px;text-align:center}.worker-stats-grid .stat-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.worker-stats-grid .stat-value{color:var(--accent);font-size:1.05rem;font-weight:700}.worker-skills{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.86rem;gap:7px;margin-bottom:10px}.skill-tag{background:var(--accent-glow);border-radius:20px;color:var(--accent);font-size:.76rem;font-weight:600;padding:3px 11px}.worker-rate{color:var(--text-muted);font-size:.86rem;margin-bottom:18px}.worker-rate strong{color:var(--text-on-main)}.worker-actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:768px){.reports-page,.settings-page,.shippers-page,.suppliers-page,.workers-page{padding:18px}.page-header{flex-direction:column;gap:14px}.page-title{font-size:1.6rem}.filter-tabs,.report-controls,.settings-tabs{flex-direction:column}.shippers-grid,.suppliers-grid{grid-template-columns:1fr}.worker-header{flex-direction:column;text-align:center}.worker-actions{justify-content:center}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}}.sd-overlay{align-items:center;animation:sdFadeIn .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a1628cc;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}@keyframes sdFadeIn{0%{opacity:0}to{opacity:1}}.sd-modal{animation:sdSlideUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0c182cf7;border:1px solid #ffce0033;border-radius:20px;box-shadow:0 24px 80px #000000b3;display:flex;flex-direction:column;max-height:90vh;max-width:920px;overflow:hidden;width:100%}@keyframes sdSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sd-header{align-items:flex-start;background:#132a4a99;border-bottom:1px solid #ffce001f;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px 20px}.sd-header-loading{color:#8898aab3;font-size:.9rem}.sd-header-left{align-items:flex-start;display:flex;gap:16px}.sd-avatar-lg{align-items:center;background:#ffce001f;border:2px solid #ffce004d;border-radius:14px;color:#ffce00;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;width:56px}.sd-avatar-lg,.sd-name{font-family:Playfair Display,serif}.sd-name{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin:0 0 5px}.sd-meta{color:#8898aa;font-size:.82rem;gap:4px 8px;margin-bottom:8px}.sd-cats,.sd-meta{display:flex;flex-wrap:wrap}.sd-cats{gap:6px}.sd-cat{background:#ffce0014;border:1px solid #ffce0033;border-radius:10px;color:#ffce00;font-size:.7rem;font-weight:600;padding:2px 9px}.sd-header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.sd-visit-btn{background:#ffce0014;border:1px solid #ffce0040;border-radius:20px;color:#ffce00;font-size:.82rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .25s ease;white-space:nowrap}.sd-visit-btn:hover{background:#ffce00;color:#0a1628}.sd-close{align-items:center;background:#ffffff0f;border:1px solid #ffce0026;border-radius:50%;color:#8898aa;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .25s ease;width:36px}.sd-close:hover{border-color:#ffce0066;color:#fff}.sd-loading-body{align-items:center;color:#8898aa;display:flex;flex:1 1;flex-direction:column;gap:14px;justify-content:center;padding:60px}.sd-spinner{animation:sdSpin .8s linear infinite;border:3px solid #ffce0026;border-radius:50%;border-top-color:#ffce00;height:36px;width:36px}@keyframes sdSpin{to{transform:rotate(1turn)}}.sd-stats-bar{border-bottom:1px solid #ffce001a;display:grid;flex-shrink:0;grid-template-columns:repeat(6,1fr)}.sd-stat{align-items:center;border-right:1px solid #ffffff0d;display:flex;gap:10px;padding:16px 18px}.sd-stat:last-child{border-right:none}.sd-stat-icon{font-size:1.3rem}.sd-stat-val{color:#ffce00;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;line-height:1}.sd-stat-lbl{color:#8898aa;font-size:.66rem;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.sd-tabs{background:#0003;border-bottom:1px solid #ffce001a;display:flex;flex-shrink:0;gap:0}.sd-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#8898aa;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:.86rem;font-weight:600;padding:13px;transition:all .25s ease}.sd-tab:hover{color:#e8ecf0}.sd-tab.on{border-bottom-color:#ffce00;color:#ffce00}.sd-body{flex:1 1;overflow-y:auto;padding:22px 26px;scrollbar-color:#ffce0033 #0000;scrollbar-width:thin}.sd-two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sd-info-card{background:#ffffff0a;border:1px solid #ffce001a;border-radius:14px;padding:18px}.sd-mt{margin-top:16px}.sd-card-title{border-bottom:1px solid #ffce001a;color:#ffce00;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.sd-info-rows{display:flex;flex-direction:column;gap:0}.sd-info-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;font-size:.86rem;justify-content:space-between;padding:9px 0}.sd-info-row:last-child{border-bottom:none}.sd-info-label{color:#8898aa}.sd-info-val{color:#e8ecf0;font-weight:500;text-align:right}.sd-notes-box{background:#ffffff08;border-radius:9px;margin-top:12px;padding:12px}.sd-notes-label{color:#ffce00;font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.sd-notes-text{color:#8898aa;font-size:.84rem;line-height:1.6}.sd-chart{align-items:flex-end;display:flex;gap:8px;height:120px;padding-bottom:24px;position:relative}.sd-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column}.sd-bar-wrap{align-items:flex-end;display:flex;flex:1 1;width:100%}.sd-bar{background:linear-gradient(180deg,#ffce00,#ffce004d);border-radius:5px 5px 0 0;cursor:default;min-height:4px;transition:height .4s ease;width:100%}.sd-bar:hover{background:#ffce00}.sd-bar-label{font-size:.66rem;margin-top:6px;white-space:nowrap}.sd-bar-label,.sd-no-chart{color:#8898aa;text-align:center}.sd-no-chart{font-size:.86rem;padding:30px 0}.sd-chart-total{color:#ffce00;font-size:.82rem;font-weight:600;margin-top:8px;text-align:right}.sd-top-products{display:flex;flex-direction:column;gap:0}.sd-top-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;font-size:.84rem;gap:10px;padding:9px 0}.sd-top-row:last-child{border-bottom:none}.sd-top-rank{color:#ffce00;flex-shrink:0;font-size:.78rem;font-weight:700;width:22px}.sd-top-name{color:#e8ecf0;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-top-sku{background:#ffffff0d;border-radius:4px;color:#8898aa;font-size:.76rem;padding:1px 7px}.sd-top-units{color:#8898aa;font-size:.8rem;white-space:nowrap}.sd-top-rev{color:#ffce00;font-weight:600;min-width:70px;text-align:right;white-space:nowrap}.sd-link-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;flex-wrap:wrap;font-size:.84rem;gap:8px;padding:9px 0}.sd-link-row:last-child{border-bottom:none}.sd-link-name{color:#e8ecf0;flex:1 1}.sd-link-price{color:#ffce00;font-weight:700}.sd-pill{background:#ffce0014;border:1px solid #ffce0033;border-radius:10px;font-size:.72rem;padding:2px 9px}.sd-link-open,.sd-pill{color:#ffce00;font-weight:600}.sd-link-open{border:1px solid #ffce0040;border-radius:6px;font-size:.78rem;padding:3px 9px;text-decoration:none}.sd-link-open:hover{background:#ffce00;color:#0a1628}.sd-orders,.sd-products{overflow-x:auto}.sd-orders-note{color:#8898aa;font-size:.8rem;margin-bottom:14px}.sd-table{border-collapse:collapse;font-size:.84rem;width:100%}.sd-table thead{background:#ffce000d}.sd-table th{border-bottom:1px solid #ffce001f;color:#ffce00;font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.sd-table td{border-bottom:1px solid #ffffff0a;color:#e8ecf0;padding:11px 14px}.sd-table tr:last-child td{border-bottom:none}.sd-table tr:hover td{background:#ffce0008}.sd-product-name{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-sku{background:#ffffff0f;border-radius:4px;color:#8898aa;font-size:.76rem;padding:2px 7px}.sd-gold{color:#ffce00;font-weight:600}.sd-muted{color:#8898aa}.sd-center{text-align:center}.sd-stock{font-weight:600}.sd-stock.out{color:#ef4444}.sd-stock.low{color:#f59e0b}.sd-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.sd-badge.active{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.sd-badge.inactive{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.sd-badge.pending{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f59e0b}.sd-empty{color:#8898aa;padding:50px 20px;text-align:center}.sd-empty h3{color:#e8ecf0;font-family:Playfair Display,serif;margin:12px 0 8px}.sd-empty p{font-size:.86rem}@media (max-width:768px){.sd-modal{border-radius:0;max-height:100vh;max-width:100%}.sd-stats-bar{grid-template-columns:repeat(3,1fr)}.sd-two-col{grid-template-columns:1fr}.sd-header{flex-direction:column;gap:14px}.sd-header-right{align-self:flex-end}}@media (max-width:480px){.sd-stats-bar{grid-template-columns:repeat(2,1fr)}.sd-body{padding:16px}}.sdm-admin-only-notice{background:#f59e0b12;border:1px solid #f59e0b2e;border-radius:10px;color:#f59e0b;font-family:DM Sans,sans-serif;font-size:.84rem;margin-bottom:20px;padding:11px 16px}.sdm-brand-editor{display:flex;flex-direction:column;gap:0}.sdm-brand-intro{align-items:flex-start;background:#ffce000d;border:1px solid #ffce001f;border-radius:12px;display:flex;gap:14px;margin-bottom:22px;padding:16px 18px}.sdm-brand-intro-icon{flex-shrink:0;font-size:1.8rem}.sdm-brand-intro h3{color:#ffce00;font-family:Playfair Display,serif;font-size:1rem;margin:0 0 5px}.sdm-brand-intro p{color:#8898aa;font-family:DM Sans,sans-serif;font-size:.84rem;line-height:1.6;margin:0}.sdm-brand-visibility{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:11px;display:flex;justify-content:space-between;margin-bottom:12px;padding:14px 18px}.sdm-visibility-info strong{color:#e8ecf0;display:block;font-family:DM Sans,sans-serif;font-size:.9rem;margin-bottom:2px}.sdm-visibility-info span{color:#8898aa;font-family:DM Sans,sans-serif;font-size:.78rem}.sdm-toggle{display:inline-block;flex-shrink:0;height:24px;position:relative;width:46px}.sdm-toggle input{height:0;opacity:0;width:0}.sdm-toggle-slider{background:#ffffff1a;border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.sdm-toggle-slider:before{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.sdm-toggle input:checked+.sdm-toggle-slider{background:#10b981}.sdm-toggle input:checked+.sdm-toggle-slider:before{transform:translateX(22px)}.sdm-preview-link{color:#ffce00;display:inline-block;font-family:DM Sans,sans-serif;font-size:.82rem;margin-bottom:18px;text-decoration:none}.sdm-preview-link:hover{text-decoration:underline}.sdm-brand-field,.sdm-brand-form{display:flex;flex-direction:column}.sdm-brand-field{gap:6px;margin-bottom:14px}.sdm-brand-lbl{color:#8898aa;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.03em}.sdm-brand-field input,.sdm-brand-field textarea{background:#ffffff0d;border:1.5px solid #ffffff17;border-radius:9px;font-size:.9rem;resize:vertical;transition:border-color .2s}.sdm-brand-field input:focus,.sdm-brand-field textarea:focus{border-color:#ffce00}.sdm-brand-hint{color:#6b7280;font-family:DM Sans,sans-serif;font-size:.74rem}.sdm-img-preview{align-items:center;display:flex;gap:12px;margin-bottom:10px}.sdm-img-preview img{border:1px solid #ffce0033;border-radius:10px;height:60px;object-fit:cover;width:60px}.sdm-img-preview span{color:#8898aa;font-family:DM Sans,sans-serif;font-size:.78rem}.sdm-banner-preview{border:1px solid #ffce0026;border-radius:10px;height:100px;margin-bottom:10px;width:100%}.sdm-banner-preview img{height:100%}.sdm-tag-preview{margin:-6px 0 12px}.sdm-tag-chip{background:#ffce0017;border:1px solid #ffce002e;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600}.sdm-brand-footer{border-top:1px solid #ffce001a;margin-top:4px;padding-top:14px}.sdm-save-brand-btn{background:#ffce00;border-radius:12px;box-shadow:0 4px 20px #ffce0033;font-size:.95rem;padding:14px 36px;transition:all .2s ease}.sdm-save-brand-btn:hover{background:#d4a800;transform:translateY(-1px)}.sdm-save-brand-btn:disabled{opacity:.5}.sdm-brand-explainer{align-items:flex-start;background:#ffce000a;border-bottom:1px solid #ffce001a;display:flex;gap:14px;padding:16px 20px}.sdm-brand-explainer-icon{flex-shrink:0;font-size:1.8rem}.sdm-brand-explainer h3{color:#e8ecf0;font-size:14px;font-weight:700;margin:0 0 4px}.sdm-brand-explainer p{color:#ffffff80;font-size:12px;line-height:1.55;margin:0}.sdm-brand-explainer p strong{color:#ffce00e6}.sdm-brand-step{border-bottom:1px solid #ffffff0f;padding:20px 22px}.sdm-brand-step-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.sdm-brand-step-num{align-items:center;background:#ffce0026;border:1px solid #ffce004d;border-radius:50%;color:#ffce00;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:24px;justify-content:center;width:24px}.sdm-brand-step-title{color:#e8ecf0;font-size:13px;font-weight:700}.sdm-brand-step-hint{color:#ffffff59;flex:1 1;font-size:11px}.sdm-brand-publish-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.sdm-brand-status-badge{border-radius:8px;flex:1 1;font-size:13px;font-weight:700;padding:8px 14px}.sdm-brand-status-badge.live{background:#22c55e1a;border:1px solid #22c55e40;color:#4ade80}.sdm-brand-status-badge.hidden{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffff73}.sdm-brand-preview-link{color:#ffce00;display:inline-block;font-size:12px;margin-top:10px;opacity:.75;text-decoration:none}.sdm-brand-preview-link:hover{opacity:1;text-decoration:underline}.sdm-brand-field{margin-bottom:16px}.sdm-brand-field:last-child{margin-bottom:0}.sdm-brand-lbl{color:#ffffffb3;display:block;font-size:12px;font-weight:700;margin-bottom:5px}.sdm-brand-lbl-sub{color:#ffffff59;display:block;font-size:11px;font-weight:400;margin-top:2px}.sdm-brand-field input,.sdm-brand-field textarea{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#e8ecf0;font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:10px 13px;transition:border-color .15s,box-shadow .15s;width:100%}.sdm-brand-field input:focus,.sdm-brand-field textarea:focus{border-color:#ffce0066;box-shadow:0 0 0 3px #ffce0012}.sdm-brand-field textarea{min-height:90px;resize:vertical}.sdm-brand-why{color:#ffce008c;display:block;font-size:11px;line-height:1.5;margin-top:5px}.sdm-banner-preview{border-radius:8px;overflow:hidden}.sdm-banner-preview img{display:block;height:100px;object-fit:cover;width:100%}.sdm-logo-preview{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sdm-logo-preview img{border-radius:10px;height:72px;object-fit:cover;width:72px}.sdm-preview-label{color:#ffffff4d;font-size:10px}.sdm-logo-clear-btn{background:#ef44441a;border:1px solid #ef444440;border-radius:6px;color:#ef4444cc;cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;padding:4px 10px}.sdm-banner-location-note{background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;color:#fff9;font-size:12px;line-height:1.5;margin-bottom:16px;padding:10px 14px}.sdm-banner-location-note strong{color:#93c5fd}.sdm-banner-location-note a{color:#60a5fa}.sdm-tag-preview{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}.sdm-tag-chip{background:#ffce001a;border:1px solid #ffce0040;border-radius:20px;color:#ffce00;font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.sdm-highlights-preview{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}.sdm-highlight-chip{background:#22c55e14;border:1px solid #22c55e33;border-radius:20px;color:#ffffffa6;font-size:11px;font-weight:600;padding:4px 11px}.sdm-brand-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sdm-stats-preview{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;margin-top:16px;padding:14px}.sdm-stats-preview-label{color:#ffffff4d;display:block;font-size:11px;margin-bottom:10px}.sdm-stats-preview-row{display:flex;flex-wrap:wrap;gap:8px}.sdm-stat-chip{align-items:center;background:#ffce0014;border:1px solid #ffce0026;border-radius:8px;display:flex;flex-direction:column;min-width:70px;padding:8px 14px}.sdm-stat-chip strong{color:#ffce00;font-size:15px;font-weight:800}.sdm-stat-chip span{color:#fff6;font-size:10px;margin-top:2px;white-space:nowrap}.sdm-gallery-add-row{align-items:stretch;display:flex;gap:8px;margin-bottom:8px}.sdm-gallery-input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#e8ecf0;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;min-width:0;outline:none;padding:10px 13px;transition:border-color .15s}.sdm-gallery-input:focus{border-color:#ffce0066}.sdm-gallery-add-btn{background:#ffce0026;border:1px solid #ffce004d;border-radius:8px;color:#ffce00;cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:10px 16px;pointer-events:all;position:relative;transition:all .15s;white-space:nowrap;z-index:1}.sdm-gallery-add-btn:hover{background:#ffce004d;border-color:#ffce0099}.sdm-gallery-add-btn:active{background:#ffce0066;transform:scale(.97)}.sdm-gallery-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin:12px 0 16px}.sdm-gallery-thumb{aspect-ratio:1;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;position:relative}.sdm-gallery-thumb img{display:block;height:100%;object-fit:cover;width:100%}.sdm-gallery-remove{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:9px;font-weight:700;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px;z-index:2}.sdm-gallery-empty{border:1px dashed #ffffff1a;border-radius:8px;color:#ffffff40;font-size:12px;margin-top:10px;padding:24px;text-align:center}.sdm-gallery-video-section{margin-top:20px}.sdm-gallery-video-label{color:#fff9;display:block;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.sdm-gallery-video-inputs{display:flex;flex-direction:column;gap:8px}.sdm-video-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.sdm-video-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;display:flex;gap:10px;padding:8px 12px}.sdm-video-icon{flex-shrink:0;font-size:16px}.sdm-video-title{color:#ffffffa6;flex:1 1;font-size:12px}.sdm-gallery-remove-inline{background:none;border:none;color:#ef444499;cursor:pointer;flex-shrink:0;font-size:11px;padding:2px 6px}.sdm-gallery-remove-inline:hover{color:#ef4444}.sdm-brand-footer{padding:20px 22px}.sdm-brand-save-hint{color:#ff8c00cc;font-size:12px;margin:0 0 10px}.sdm-save-brand-btn{background:linear-gradient(135deg,#ffce00,#d4a800);border:none;border-radius:10px;color:#0a1628;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:800;padding:14px;transition:all .2s;width:100%}.sdm-save-brand-btn:hover:not(:disabled){box-shadow:0 4px 16px #ffce0059;transform:translateY(-1px)}.sdm-save-brand-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.sdm-gallery-upload-zone{align-items:center;background:#ffffff0a;border:2px dashed #ffce0040;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:14px;padding:14px 16px;transition:all .2s}.sdm-gallery-upload-zone:hover{background:#ffce000f;border-color:#ffce0080}.sdm-gallery-pick-btn{background:#ffce0026;border:1px solid #ffce0059;border-radius:8px;color:#ffce00;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;padding:10px 18px;transition:all .15s;white-space:nowrap}.sdm-gallery-pick-btn:hover{background:#ffce004d;border-color:#ffce00;transform:translateY(-1px)}.sdm-gallery-pick-btn:active{transform:scale(.97)}.sdm-gallery-pick-hint{color:#ffffff4d;font-size:11px}.sdm-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;display:flex;font-family:DM Sans,sans-serif;inset:0;justify-content:center;position:fixed;z-index:9999}.sdm-modal{animation:sdm-in .22s cubic-bezier(.4,0,.2,1);background:#0d1f35;border:1px solid #ffce0026;border-radius:20px;box-shadow:0 28px 90px #000000a6;display:flex;flex-direction:column;max-height:92vh;max-width:980px;overflow:hidden;width:100%}@keyframes sdm-in{0%{opacity:0;transform:scale(.96) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.sdm-loading{align-items:center;color:#fff6;display:flex;flex-direction:column;font-size:14px;gap:14px;justify-content:center;padding:60px 20px}.sdm-spinner{animation:sdm-spin .75s linear infinite;border:3px solid #ffce0026;border-radius:50%;border-top-color:#ffce00;height:36px;width:36px}@keyframes sdm-spin{to{transform:rotate(1turn)}}.sdm-mini-spinner{animation:sdm-spin .75s linear infinite;border:2px solid #ffffff26;border-radius:50%;border-top-color:#ffce00;display:inline-block;height:16px;width:16px}.sdm-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;padding:18px 24px 14px}.sdm-header,.sdm-header-left{align-items:flex-start;display:flex}.sdm-header-left{gap:14px}.sdm-header-right{gap:10px}.sdm-avatar,.sdm-header-right{align-items:center;display:flex;flex-shrink:0}.sdm-avatar{background:#ffce001f;border:1px solid #ffce0040;border-radius:12px;color:#ffce00;font-size:1.4rem;font-weight:900;height:46px;justify-content:center;width:46px}.sdm-avatar,.sdm-name{font-family:Playfair Display,serif}.sdm-name{color:#e8ecf0;font-size:1.25rem;font-weight:800;margin:0 0 3px}.sdm-tier{color:#8898aa;font-size:12px;margin-bottom:4px}.sdm-cats{display:flex;flex-wrap:wrap;gap:5px}.sdm-cat{background:#ffce001a;border:1px solid #ffce0033;border-radius:12px;color:#ffce00;font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.sdm-store-btn{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#ffffffb3;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:7px 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.sdm-store-btn:hover{background:#ffffff1a;color:#fff}.sdm-close{background:#ffffff12;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;font-size:14px;height:32px;transition:all .15s;width:32px}.sdm-close:hover{background:#ffffff26;color:#fff}.sdm-stats-bar{background:#ffffff05;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;overflow-x:auto}.sdm-stat{align-items:center;border-right:1px solid #ffffff0f;display:flex;flex:1 1;flex-direction:column;min-width:80px;padding:12px 8px}.sdm-stat:last-child{border-right:none}.sdm-stat-icon{font-size:16px;margin-bottom:4px}.sdm-stat-val{color:#e8ecf0;font-size:13px;font-weight:700;text-align:center}.sdm-stat-lbl{color:#ffffff59;font-size:10px;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.sdm-tabs{background:#ffffff05;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0}.sdm-tab{background:none;border:none;border-bottom:2px solid #0000;color:#ffffff73;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:12px 8px;transition:all .15s;white-space:nowrap}.sdm-tab:hover{color:#e8ecf0}.sdm-tab.active{border-bottom-color:#ffce00;color:#ffce00}.sdm-tab.pulse{animation:sdm-pulse 1.5s infinite}@keyframes sdm-pulse{0%,to{opacity:1}50%{opacity:.6}}.sdm-body{flex:1 1;overflow-y:auto;padding:22px 26px;scrollbar-color:#ffce0033 #0000;scrollbar-width:thin}.sdm-body::-webkit-scrollbar{width:4px}.sdm-body::-webkit-scrollbar-thumb{background:#ffce0033;border-radius:2px}.sdm-section{margin-bottom:22px}.sdm-section-title{color:#ffce00;font-size:11px;font-weight:800;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.sdm-admin-only-notice{background:#ef444414;border:1px solid #ef444426;border-radius:8px;color:#ffffff8c;font-size:12px;margin-bottom:18px;padding:10px 14px}.sdm-info-grid{display:flex;flex-direction:column;gap:1px}.sdm-info-row{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:10px;margin-bottom:4px;padding:9px 12px}.sdm-info-icon{flex-shrink:0;font-size:15px;text-align:center;width:20px}.sdm-info-label{color:#ffffff73;flex-shrink:0;font-size:12px;font-weight:600;min-width:100px}.sdm-info-val{color:#e8ecf0;flex:1 1;font-size:13px}.sdm-link{color:#60a5fa;font-size:12px;text-decoration:none;word-break:break-all}.sdm-link:hover{text-decoration:underline}.sdm-notes{color:#fff9;font-size:13px;line-height:1.6;margin:0}.sdm-products-header{align-items:center;color:#ffffff80;display:flex;font-size:13px;justify-content:space-between;margin-bottom:16px}.sdm-empty{color:#ffffff4d;padding:48px 20px;text-align:center}.sdm-empty h3{color:#ffffff80;font-family:Playfair Display,serif;margin:12px 0 8px}.sdm-empty p{font-size:13px;margin:0 0 16px}.sdm-import-cta{background:#ffce001a;border:1px solid #ffce0040;border-radius:8px;color:#ffce00;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:8px 16px}.sdm-import-cta.small{padding:6px 12px}.sdm-product-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sdm-product-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.sdm-product-img{align-items:center;aspect-ratio:1;background:#ffffff08;display:flex;justify-content:center;overflow:hidden}.sdm-product-img img{height:100%;object-fit:cover;width:100%}.sdm-product-info{padding:8px 10px}.sdm-product-name{color:#e8ecf0;font-size:11px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdm-product-meta{align-items:center;display:flex;gap:6px}.sdm-price{color:#ffce00;font-size:12px;font-weight:700}.sdm-sku{color:#ffffff4d;font-size:10px}.sdm-variants-count{color:#ffce0099;font-size:10px;margin-top:3px}.sdm-markup-intro{color:#fff9;font-size:13px;line-height:1.6;margin:0 0 16px}.sdm-markup-formula{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sdm-formula-step{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;flex-direction:column;min-width:80px;padding:12px 16px}.sdm-formula-step.highlight{background:#ffce001a;border:1px solid #ffce0033}.sdm-formula-icon{font-size:1.2rem;margin-bottom:4px}.sdm-formula-label{color:#ffffff80;font-size:11px;font-weight:600}.sdm-formula-eg{color:#ffffff4d;font-size:11px}.sdm-formula-arrow{color:#ffffff4d;flex-shrink:0;font-size:18px;font-weight:800}.sdm-markup-slider-wrap{margin-bottom:16px}.sdm-markup-lbl{color:#fff9;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.sdm-markup-lbl strong{color:#ffce00}.sdm-slider{accent-color:#ffce00;width:100%}.sdm-slider-labels{color:#ffffff4d;display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.sdm-markup-preview{background:#ffffff0a;border-radius:10px;padding:14px}.sdm-preview-row{align-items:center;border-bottom:1px solid #ffffff0d;color:#ffffff80;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.sdm-preview-row:last-child{border-bottom:none}.sdm-preview-row strong{color:#e8ecf0;font-weight:700}.sdm-preview-row.highlight strong{color:#ffce00}.sdm-preview-row.profit strong{color:#22c55e}.sdm-no-url-warn{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:8px;color:#fbbf24;font-size:13px;margin-bottom:16px;padding:10px 14px}.sdm-cookie-warn{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;color:#fff9;font-size:12px;margin-bottom:14px;padding:10px 14px}.sdm-cookie-warn strong{color:#fbbf24}.sdm-cookie-warn code{background:#ffffff1a;border-radius:4px;font-size:11px;padding:1px 5px}.sdm-start-btn{background:linear-gradient(135deg,#ffce00,#d4a800);border:none;border-radius:10px;color:#0a1628;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:800;margin-bottom:8px;padding:14px;transition:all .2s;width:100%}.sdm-start-btn:hover{box-shadow:0 4px 16px #ffce004d;transform:translateY(-1px)}.sdm-start-note{color:#ffffff59;font-size:12px;margin:0;text-align:center}.sdm-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sdm-progress-status{align-items:center;display:flex;gap:8px}.sdm-pulse-dot{animation:sdm-pulse 1.2s infinite;background:#22c55e;border-radius:50%;height:10px;width:10px}.sdm-status-label{color:#e8ecf0;font-size:14px;font-weight:700}.sdm-status-label.done{color:#22c55e}.sdm-status-label.error{color:#ef4444}.sdm-status-label.cancelled{color:#f59e0b}.sdm-cancel-btn{background:#ef44441a;border:1px solid #ef444440;border-radius:8px;color:#fca5a5}.sdm-cancel-btn,.sdm-restart-btn{cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:7px 14px}.sdm-restart-btn{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;color:#fff9}.sdm-progress-bar-wrap{background:#ffffff12;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden;position:relative}.sdm-progress-bar{background:linear-gradient(90deg,#ffce00,#d4a800);border-radius:4px;height:100%;transition:width .3s ease}.sdm-progress-bar.scanning{animation:sdm-scan 1.5s ease-in-out infinite alternate;width:40%}@keyframes sdm-scan{0%{margin-left:0}to{margin-left:60%}}.sdm-progress-text{color:#fff6;font-size:11px;position:absolute;right:0;top:-22px}.sdm-import-stats{display:flex;gap:10px;margin-bottom:16px}.sdm-import-stat{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;flex:1 1;padding:12px;text-align:center}.sdm-import-stat.success{border-color:#22c55e33}.sdm-import-stat.warning{border-color:#f59e0b33}.sdm-import-stat.error{border-color:#ef444433}.sdm-import-stat-val{color:#e8ecf0;display:block;font-size:1.6rem;font-weight:900;line-height:1}.sdm-import-stat-lbl{color:#ffffff59;display:block;font-size:10px;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.sdm-import-stat.success .sdm-import-stat-val{color:#4ade80}.sdm-import-stat.warning .sdm-import-stat-val{color:#fbbf24}.sdm-import-stat.error .sdm-import-stat-val{color:#f87171}.sdm-log-box{background:#0a1628;border:1px solid #ffffff14;border-radius:10px;font-family:Courier New,monospace;height:280px;overflow-y:auto;padding:12px 14px;scrollbar-color:#ffce0026 #0000;scrollbar-width:thin}.sdm-log-box::-webkit-scrollbar{width:3px}.sdm-log-box::-webkit-scrollbar-thumb{background:#ffce0026}.sdm-log-waiting{align-items:center;color:#ffffff4d;display:flex;font-size:13px;gap:8px}.sdm-log-line{display:flex;font-size:11.5px;gap:10px;line-height:1.5;padding:2px 0}.sdm-log-time{color:#fff3;flex-shrink:0;font-size:10px;margin-top:1px}.sdm-log-text{flex:1 1;word-break:break-all}.sdm-done-banner{align-items:center;background:#22c55e1a;border:1px solid #22c55e40;border-radius:10px;color:#4ade80;display:flex;font-size:14px;gap:14px;justify-content:space-between;margin-top:14px;padding:14px 18px}.sdm-done-banner strong{color:#4ade80}.sdm-view-products-btn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:7px 16px;white-space:nowrap}@media (max-width:768px){.sdm-modal{border-radius:0;max-height:100vh;max-width:100%}.sdm-body{padding:16px 18px}.sdm-product-grid{grid-template-columns:repeat(2,1fr)}.sdm-markup-formula{align-items:flex-start;flex-direction:column}}.afm-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;font-family:DM Sans,sans-serif;inset:0;justify-content:center;position:fixed;z-index:99999}.afm-modal{background:#0d1f35;border:1px solid #ffce0026;border-radius:18px;box-shadow:0 30px 80px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:calc(100vw - 32px);overflow:hidden;width:680px}.afm-header{align-items:flex-start;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 26px 18px}.afm-header-text h2{color:#e8ecf0;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:800;margin:0 0 4px}.afm-header-text p{color:#fff6;font-size:12px;margin:0}.afm-close{background:#ffffff12;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;flex-shrink:0;font-size:14px;height:32px;transition:all .15s;width:32px}.afm-close:hover{background:#ffffff26;color:#fff}.afm-step{border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:18px 26px}.afm-step:last-of-type{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.afm-step-label{color:#e8ecf0;font-size:13px;font-weight:700;gap:10px;margin-bottom:14px}.afm-step-label,.afm-step-num{align-items:center;display:flex}.afm-step-num{background:#ffce0026;border:1px solid #ffce004d;border-radius:50%;color:#ffce00;flex-shrink:0;font-size:11px;font-weight:800;height:22px;justify-content:center;width:22px}.afm-total-count{color:#ffffff59;font-size:11px;font-weight:400;margin-left:auto}.afm-select{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#e8ecf0;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s;width:100%}.afm-select:focus{border-color:#ffce0066}.afm-selected-factory{align-items:center;background:#ffce000f;border:1px solid #ffce0026;border-radius:10px;display:flex;gap:12px;margin-top:12px;padding:10px 14px}.afm-factory-avatar{align-items:center;background:#ffce001a;border-radius:8px;display:flex;flex-shrink:0;height:38px;justify-content:center;overflow:hidden;width:38px}.afm-factory-avatar img{height:100%;object-fit:cover;width:100%}.afm-factory-avatar span{color:#ffce00;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:800}.afm-selected-factory strong{color:#e8ecf0;display:block;font-size:13px;font-weight:700}.afm-selected-factory span{color:#fff6;font-size:11px}.afm-filter-bar{display:flex;flex-shrink:0;gap:10px;margin-bottom:12px}.afm-filter-tabs{display:flex;gap:4px}.afm-filter-tab{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#ffffff80;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:7px 13px;transition:all .15s}.afm-filter-tab.on{background:#ffce001a;border-color:#ffce004d;color:#ffce00}.afm-search{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:#e8ecf0;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;min-width:0;outline:none;padding:7px 13px}.afm-search:focus{border-color:#ffce004d}.afm-select-all-bar{align-items:center;display:flex;flex-shrink:0;gap:14px;padding:6px 0 10px}.afm-select-all-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:0;transition:color .15s}.afm-select-all-btn:hover{color:#ffce00}.afm-selected-count{color:#ffce00;font-size:12px;font-weight:700}.afm-product-list{flex:1 1;overflow-y:auto;scrollbar-color:#ffce0033 #0000;scrollbar-width:thin}.afm-product-list::-webkit-scrollbar{width:4px}.afm-product-list::-webkit-scrollbar-thumb{background:#ffce0033;border-radius:2px}.afm-product-row{align-items:center;border-bottom:1px solid #ffffff0a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 4px;transition:background .12s}.afm-product-row:hover{background:#ffffff0a}.afm-product-row.selected{background:#ffce0012}.afm-product-check{color:#ffffff59;flex-shrink:0;font-size:16px;width:20px}.afm-product-row.selected .afm-product-check{color:#ffce00}.afm-product-img{border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;height:44px;object-fit:cover;width:44px}.afm-product-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.afm-product-name{color:#e8ecf0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.afm-product-meta{color:#fff6;font-size:11px}.afm-current-factory{color:#ffce0080}.afm-empty,.afm-loading{color:#ffffff4d;font-size:13px;padding:30px;text-align:center}.afm-load-more{background:#0000;border:1px dashed #ffffff1a;border-radius:8px;color:#fff6;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;margin-top:8px;padding:12px;transition:all .15s;width:100%}.afm-load-more:hover{border-color:#ffce0033;color:#ffce00}.afm-footer{border-top:1px solid #ffffff12;flex-shrink:0;padding:16px 26px}.afm-success{color:#4ade80;font-size:13px;font-weight:700;margin-bottom:12px}.afm-footer-actions{display:flex;gap:10px}.afm-cancel-btn{background:#0000;border:1px solid #ffffff1a;border-radius:10px;color:#ffffff80;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:12px 24px;transition:all .15s}.afm-cancel-btn:hover{border-color:#fff3;color:#e8ecf0}.afm-assign-btn{background:linear-gradient(135deg,#ffce00,#d4a800);border:none;border-radius:10px;color:#0a1628;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;font-weight:800;padding:12px 20px;transition:all .2s}.afm-assign-btn:hover:not(:disabled){box-shadow:0 4px 14px #ffce004d;transform:translateY(-1px)}.afm-assign-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.sup-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:100vh}.sup-spinner{animation:spin .8s linear infinite;border:3px solid #ffce0026;border-radius:50%;border-top:3px solid var(--gold);height:42px;width:42px}.sup-page{min-height:100vh;padding:32px}.sup-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.sup-title{color:var(--gold);font-family:var(--font-display);font-size:2.2rem;font-weight:800;margin:0 0 5px}.sup-sub{color:var(--text-muted);font-size:.88rem;margin:0}.sup-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:26px}.sup-stat{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--glass-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:12px;padding:18px;transition:var(--ease)}.sup-stat:hover{border-color:var(--border-hover);transform:translateY(-2px)}.sup-stat-icon{font-size:1.5rem}.sup-stat-val{color:var(--gold);font-family:var(--font-display);font-size:1.6rem;font-weight:700;line-height:1}.sup-stat-lbl{color:var(--text-muted);font-size:.7rem;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.sup-toolbar{flex-wrap:wrap;gap:14px;margin-bottom:24px}.sup-search-wrap,.sup-toolbar{align-items:center;display:flex}.sup-search-wrap{flex:1 1;min-width:200px;position:relative}.sup-search-wrap span{left:14px;opacity:.45;pointer-events:none;position:absolute}.sup-search{background:var(--glass);border:1.5px solid var(--border);border-radius:25px;color:var(--text-main);font-family:var(--font-body);font-size:.88rem;outline:none;padding:10px 14px 10px 40px;transition:var(--ease);width:100%}.sup-search::placeholder{color:var(--text-muted)}.sup-search:focus{background:var(--glass-hover);border-color:var(--gold);box-shadow:0 0 0 3px #ffce0014}.sup-filtertabs{display:flex;gap:8px}.sup-ftab{background:var(--glass);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:500;padding:9px 16px;transition:var(--ease);white-space:nowrap}.sup-ftab:hover{border-color:var(--border-hover);color:var(--text-main)}.sup-ftab.on{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:700}.sup-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.sup-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--glass-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:20px;position:relative;transition:var(--ease)}.sup-card:before{background:linear-gradient(90deg,var(--gold) 0,#0000 100%);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--ease)}.sup-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.sup-card:hover:before{opacity:1}.sup-card.dim{filter:grayscale(.3);opacity:.55}.sup-card-top{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.sup-avatar{align-items:center;background:var(--gold-glow);border:1.5px solid var(--border-hover);border-radius:11px;color:var(--gold);display:flex;flex-shrink:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700;height:44px;justify-content:center;width:44px}.sup-card-meta{flex:1 1;min-width:0}.sup-card-name{color:var(--text-white);font-family:var(--font-display);font-size:1rem;font-weight:700;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-tier{font-size:.78rem;font-weight:600}.sup-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.sup-dot.green{background:var(--success);box-shadow:0 0 6px #10b98180}.sup-dot.grey{background:#6b7280}.sup-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.sup-cat{background:#ffce0012;border:1px solid #ffce0026;border-radius:10px;color:var(--gold);font-size:.7rem;font-weight:600;padding:2px 9px}.sup-quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sup-quick span{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:4px}.sup-store-link{align-items:center;background:#ffce000f;border:1px solid #ffce0033;border-radius:8px;color:var(--gold);display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;margin-bottom:12px;padding:7px 14px;text-decoration:none;transition:var(--ease);width:100%}.sup-store-link:hover{background:var(--gold);color:var(--navy)}.sup-products-toggle{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text-soft);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.83rem;font-weight:600;justify-content:space-between;margin-bottom:10px;padding:10px 14px;transition:var(--ease);width:100%}.sup-products-toggle:hover{border-color:var(--border-hover);color:var(--text-main)}.sup-arrow{font-size:.7rem;opacity:.6}.sup-products-box{background:#00000026;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:12px}.sup-no-prods{color:var(--text-muted);font-size:.8rem;line-height:1.6;padding:8px 0;text-align:center}.sup-prod-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;flex-wrap:wrap;gap:8px;padding:6px 0}.sup-prod-row:last-child{border-bottom:none}.sup-prod-sku{background:#ffffff0f;border-radius:4px;color:var(--text-muted);font-size:.72rem;font-weight:600;padding:1px 7px}.sup-prod-name{color:var(--text-main);flex:1 1;font-size:.83rem}.sup-prod-price{color:var(--gold);font-size:.8rem;font-weight:700}.sup-open-link{border:1px solid #ffce0033;border-radius:5px;color:var(--gold);font-size:.75rem;font-weight:600;padding:2px 8px;text-decoration:none}.sup-open-link:hover{background:var(--gold);color:var(--navy)}.sup-divider-label{border-top:1px solid var(--border);color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;margin-top:4px;padding:8px 0 4px;text-transform:uppercase}.sup-notes-text{background:#ffffff08;border-radius:7px;color:var(--text-muted);font-size:.82rem;line-height:1.5;margin-bottom:12px;padding:8px 12px}.sup-actions{display:flex;flex-wrap:wrap;gap:8px}.sup-act{border:1px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:.8rem;font-weight:600;min-width:50px;padding:8px 10px;text-align:center;transition:var(--ease);white-space:nowrap}.sup-act.edit{background:var(--gold-glow);border-color:#ffce0040;color:var(--gold)}.sup-act.edit:hover{background:var(--gold);color:var(--navy)}.sup-act.pause{background:#f59e0b1a;border-color:#f59e0b33;color:var(--warning)}.sup-act.pause:hover{background:var(--warning);color:#000}.sup-act.activate{background:#10b9811a;border-color:#10b98133;color:var(--success)}.sup-act.activate:hover{background:var(--success);color:#fff}.sup-act.del{background:#ef44441a;border-color:#ef444433;color:var(--danger);flex:0 1}.sup-act.del:hover{background:var(--danger);color:#fff}.sup-empty{color:var(--text-muted);padding:80px 20px;text-align:center}.sup-empty h3{color:var(--text-main);font-family:var(--font-display);font-size:1.4rem;margin:12px 0 8px}.sup-empty p{margin:0 0 24px}.sup-primary-btn{align-items:center;background:var(--gold);border:none;border-radius:25px;box-shadow:0 4px 16px #ffce0033;color:var(--navy);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.9rem;font-weight:700;gap:7px;letter-spacing:.02em;padding:11px 24px;transition:var(--ease)}.sup-primary-btn:hover{background:var(--gold-dark);box-shadow:0 8px 24px #ffce004d;transform:translateY(-2px)}.sup-primary-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.sup-ghost-btn{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:.88rem;padding:9px 18px;transition:var(--ease)}.sup-ghost-btn:hover{border-color:var(--border-hover);color:var(--text-main)}.sup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1628bf;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.sup-drawer{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:var(--navy-mid);border-left:1px solid var(--border-hover);display:flex;flex-direction:column;height:100vh;max-width:520px;overflow:hidden;width:100%}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sup-drawer-head{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 26px 18px}.sup-drawer-head h2{color:var(--gold);font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin:0}.sup-close{align-items:center;background:var(--glass);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;height:34px;justify-content:center;transition:var(--ease);width:34px}.sup-close:hover{border-color:var(--border-hover);color:var(--text-main)}.sup-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sup-form-scroll{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:22px 26px;scrollbar-color:#ffce0033 #0000;scrollbar-width:thin}.sup-sec{margin-bottom:28px}.sup-sec-title{border-bottom:1px solid var(--border);color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.09em;margin-bottom:14px;padding-bottom:8px;text-transform:uppercase}.sup-sec-hint{color:var(--text-muted);font-size:.8rem;line-height:1.5;margin:-8px 0 12px}.sup-fld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.sup-lbl{color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.03em}.sup-form input,.sup-form select,.sup-form textarea{background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:9px;color:var(--text-main);font-family:var(--font-body);font-size:.88rem;outline:none;padding:10px 13px;transition:var(--ease);width:100%}.sup-form input::placeholder{color:#fff3}.sup-form input:focus,.sup-form select:focus,.sup-form textarea:focus{background:#ffce000a;border-color:var(--gold);box-shadow:0 0 0 3px #ffce0014}.sup-form select option{background:var(--navy-mid)}.sup-form textarea{min-height:75px;resize:vertical}.sup-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sup-check{align-items:center;color:var(--text-soft);cursor:pointer;display:flex;font-size:.88rem;font-weight:500;gap:10px;margin-bottom:12px}.sup-check input[type=checkbox]{accent-color:var(--gold);cursor:pointer;height:17px;width:17px}.sup-link-card{background:#0000001f;border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:14px}.sup-link-card-head{align-items:center;color:var(--gold);display:flex;font-size:.78rem;font-weight:700;justify-content:space-between;margin-bottom:10px}.sup-rm-link{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:var(--danger);cursor:pointer;font-size:.75rem;font-weight:600;padding:3px 10px;transition:var(--ease)}.sup-rm-link:hover{background:var(--danger);color:#fff}.sup-drawer-foot{background:#0000001a;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 26px}@media (max-width:768px){.sup-page{padding:20px 16px}.sup-header{flex-direction:column;gap:14px}.sup-title{font-size:1.7rem}.sup-stats{grid-template-columns:1fr 1fr}.sup-toolbar{flex-direction:column}.sup-grid{grid-template-columns:1fr}.sup-drawer{max-width:100%}.sup-row{grid-template-columns:1fr}}.sup-card-clickable{cursor:pointer}.sup-card-clickable:hover{border-color:#ffce0080!important;box-shadow:0 0 0 2px #ffce001f,0 12px 40px #0000004d!important}.sup-act.view{background:#3b82f61a;border-color:#3b82f640;color:#60a5fa}.sup-act.view:hover{background:#3b82f6;color:#fff}.search-analytics-container{background-color:var(--bg-main);color:var(--text-on-main);min-height:100vh;padding:30px;transition:all .3s ease}.search-analytics-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:60vh}.search-analytics-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--card-border);border-radius:50%;border-top-color:var(--accent);height:50px;margin-bottom:20px;width:50px}.analytics-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-left{display:flex;flex-direction:column;gap:8px}.icon-title{align-items:center;display:flex;gap:12px}.search-icon{font-size:2rem}.icon-title h1{color:var(--text-on-main);font-size:2rem;font-weight:700;margin:0}.subtitle{color:var(--text-muted);font-size:.95rem;margin:0}.time-range-select{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;color:var(--text-on-main);cursor:pointer;font-size:.95rem;padding:12px 20px;transition:all .3s ease}.time-range-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.time-range-select option{background:var(--card-bg);color:var(--text-on-main)}.overview-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.overview-cards .stat-card{align-items:flex-start;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.overview-cards .stat-card:hover{border-color:var(--accent);box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-4px)}.overview-cards .stat-icon{align-items:center;border-radius:14px;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.overview-cards .stat-icon.total{background:#3498db26}.overview-cards .stat-icon.success{background:#27ae6026}.overview-cards .stat-icon.failed{background:#e74c3c26}.overview-cards .stat-content h3{color:var(--text-muted);font-size:.85rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.overview-cards .stat-number{color:var(--text-on-main);font-size:2rem;font-weight:700;margin:0 0 6px}.overview-cards .stat-label{color:var(--text-muted);font-size:.85rem}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:30px}@media (max-width:1200px){.charts-row{grid-template-columns:1fr}}.chart-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px}.chart-card h2{color:var(--text-on-main);font-size:1.1rem;margin:0 0 20px}.chart-card .recharts-cartesian-grid-horizontal line,.chart-card .recharts-cartesian-grid-vertical line{stroke:var(--card-border)}.chart-card .recharts-text{fill:var(--text-muted)}.chart-card .recharts-legend-item-text{color:var(--text-muted)!important}.success-rate-chart .legend{display:flex;gap:24px;justify-content:center;margin-top:16px}.legend-item{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:8px}.legend-color{border-radius:4px;height:14px;width:14px}.tables-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}@media (max-width:968px){.tables-row{grid-template-columns:1fr}}.table-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px}.table-card.full-width{grid-column:1/-1}.table-card h2{color:var(--text-on-main);font-size:1.1rem;margin:0 0 20px}.table-container{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%}.analytics-table thead{background:var(--table-header-bg)}.analytics-table th{color:var(--text-on-main);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.analytics-table td,.analytics-table th{border-bottom:1px solid var(--card-border);padding:14px 16px}.analytics-table td{color:var(--text-muted);vertical-align:middle}.analytics-table tr:hover td{background:var(--accent-glow)}.analytics-table tr:last-child td{border-bottom:none}.query-cell{color:var(--text-on-main);font-weight:500}.status-badge{display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px}.status-badge.good,.status-badge.success{background:#27ae6026;color:#27ae60}.status-badge.failed,.status-badge.poor{background:#e74c3c26;color:#e74c3c}.source-badge{background:var(--accent-glow);border-radius:6px;color:var(--accent);display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px}.empty-state{color:var(--text-muted);padding:40px 20px;text-align:center}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.product-card-analytics{background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;overflow:hidden;transition:all .3s ease}.product-card-analytics:hover{border-color:var(--accent)}.product-card-analytics img{flex-shrink:0;height:100px;object-fit:cover;width:100px}.product-card-analytics .product-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:14px}.product-card-analytics h4{color:var(--text-on-main);font-size:.95rem;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-analytics .product-category{color:var(--text-muted);font-size:.8rem;margin-bottom:10px}.product-stats{display:flex;gap:12px}.product-stats .stat{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:4px}@media (max-width:768px){.search-analytics-container{padding:20px}.analytics-header{flex-direction:column;gap:20px}.time-range-select{width:100%}.icon-title h1,.overview-cards .stat-number{font-size:1.5rem}.products-grid{grid-template-columns:1fr}.product-card-analytics{flex-direction:row}.product-card-analytics img{height:80px;width:80px}}.admin-chat-container{background:#f9fafb;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:calc(100vh - 64px);overflow:hidden}.admin-chat-sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-width:260px;overflow:hidden;width:320px}.sidebar-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:16px}.sidebar-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sidebar-title h2{color:#111827;font-size:17px;font-weight:700;margin:0}.agents-badge{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:5px}.online-dot-sm{background:#22c55e;border-radius:50%;display:inline-block;height:8px;width:8px}.sidebar-stats{display:flex;gap:14px;margin-bottom:12px}.sidebar-stat{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:5px}.stat-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.sidebar-search{align-items:center;background:#f3f4f6;border-radius:8px;color:#9ca3af;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.sidebar-search input{background:none;border:none;color:#374151;flex:1 1;font-size:13px;outline:none}.sidebar-tabs,.tab-btn{display:flex;gap:4px}.tab-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;justify-content:center;padding:6px 8px;transition:all .15s}.tab-btn:hover{background:#f3f4f6}.tab-btn.active{background:#ede9fe;color:#6366f1}.tab-badge{align-items:center;background:#ef4444;border-radius:8px;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;min-width:16px;padding:0 3px}.session-list{flex:1 1;overflow-y:auto}.session-list::-webkit-scrollbar{width:4px}.session-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.session-list-empty{color:#9ca3af;font-size:13px;padding:32px;text-align:center}.session-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:10px;padding:12px 16px;position:relative;transition:background .15s}.session-item:hover{background:#f9fafb}.session-item.active{background:#ede9fe}.session-item.has-unread{border-left:3px solid #6366f1}.session-avatar{flex-shrink:0;position:relative}.session-avatar img,.session-avatar-placeholder{border-radius:50%;height:40px;object-fit:cover;width:40px}.session-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:15px;font-weight:600;justify-content:center}.session-status-dot{border:2px solid #fff;border-radius:50%;bottom:1px;height:10px;position:absolute;right:1px;width:10px}.session-info{flex:1 1;min-width:0}.session-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.session-name{color:#111827;font-size:14px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-time{color:#9ca3af;flex-shrink:0;font-size:11px}.session-preview-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.session-preview{color:#6b7280;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-count{align-items:center;background:#6366f1;border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.session-meta-row{align-items:center;display:flex;gap:8px}.session-status-label{font-size:11px;font-weight:500;text-transform:capitalize}.customer-online-badge{background:#dcfce7;border-radius:10px;color:#166534;font-size:10px;font-weight:600;padding:1px 6px}.admin-chat-main{background:#f9fafb;min-width:0}.admin-chat-empty,.admin-chat-main{display:flex;flex:1 1;flex-direction:column}.admin-chat-empty{align-items:center;color:#6b7280;gap:12px;justify-content:center}.empty-icon{font-size:56px}.admin-chat-empty h3{color:#374151;font-size:20px;margin:0}.admin-chat-empty p{margin:0}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:16px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;padding:16px 20px}.stat-number{font-size:28px;font-weight:700}.stat-label{color:#9ca3af;font-size:12px;margin-top:2px}.stat-card.waiting .stat-number{color:#f59e0b}.stat-card.active .stat-number{color:#22c55e}.stat-card.closed .stat-number{color:#9ca3af}.stat-card.agents .stat-number{color:#6366f1}.admin-chat-loading{align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:32px;width:32px}.admin-chat-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 20px;position:relative}.achat-header-left{align-items:center;display:flex;gap:12px}.achat-avatar{flex-shrink:0;position:relative}.achat-avatar img,.achat-avatar-placeholder{border-radius:50%;height:40px;object-fit:cover;width:40px}.achat-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:15px;font-weight:600;justify-content:center}.achat-online-dot{border:2px solid #fff;border-radius:50%;bottom:0;height:11px;position:absolute;right:0;width:11px}.achat-customer-name{color:#111827;font-size:15px;font-weight:600;margin:0}.achat-customer-email{color:#9ca3af;font-size:12px;font-weight:400}.achat-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin-top:2px}.achat-status{border-radius:10px;font-size:11px;font-weight:600;padding:1px 8px;text-transform:capitalize}.achat-status.waiting{background:#fef3c7;color:#92400e}.achat-status.active{background:#dcfce7;color:#166534}.achat-status.closed{background:#f3f4f6;color:#6b7280}.achat-separator{color:#d1d5db}.achat-header-actions{align-items:center;display:flex;gap:8px}.achat-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:all .15s}.achat-btn.icon{align-items:center;background:#f3f4f6;color:#374151;display:flex;padding:7px}.achat-btn.assign,.achat-btn.icon.active,.achat-btn.icon:hover{background:#ede9fe;color:#6366f1}.achat-btn.assign:hover{background:#6366f1;color:#fff}.achat-btn.close{background:#fee2e2;color:#b91c1c}.achat-btn.close:hover{background:#b91c1c;color:#fff}.achat-info-panel{animation:fadeDown .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 20px #0000001f;padding:14px;position:absolute;right:20px;top:calc(100% + 4px);width:300px;z-index:10}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.info-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding:6px 0}.info-row:last-child{border-bottom:none}.info-label{color:#9ca3af;flex-shrink:0;font-size:12px;font-weight:500}.info-value{color:#374151;font-size:12px;text-align:right}.info-value.mono{font-family:monospace;font-size:11px}.admin-chat-history{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px;scroll-behavior:smooth}.admin-chat-history::-webkit-scrollbar{width:5px}.admin-chat-history::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.achat-empty{color:#9ca3af;font-size:13px;padding:40px;text-align:center}.achat-date-divider{margin:8px 0;text-align:center}.achat-date-divider span{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:11px;padding:3px 12px}.achat-system-msg{margin:4px 0;text-align:center}.achat-system-msg span{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:12px;padding:3px 12px}.achat-message{align-items:flex-end;display:flex;gap:8px;position:relative}.achat-message.agent-msg{flex-direction:row-reverse}.achat-msg-avatar img,.achat-msg-avatar-placeholder{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.achat-msg-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:13px;font-weight:600;justify-content:center}.achat-msg-body{display:flex;flex-direction:column;gap:3px;max-width:60%}.achat-msg-meta{align-items:center;color:#9ca3af;display:flex;font-size:11px;gap:6px}.achat-msg-meta.right{flex-direction:row-reverse}.achat-msg-sender{color:#6b7280;font-weight:500}.achat-msg-read{color:#6366f1}.achat-bubble{border-radius:16px;font-size:14px;line-height:1.5;padding:10px 14px}.achat-bubble.agent{align-self:flex-end;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom-right-radius:4px;color:#fff}.achat-bubble.customer{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#1f2937}.achat-msg-text{margin:0;white-space:pre-wrap;word-break:break-word}.achat-msg-deleted{font-size:13px;font-style:italic;margin:0;opacity:.6}.achat-msg-image{border-radius:8px;cursor:pointer;display:block;max-height:240px;max-width:240px}.achat-img-caption{font-size:12px;margin:4px 0 0;opacity:.85}.achat-file{align-items:center;background:#0000000f;border-radius:8px;color:inherit;display:flex;gap:8px;padding:6px;text-decoration:none}.achat-file-name{display:block;font-size:13px;font-weight:500}.achat-file-size{display:block;font-size:11px;opacity:.7}.achat-file-dl{font-size:16px}.achat-sending{color:#9ca3af;font-size:11px}.achat-failed{color:#ef4444;font-size:11px}.achat-msg-actions{align-items:center;display:flex;position:absolute;top:0}.achat-msg-actions.right{right:calc(100% + 4px)}.achat-msg-actions.left{left:calc(100% + 4px)}.achat-delete-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 4px #00000014;cursor:pointer;font-size:13px;padding:3px 6px;transition:background .15s}.achat-delete-btn:hover{background:#fee2e2}.achat-bubble.typing{display:flex;gap:4px;padding:12px 16px}.achat-bubble .dot{animation:typingBounce 1.2s infinite;background:#9ca3af;border-radius:50%;height:7px;width:7px}.achat-bubble .dot:nth-child(2){animation-delay:.2s}.achat-bubble .dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.achat-lightbox{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.achat-lightbox-content{align-items:center;display:flex;flex-direction:column;gap:12px;position:relative}.achat-lightbox-content img{border-radius:8px;max-height:85vh;max-width:90vw}.achat-lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:-8px;top:-36px}.achat-lightbox-dl{background:#fff;border-radius:6px;color:#1f2937;font-size:13px;font-weight:600;padding:6px 20px;text-decoration:none}.admin-chat-input{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;position:relative}.admin-chat-input.dragging{background:#ede9fe;border:2px dashed #6366f1}.canned-panel{animation:slideUpSmall .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:10px 10px 0 0;bottom:100%;box-shadow:0 -4px 20px #00000014;left:0;overflow:hidden;position:absolute;right:0}@keyframes slideUpSmall{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.canned-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 14px}.canned-header button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px}.canned-list{max-height:220px;overflow-y:auto}.canned-item{align-items:flex-start;background:none;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;flex-direction:column;padding:10px 14px;text-align:left;transition:background .12s;width:100%}.canned-item:hover{background:#f3f4f6}.canned-label{color:#6366f1;font-size:13px;font-weight:600;margin-bottom:2px}.canned-preview{color:#6b7280;font-size:12px}.admin-file-preview{padding:10px 14px 0}.admin-image-preview-wrap{display:inline-block;position:relative}.admin-image-preview-wrap img{border-radius:8px;max-height:80px;max-width:120px;object-fit:cover}.admin-file-preview-row button,.admin-image-preview-wrap button{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.admin-file-preview-row{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;font-size:13px;gap:8px;padding:6px 10px;position:relative}.admin-input-toolbar{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:4px;padding:8px 14px 4px}.toolbar-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:16px;padding:5px 8px;transition:background .12s}.toolbar-btn.active,.toolbar-btn:hover{background:#ede9fe}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar-separator{background:#e5e7eb;height:20px;margin:0 4px;width:1px}.toolbar-hint{color:#d1d5db;font-size:11px;margin-left:4px}.admin-input-row{align-items:flex-end;display:flex;gap:8px;padding:8px 14px 12px}.admin-text-input{border:1px solid #e5e7eb;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:140px;min-height:42px;outline:none;overflow-y:auto;padding:10px 14px;resize:none;transition:border-color .15s}.admin-text-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.admin-text-input:disabled{background:#f9fafb}.admin-send-btn{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#9ca3af;cursor:not-allowed;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .15s;width:42px}.admin-send-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 10px #6366f166;color:#fff;cursor:pointer}.admin-send-btn.active:hover{transform:scale(1.06)}.admin-closed-bar{align-items:center;background:#f3f4f6;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;padding:12px 20px}.rating-display{color:#f59e0b;font-weight:500}.session-product-tag{background:#fef3c7;border:1px solid #fde68a;border-radius:5px;color:#d97706;display:inline-block;font-size:11px;font-weight:600;margin:2px 0 3px;max-width:100%;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.achat-product-card{align-items:center;background:#fffbeb;border-bottom:1px solid #fde68a;display:flex;gap:12px;padding:10px 20px}.achat-product-img{border:1px solid #fde68a;border-radius:8px;flex-shrink:0;height:52px;object-fit:cover;width:52px}.achat-product-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.achat-product-label{color:#92400e;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.achat-product-name{color:#111827;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achat-product-price{color:#d97706;font-size:13px;font-weight:700}.achat-product-link{background:#f59e0b;border-radius:8px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;padding:7px 14px;text-decoration:none;transition:background .15s;white-space:nowrap}.achat-product-link:hover{background:#d97706}.achat-msg-product-card{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;display:flex;gap:10px;margin-bottom:6px;max-width:100%;padding:8px 12px}.achat-msg-product-img{border-radius:6px;flex-shrink:0;height:42px;object-fit:cover;width:42px}.achat-msg-product-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.achat-msg-product-label{color:#92400e;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.achat-msg-product-name{color:#111827;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achat-msg-product-link,.achat-msg-product-price{color:#d97706;font-size:11px;font-weight:700}.achat-msg-product-link{flex-shrink:0;text-decoration:none;white-space:nowrap}.achat-msg-product-link:hover{text-decoration:underline}:root,:root[data-theme=dark]{--navy:#0a1628;--navy-mid:#132a4a;--navy-light:#1e3a5f;--navy-card:#132a4ae0;--gold:#ffce00;--gold-dark:#d4a800;--gold-muted:#a5913f;--gold-glow:#ffce0026;--gold-glow-sm:#ffce0012;--text-on-main:#e8ecf0;--text-primary:#fff;--text-secondary:#c5cdd8;--text-muted:#8898aa;--text-on-accent:#0a1628;--bg-main:#0a16288c;--bg-side:#08101eeb;--bg-secondary:#132a4a99;--bg-tertiary:#1e3a5f80;--bg-hover:#ffffff0f;--card-bg:#132a4ad1;--card-border:#ffce0021;--glass:#ffffff0d;--glass-hover:#ffffff17;--glass-card:#132a4ad9;--overlay-bg:#0a1628bf;--border-color:#ffce0021;--border-hover:#ffce0059;--border-subtle:#ffffff0f;--input-bg:#ffffff0d;--input-border:#ffffff1f;--table-header-bg:#ffce000f;--accent:#ffce00;--accent-glow:#ffce0026;--accent-hover:#d4a800;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--shadow-sm:0 2px 12px #00000059;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 10px 48px #000000a6;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans","Segoe UI",sans-serif;--sidebar-width:260px;--radius:14px;--radius-sm:8px;--radius-lg:20px;--ease:0.3s cubic-bezier(0.4,0,0.2,1);--primary:#ffce00;--primary-hover:#d4a800;--sidebar-text:#e8ecf0;--sidebar-text-muted:#8898aa;--sidebar-active-bg:#ffce001f;--sidebar-active-text:#ffce00;--sidebar-hover-bg:#ffffff0d}:root[data-theme=light]{--gold:#d4a800;--gold-dark:#a58000;--gold-glow:#d4a8002e;--gold-glow-sm:#d4a80017;--text-on-main:#0f1e38;--text-primary:#fff;--text-secondary:#1e3a5f;--text-muted:#4a6080;--text-on-accent:#0a1628;--bg-main:#f0f5ffa6;--bg-side:#08101ef0;--bg-secondary:#dcebff8c;--bg-tertiary:#c8dcf573;--bg-hover:#1e3a5f14;--card-bg:#fffc;--card-border:#1e3a5f26;--glass:#ffffff8c;--glass-hover:#ffffffbf;--glass-card:#ffffffd1;--overlay-bg:#0a1628a6;--border-color:#1e3a5f26;--border-hover:#d4a80073;--border-subtle:#1e3a5f14;--input-bg:#ffffffe6;--input-border:#1e3a5f33;--table-header-bg:#d4a80014;--accent:#d4a800;--accent-glow:#d4a8002e;--accent-hover:#a58000;--shadow-sm:0 2px 12px #0a16281f;--shadow-md:0 4px 24px #0a16282e;--shadow-lg:0 10px 48px #0a162840;--sidebar-text:#e8ecf0;--sidebar-text-muted:#8898aa;--sidebar-active-bg:#d4a80026;--sidebar-active-text:#d4a800;--sidebar-hover-bg:#ffffff0f;--navy:#0a1628;--navy-mid:#132a4a;--navy-light:#1e3a5f;--navy-card:#ffffffd1;--primary:#d4a800;--primary-hover:#a58000}body{animation:adminSlideShow 30s infinite;background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--text-on-main)}@keyframes adminSlideShow{0%{background-image:url(/static/media/blue.6e02539025871b5b68b1.jpg)}50%{background-image:url(/static/media/bACK.269b88298abcc4c54f30.jpg)}to{background-image:url(/static/media/blue.6e02539025871b5b68b1.jpg)}}body:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}:root body:before,:root[data-theme=dark] body:before{background:linear-gradient(180deg,#0a1628cc,#0a1628b8 50%,#0a1628cc)}:root[data-theme=light] body:before{background:linear-gradient(180deg,#0a162866,#0a162852 50%,#0a162866)}#root,.app,.main-content,.sidebar{position:relative;z-index:1}.sidebar{background:#08101eeb;background:var(--bg-side);border-right:1px solid #ffce0021;border-right:1px solid var(--border-color)}.sidebar-logo{border-bottom:1px solid #ffce0021;padding:24px 22px 20px}.sidebar-logo span{color:var(--sidebar-text-muted);font-size:.68rem;letter-spacing:.09em}.sidebar-nav a,.sidebar-nav button{color:var(--sidebar-text-muted);font-size:.88rem;gap:11px;padding:10px 13px}.sidebar-nav a:hover,.sidebar-nav button:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}.sidebar-nav .active,.sidebar-nav a.active{background:#ffce001f;background:var(--sidebar-active-bg);border:1px solid #ffce0021;border:1px solid var(--border-color);color:var(--sidebar-active-text)}.sidebar-section-label{color:#8898aa73;padding:12px 13px 5px}.page-header{border-bottom:1px solid #ffce0021;border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:22px}.page-title{color:var(--accent);margin:0 0 5px;text-shadow:0 2px 8px #0000004d}.page-subtitle{font-size:.88rem}.card{border:1px solid #ffce0021;border:1px solid var(--border-color);box-shadow:0 2px 12px #00000059}.card:hover{border-color:#ffce0059;box-shadow:0 4px 24px #00000080}.card-header{border-bottom:1px solid #ffce0021;border-bottom:1px solid var(--border-color);margin-bottom:18px;padding-bottom:14px}.card-title{color:var(--text-on-main)}.card-body{padding:0}.stats-grid-main{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:22px}.stats-grid-secondary{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:26px}.stat-card-large{border:1px solid #ffce0021;border:1px solid var(--border-color);gap:14px;padding:22px}.stat-card-large:hover{border-color:#ffce0059;box-shadow:0 4px 24px #00000080;transform:translateY(-3px)}.stat-card-large.primary{border-left:3px solid var(--accent)}.stat-card-large .stat-icon{border:1px solid #ffce0021;border:1px solid var(--border-color);height:50px;width:50px}.stat-card-large .stat-value{color:var(--accent);font-size:1.75rem;margin-bottom:3px}.stat-card-large .stat-label{font-size:.72rem}.stat-card-large .stat-trend{color:#8898aa;color:var(--text-muted);font-size:.78rem}.stat-card-small{border:1px solid #ffce0021;border:1px solid var(--border-color);gap:12px;padding:16px 18px}.stat-card-small:hover{border-color:#ffce0059}.stat-icon-small{height:40px;width:40px}.stat-card-small .stat-value{color:var(--accent);font-size:1.25rem}.stat-card-small .stat-label{font-size:.72rem}.grid{grid-gap:22px;gap:22px}.flex-between{gap:14px}.btn{font-size:.88rem;gap:7px;padding:10px 22px}.btn-primary{background:var(--accent);box-shadow:0 4px 14px #ffce0026;box-shadow:0 4px 14px var(--gold-glow);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 8px 22px #ffce0026;box-shadow:0 8px 22px var(--gold-glow)}.btn-secondary{border:1px solid #ffce0021;border:1px solid var(--border-color);color:var(--text-on-main)}.btn-secondary:hover{border-color:#ffce0059}.btn-outline{border:1px solid #ffce0021;border:1px solid var(--border-color)}.btn-outline:hover{border-color:#ffce0059;color:var(--text-on-main)}.btn-small{font-size:.8rem;padding:6px 14px}.form-group{margin-bottom:16px}.form-group label,label{font-size:.78rem;margin-bottom:6px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:var(--input-bg);border:1.5px solid #ffffff1f;border:1.5px solid var(--input-border);color:var(--text-on-main);font-size:.88rem;padding:10px 13px}input::placeholder,textarea::placeholder{color:#8898aa;color:var(--text-muted);opacity:.6}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffce0012;box-shadow:0 0 0 3px var(--gold-glow-sm)}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:#ffffffe6;border-color:#1e3a5f33;color:#0f1e38}:root[data-theme=light] select option{background:#fff;color:#0f1e38}select option{color:var(--text-on-main)}.form-row{grid-gap:12px;gap:12px}.table-container{border:1px solid #ffce0021;border:1px solid var(--border-color)}thead{background:#ffce000f;background:var(--table-header-bg);border-bottom:1px solid #ffce0021;border-bottom:1px solid var(--border-color)}th{color:var(--accent);font-size:.7rem;padding:13px 16px}tbody tr{border-bottom:1px solid #ffffff0f}tbody tr:hover{background:#ffffff0f;background:var(--bg-hover)}td{color:var(--text-on-main);font-size:.86rem;padding:13px 16px}.status-badge,.trend-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 11px;text-transform:uppercase}.badge-inactive,.status-badge.inactive{color:#9ca3af}.status-badge.new,.trend-badge.new{background:#10b9811f;color:#10b981}:root[data-theme=light] .status-badge.inactive{color:#4b5563}.alert-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #ffce0021;border:1px solid var(--border-color);gap:16px;padding:18px 22px}.alert-icon{align-items:center;background:#ef44441f;border-radius:10px;display:flex;font-size:1.3rem;height:44px;justify-content:center;width:44px}.alert-title{color:var(--text-on-main);margin:0 0 10px}.alert-content{flex:1 1}.alert-items{display:flex;flex-direction:column;gap:10px}.alert-item{align-items:center;color:#8898aa;color:var(--text-muted);display:flex;font-size:.86rem;gap:10px}.alert-badge{border-radius:11px;font-size:.72rem;padding:3px 9px}.alert-link{color:var(--accent);margin-left:auto}.orders-list{display:flex;flex-direction:column;gap:10px}.order-item-mini{background:#ffffff0d;background:var(--glass);border:1px solid #ffce0021;border:1px solid var(--border-color);padding:13px 15px}.order-item-mini:hover{background:#ffffff17;background:var(--glass-hover);border-color:#ffce0059}.order-header-mini{margin-bottom:5px}.order-footer-mini,.order-header-mini{align-items:center;display:flex;justify-content:space-between}.order-number{color:var(--text-on-main);font-size:.9rem}.order-total{color:var(--accent)}.order-customer,.order-date{color:#8898aa;color:var(--text-muted);display:block;font-size:.8rem;margin-bottom:8px}.days-old{font-size:.78rem}.quick-actions-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quick-action-card{border:1px solid #ffce0021;border:1px solid var(--border-color);padding:20px}.quick-action-card:hover{border-color:#ffce0059;box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-md);transform:translateY(-3px)}.qa-icon{font-size:1.7rem;margin-bottom:9px}.qa-label{color:var(--text-on-main);font-size:.9rem}.qa-count{font-size:.8rem}.empty-state-small{padding:28px}.loading-container,.loading-spinner{gap:14px}.spinner{border-top-color:#ffce00;border:3px solid var(--gold-glow);border-top-color:var(--accent);height:40px;width:40px}.section-title{color:var(--text-on-main);font-size:1rem;margin-bottom:16px}.text-gold{color:var(--accent)}.text-sm{font-size:.8rem}.theme-toggle{border:2px solid #ffce00;border:2px solid var(--accent);box-shadow:0 0 10px #ffce0026;box-shadow:0 0 10px var(--gold-glow)}.theme-toggle:hover{box-shadow:0 0 20px #ffce00;box-shadow:0 0 20px var(--accent)}.sidebar-footer{border-top:1px solid #ffce0021;margin-top:auto;padding:18px 20px}.footer-label{color:#8898aa;color:var(--sidebar-text-muted);font-size:.75rem}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffce0026;background:var(--gold-glow)}::-webkit-scrollbar-thumb:hover{background:#ffce00;background:var(--accent)}*{scrollbar-color:#ffce0026 #0000;scrollbar-color:var(--gold-glow) #0000;scrollbar-width:thin}::selection{background:#ffce00;background:var(--accent);color:#000}::-moz-selection{background:#ffce00;background:var(--accent);color:#000}:not(.spinner):not(body){transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.spinner{transition:none!important}@media (max-width:768px){.main-content{margin-left:0;padding:18px 14px}.page-title{font-size:1.6rem}.form-row,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stats-grid-main{grid-template-columns:1fr 1fr}td,th{padding:10px 12px}}.sidebar{background:#08101ef7;border-right:1px solid var(--border-color,#ffce001f);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar-logo{border-bottom:1px solid var(--border-color);color:var(--accent,#ffce00);flex-shrink:0;font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:1.45rem;padding:22px 22px 18px}.sidebar-logo span{color:#8898aa99;font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:.66rem;letter-spacing:.1em;margin-top:3px}.sidebar-nav{padding:14px 10px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:3px 0}.nav-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#8898aad9;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:.88rem;font-weight:500;gap:12px;padding:11px 14px;text-align:left;text-decoration:none;transition:all .25s ease;width:100%}.nav-link:hover:not(.active){background:#ffffff0d;color:#e8ecf0}.nav-link.active{background:#ffce001f;border:1px solid #ffce0033;color:#ffce00;color:var(--accent,#ffce00);font-weight:600}.icon{flex-shrink:0;font-size:1.15rem}.text{font-size:.88rem;font-weight:500}.sidebar-section-label{color:#8898aa66;font-size:.66rem;padding:12px 14px 5px}.sidebar-footer{background:#00000026;border-top:1px solid var(--border-color);flex-shrink:0;padding:16px 18px}.toggle-wrapper{align-items:center;display:flex;justify-content:space-between}.footer-label{color:#8898aa99;font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.theme-toggle{align-items:center;background:#0000;border:1.5px solid #ffce00;border:1.5px solid var(--accent,#ffce00);border-radius:50%;box-shadow:0 0 10px #ffce001f;color:#ffce00;color:var(--accent,#ffce00);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:40px}.theme-toggle:hover{background:#ffce00;background:var(--accent,#ffce00);box-shadow:0 0 20px #ffce004d;color:#0a1628;color:var(--navy,#0a1628);transform:rotate(30deg) scale(1.1)}.theme-icon{font-size:1.1rem;line-height:1}.admin-layout{display:flex;min-height:100vh}.main-content{position:relative;transition:margin-left .3s ease;z-index:1}@media (max-width:768px){.mobile-menu-btn{display:flex}.sidebar-overlay.open{display:block}.sidebar{box-shadow:none;transform:translateX(-100%)}.sidebar.open{box-shadow:4px 0 30px #00000080;transform:translateX(0)}.main-content{margin-left:0;padding:70px 16px 24px}}@media (max-width:380px){.sidebar{width:240px}}:root{--navy:#0a1628;--navy-mid:#132a4a;--navy-light:#1e3a5f;--navy-card:#132a4ae6;--gold:#ffce00;--gold-dark:#d4a800;--gold-muted:#a5913f;--gold-glow:#ffce0026;--gold-glow-sm:#ffce0014;--text-main:#e8ecf0;--text-muted:#8898aa;--text-soft:#c5cdd8;--text-white:#fff;--border:#ffce001f;--border-hover:#ffce0059;--border-subtle:#ffffff12;--glass:#ffffff0d;--glass-hover:#ffffff17;--glass-card:#132a4ad9;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--bg-main:var(--navy);--bg-secondary:var(--navy-mid);--bg-primary:var(--navy-mid);--bg-tertiary:var(--navy-light);--bg-hover:var(--glass-hover);--card-bg:var(--glass-card);--card-border:var(--border);--input-bg:#ffffff0d;--accent:var(--gold);--accent-glow:var(--gold-glow);--text-on-main:var(--text-main);--text-primary:var(--text-main);--text-secondary:var(--text-muted);--text-tertiary:var(--text-soft);--border-color:var(--border);--border-hover:var(--border-hover);--primary:var(--gold);--primary-hover:var(--gold-dark);--sidebar-width:260px;--header-height:70px;--radius:14px;--radius-sm:8px;--radius-lg:20px;--ease:0.3s cubic-bezier(0.4,0,0.2,1);--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans","Segoe UI",sans-serif;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 20px #00000059;--shadow-lg:0 10px 40px #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#0a1628;background:var(--navy);background-attachment:fixed;background-image:radial-gradient(ellipse at 10% 0,#ffce000a 0,#0000 50%),radial-gradient(ellipse at 90% 100%,#1e3a5f80 0,#0000 50%);color:#e8ecf0;color:var(--text-main);font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0a1628;background:var(--navy)}::-webkit-scrollbar-thumb{background:#ffce0033;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffce0066}::selection{background:#ffce0040;color:#fff}.app{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);min-height:100vh;padding:32px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:margin-left var(--ease)}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1628f7;border-right:1px solid #ffce001f;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:260px;width:var(--sidebar-width);z-index:100}.sidebar-logo{border-bottom:1px solid #ffce001f;border-bottom:1px solid var(--border);color:#ffce00;color:var(--gold);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.01em;padding:24px 24px 20px}.sidebar-logo span{color:#8898aa;color:var(--text-muted);display:block;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.7rem;font-weight:400;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav a,.sidebar-nav button{align-items:center;background:#0000;border:none;border-radius:10px;color:#8898aa;color:var(--text-muted);cursor:pointer;display:flex;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:500;gap:12px;margin-bottom:2px;padding:11px 14px;text-align:left;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--ease);width:100%}.sidebar-nav a:hover,.sidebar-nav button:hover{background:#ffffff0d;background:var(--glass);color:#e8ecf0;color:var(--text-main)}.sidebar-nav .active,.sidebar-nav a.active{background:#ffce0026;background:var(--gold-glow);border:1px solid #ffce001f;border:1px solid var(--border);color:#ffce00;color:var(--gold);font-weight:600}.sidebar-section-label{color:#8898aa80;font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:12px 14px 6px;text-transform:uppercase}.page-header{align-items:flex-start;border-bottom:1px solid #ffce001f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.page-title{color:#ffce00;color:var(--gold);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}.page-subtitle{color:#8898aa;color:var(--text-muted);font-size:.9rem;margin:0}.flex-between{align-items:center;display:flex;gap:16px;justify-content:space-between}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#132a4ad9;background:var(--glass-card);border:1px solid #ffce001f;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 2px 8px #00000040;box-shadow:var(--shadow-sm);overflow:hidden;padding:24px;position:relative}.card,.card:before{transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--ease)}.card:before{background:linear-gradient(90deg,#ffce00,#0000 60%);background:linear-gradient(90deg,var(--gold) 0,#0000 60%);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0}.card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px #00000059;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:hover:before{opacity:1}.card-header{align-items:center;border-bottom:1px solid #ffce001f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.card-title{color:#e8ecf0;color:var(--text-main);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin:0}.card-title.flex-between{font-size:1rem}.stat-card-large{align-items:flex-start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#132a4ad9;background:var(--glass-card);border:1px solid #ffce001f;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);display:flex;gap:16px;overflow:hidden;padding:24px;position:relative}.stat-card-large,.stat-card-large:after{transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--ease)}.stat-card-large:after{background:linear-gradient(135deg,#ffce0014,#0000 60%);background:linear-gradient(135deg,var(--gold-glow-sm) 0,#0000 60%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute}.stat-card-large:hover{border-color:var(--border-hover);box-shadow:0 4px 20px #00000059;box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card-large:hover:after{opacity:1}.stat-card-large.primary{border-left:3px solid #ffce00;border-left:3px solid var(--gold)}.stat-card-large.success{border-left:3px solid #10b981;border-left:3px solid var(--success)}.stat-card-large.warning{border-left:3px solid #f59e0b;border-left:3px solid var(--warning)}.stat-card-large.danger{border-left:3px solid #ef4444;border-left:3px solid var(--danger)}.stat-card-large .stat-icon{align-items:center;background:#ffce0026;background:var(--gold-glow);border:1px solid #ffce001f;border:1px solid var(--border);border-radius:12px;display:flex;flex-shrink:0;font-size:1.4rem;height:52px;justify-content:center;width:52px}.stat-card-large .stat-value{color:#ffce00;color:var(--gold);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:4px}.stat-card-large .stat-label{color:#8898aa;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.stat-card-small{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#132a4ad9;background:var(--glass-card);border:1px solid #ffce001f;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);display:flex;gap:14px;padding:18px 20px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--ease)}.stat-card-small:hover{border-color:var(--border-hover)}.stat-icon-small{align-items:center;background:#ffce0026;background:var(--gold-glow);border-radius:10px;display:flex;font-size:1.1rem;height:42px;justify-content:center;width:42px}.stat-card-small .stat-value{color:#ffce00;color:var(--gold);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.3rem;font-weight:700}.stat-card-small .stat-label{color:#8898aa;color:var(--text-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.grid{grid-gap:24px;display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stats-grid-main{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.stats-grid-secondary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:28px}.btn{align-items:center;border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;padding:11px 22px;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--ease);white-space:nowrap}.btn-primary{background:#ffce00;background:var(--gold);box-shadow:0 4px 16px #ffce0033;color:#0a1628;color:var(--navy)}.btn-primary:hover{background:#d4a800;background:var(--gold-dark);box-shadow:0 8px 24px #ffce004d;transform:translateY(-2px)}.btn-secondary{background:#ffffff0d;background:var(--glass);border:1px solid #ffce001f;border:1px solid var(--border);color:#e8ecf0;color:var(--text-main)}.btn-secondary:hover{background:#ffffff17;background:var(--glass-hover);border-color:var(--border-hover)}.btn-success{background:#10b9811f;border:1px solid #10b98140;color:#10b981;color:var(--success)}.btn-success:hover{background:#10b981;background:var(--success);color:#fff}.btn-danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--danger)}.btn-danger:hover{background:#ef4444;background:var(--danger);color:#fff}.btn-warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--warning)}.btn-warning:hover{background:#f59e0b;background:var(--warning);color:#000}.btn-small{font-size:.82rem;padding:7px 14px}.btn-outline{background:#0000;border:1px solid #ffce001f;border:1px solid var(--border);color:#8898aa;color:var(--text-muted)}.btn-outline:hover{border-color:var(--border-hover);color:#e8ecf0;color:var(--text-main)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.form-group{margin-bottom:18px}.form-group label,label{color:#8898aa;color:var(--text-muted);display:block;font-size:.8rem;font-weight:600;letter-spacing:.03em;margin-bottom:7px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm);color:#e8ecf0;color:var(--text-main);font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:500;outline:none;padding:11px 14px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--ease);width:100%}input::placeholder,textarea::placeholder{color:#ffffff40}input:focus,select:focus,textarea:focus{background:#ffce000a;border-color:#ffce00;border-color:var(--gold);box-shadow:0 0 0 3px #ffce0014}select option{background:#132a4a;background:var(--navy-mid);color:#e8ecf0;color:var(--text-main)}textarea{min-height:80px;resize:vertical}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.table-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#132a4ad9;background:var(--glass-card);border:1px solid #ffce001f;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:#ffce000d;border-bottom:1px solid #ffce001f;border-bottom:1px solid var(--border)}th{color:#ffce00;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:14px 16px;text-align:left;text-transform:uppercase}tbody tr{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);transition:background-color .15s ease}tbody tr:hover{background:#ffffff0d;background:var(--glass)}tbody tr:last-child{border-bottom:none}td{color:#e8ecf0;color:var(--text-main);font-size:.88rem;padding:14px 16px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:4px 11px;text-transform:uppercase}.badge-active,.status-badge.active{background:#10b9811f;border:1px solid #10b98140;color:#10b981;color:var(--success)}.badge-inactive,.status-badge.inactive{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.badge-pending,.status-badge.pending{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f59e0b;color:var(--warning)}.badge-danger,.status-badge.danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--danger)}.status-badge.new{background:#10b9811f;color:#10b981;color:var(--success)}.loading-container,.loading-spinner{align-items:center;color:#8898aa;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{animation:spin .8s linear infinite;border:3px solid #ffce0026;border-radius:50%;border-top:3px solid var(--gold);height:42px;width:42px}@keyframes spin{to{transform:rotate(1turn)}}.alert-card{align-items:flex-start;background:#132a4ad9;background:var(--glass-card);border:1px solid #ffce001f;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);display:flex;gap:18px;padding:20px 24px}.alert-card.urgent{background:linear-gradient(135deg,#132a4ad9,#ef44440a);background:linear-gradient(135deg,var(--glass-card) 0,#ef44440a 100%);border-left:3px solid #ef4444;border-left:3px solid var(--danger)}.alert-title{color:#e8ecf0;color:var(--text-main);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:12px}.alert-badge{border-radius:12px;font-size:.75rem;font-weight:700;padding:3px 10px}.alert-badge.danger{background:#ef44441f;color:#ef4444;color:var(--danger)}.alert-badge.warning{background:#f59e0b1f;color:#f59e0b;color:var(--warning)}.alert-link{color:#ffce00;color:var(--gold);font-size:.85rem;font-weight:600;text-decoration:none}.alert-link:hover{text-decoration:underline}.order-item-mini{background:#ffffff0a;border:1px solid #ffce001f;border:1px solid var(--border);border-radius:10px;display:block;margin-bottom:8px;padding:14px 16px;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--ease)}.order-item-mini:hover{background:#ffffff0d;background:var(--glass);border-color:var(--border-hover);transform:translateX(3px)}.order-item-mini.stuck{border-left:3px solid #ef4444;border-left:3px solid var(--danger)}.order-number{color:#e8ecf0;color:var(--text-main);font-size:.92rem;font-weight:700}.order-total{color:#ffce00;color:var(--gold);font-weight:700}.days-old,.order-customer,.order-date{color:#8898aa;color:var(--text-muted);font-size:.82rem}.days-old{color:#ef4444;color:var(--danger);font-weight:600}.quick-action-card{background:#132a4ad9;background:var(--glass-card);border:1px solid #ffce001f;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);display:block;padding:22px;text-align:center;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--ease)}.quick-action-card:hover{border-color:var(--border-hover);box-shadow:0 8px 28px #ffce001f;transform:translateY(-4px)}.qa-icon{font-size:1.8rem;margin-bottom:10px}.qa-label{color:#e8ecf0;color:var(--text-main);font-weight:700;margin-bottom:4px}.qa-count{font-size:.82rem}.empty-state-small,.qa-count{color:#8898aa;color:var(--text-muted)}.empty-state-small{padding:32px;text-align:center}.empty-state-small.success{color:#10b981;color:var(--success)}.trend-badge{border-radius:12px;font-size:.73rem;font-weight:700;padding:3px 10px}.trend-badge.new{background:#10b9811f;color:#10b981;color:var(--success)}.section-title{color:#e8ecf0;color:var(--text-main);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:18px}.text-gold{color:#ffce00;color:var(--gold)}.text-muted{color:#8898aa;color:var(--text-muted)}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-warning{color:#f59e0b;color:var(--warning)}.text-sm{font-size:.82rem}.font-bold{font-weight:700}.text-center{text-align:center}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-2{margin-top:16px}.bg-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;background:var(--glass);border:1px solid #ffce001f;border:1px solid var(--border)}@media (max-width:768px){.main-content{margin-left:0;padding:20px 16px}.page-title{font-size:1.6rem}.form-row,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stats-grid-main{grid-template-columns:1fr 1fr}td,th{padding:10px 12px}}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}.mobile-menu-btn{align-items:center;background:#08101ef2;border:1px solid #ffce0040;border-radius:10px;box-shadow:0 4px 14px #0006;color:#ffce00;cursor:pointer;display:none;font-size:1.2rem;height:42px;justify-content:center;left:14px;position:fixed;top:14px;transition:all .2s;width:42px;z-index:1100}.mobile-menu-btn:hover{background:#ffce001a;border-color:#ffce0080}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;position:fixed;z-index:999}@media (max-width:768px){.mobile-menu-btn{display:flex}.sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar.open{box-shadow:4px 0 30px #00000080;transform:translateX(0)}.sidebar-overlay.open{display:block}.main-content{margin-left:0!important;padding:70px 16px 24px!important}.page-header{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}.header-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.header-actions .btn{flex:1 1;justify-content:center;min-width:120px}.page-title{font-size:1.5rem!important}.grid-4,.stats-grid,.stats-grid-main,.stats-grid-secondary{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.grid-2,.grid-3{grid-template-columns:1fr!important}.stat-card-large{gap:10px!important;padding:14px!important}.stat-card-large .stat-value{font-size:1.4rem!important}.stat-card-large .stat-icon{font-size:1.1rem!important;height:42px!important;width:42px!important}.stat-card-small{padding:12px 14px!important}.stat-card-small .stat-value{font-size:1.1rem!important}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:560px}td,th{padding:10px 12px!important;white-space:nowrap}.filters-section{flex-direction:column!important;gap:10px!important}.filter-group{width:100%!important}.table-footer{align-items:flex-start!important;gap:12px!important}.summary-stats,.table-footer{flex-direction:column!important}.summary-stats{gap:6px!important}.modal-content{margin:16px!important;max-height:calc(100vh - 32px)!important;max-width:calc(100vw - 32px)!important}.order-item{flex-direction:column!important;gap:10px!important}.item-image{height:160px!important;width:100%!important}.form-row{grid-template-columns:1fr!important}.form-actions{flex-direction:column!important}.form-actions .btn{justify-content:center!important;width:100%!important}.product-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:4px}.product-tabs .tab{flex-shrink:0;flex:none!important;white-space:nowrap}.bulk-upload-container{grid-template-columns:1fr!important}.quick-actions-grid{grid-template-columns:repeat(2,1fr)!important}.shippers-grid,.sup-grid,.suppliers-grid{grid-template-columns:1fr!important}.sup-stats{grid-template-columns:repeat(2,1fr)!important}.sup-toolbar{flex-direction:column!important}.sup-search-wrap{min-width:100%!important}.sup-filtertabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto}.sup-drawer,.sup-overlay .sup-drawer{max-width:100%!important}.sup-row{grid-template-columns:1fr!important}.dashboard-page{padding:70px 16px 24px!important}.alert-card{gap:12px!important}.admin-chat-container,.alert-card{flex-direction:column!important}.sdm-modal{border-radius:0!important;max-height:100vh!important;max-width:100%!important}.sdm-stats-bar{overflow-x:auto}.filter-tabs,.settings-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto}.pagination{flex-wrap:wrap!important;justify-content:center!important}.charts-row,.tables-row{grid-template-columns:1fr!important}.analytics-header{flex-direction:column!important;gap:14px!important}.time-range-select{width:100%!important}}@media (min-width:769px) and (max-width:1024px){.main-content{padding:24px 20px!important}.grid-4,.shippers-grid,.stats-grid-main,.sup-grid,.suppliers-grid{grid-template-columns:repeat(2,1fr)!important}.bulk-upload-container,.charts-row{grid-template-columns:1fr!important}}@media (max-width:380px){.grid-4,.quick-actions-grid,.stats-grid,.stats-grid-main{grid-template-columns:1fr!important}.stat-card-large .stat-value{font-size:1.2rem!important}.page-title{font-size:1.3rem!important}.main-content{padding:60px 12px 20px!important}}@media (hover:none) and (pointer:coarse){.btn,.nav-link,.sdm-tab,.sup-ftab,.tab{min-height:44px}.btn-small{min-height:36px}.card:hover,.quick-action-card:hover,.stat-card-large:hover,.stat-card:hover,.sup-card:hover{transform:none!important}.sdm-body,.sidebar-nav,.table-container{-webkit-overflow-scrolling:touch}}@media print{.mobile-menu-btn,.sidebar,.sidebar-overlay{display:none!important}.main-content{margin-left:0!important;padding:0!important}.card,.stat-card-large,.stat-card-small{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important}}
/*# sourceMappingURL=main.06f3ae44.css.map*/