@charset "UTF-8";@import url(https://www.google.com/search?q=https://fonts.googleapis.com/css2%3Ffamily%3DInter:wght%40400%3B500%3B600%3B700%26display%3Dswap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);.dashboard-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#fff,#f8f9fb);border-right:1px solid #e8ecf1;box-shadow:2px 0 12px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;transition:transform .3s ease;width:280px;z-index:1000}.sidebar.hidden{transform:translateX(-100%)}.sidebar.visible{transform:translateX(0)}.sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e8ecf1;color:#1f2937;flex-shrink:0;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0;padding:24px 20px}.sidebar-menu{-ms-overflow-style:thin-scrollbar;flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:12px 0;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.menu-item{align-items:center;border-left:3px solid #0000;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:12px;margin:4px 12px;padding:12px 16px;position:relative;transition:all .3s ease}.menu-item:hover{background:linear-gradient(135deg,#f0f4ff,#f5f1ff);border-left-color:#667eea;color:#667eea;transform:translateX(4px)}.menu-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-left-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:600}.menu-item.settings,.menu-item.support-chat{border-top:2px solid #e8ecf1;margin-top:8px;padding-top:12px}.menu-item.settings.active,.menu-item.support-chat.active{background:linear-gradient(135deg,#667eea,#764ba2);border-left-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:600}.menu-item.settings.active:hover,.menu-item.support-chat.active:hover{background:linear-gradient(135deg,#5568d3,#6a3a8f);box-shadow:0 6px 16px #667eea66;transform:translateX(4px)}.menu-item.sign-out{border-top:2px solid #e8ecf1;color:#ef4444;margin-top:8px;padding-top:12px}.menu-item.sign-out.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-left-color:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff;font-weight:600}.menu-item.sign-out.active:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-left-color:#ef4444;box-shadow:0 6px 16px #ef444466;color:#fff;transform:translateX(4px)}.menu-section{border-top:2px solid #e8ecf1;margin:4px 0;padding-top:8px}.menu-section:first-of-type{border-top:none;padding-top:0}.section-header{align-items:center;border-left:3px solid #0000;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:.8px;margin:8px 12px 0;padding:12px 16px;text-transform:uppercase;transition:all .3s ease;-webkit-user-select:none;user-select:none}.section-header:first-of-type{margin-top:0}.section-header:hover{background:#667eea14;color:#667eea}.menu-section.expanded .section-header{background:linear-gradient(135deg,#667eea,#764ba2);border-left-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.menu-section.expanded .section-header:hover{background:linear-gradient(135deg,#5568d3,#6a3a8f);box-shadow:0 6px 16px #667eea66;color:#fff;transform:translateX(4px)}.arrow{color:#cbd5e1;font-size:11px;transition:transform .3s ease}.menu-section.expanded .arrow{color:#fff}.arrow.expanded{color:#667eea;transform:rotate(180deg)}.submenu{background:#667eea0a;border-left:2px solid #e8ecf1;list-style:none;margin:4px 0 4px 12px;padding:0}.submenu li{align-items:center;border-left:3px solid #0000;border-radius:0;color:#64748b;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:10px;margin:2px 0;padding:10px 16px 10px 28px;position:relative;transition:all .3s ease}.submenu li:hover{background:#667eea1f;border-left-color:#667eea;color:#667eea;padding-left:32px}.submenu li.active{background:linear-gradient(135deg,#667eea,#764ba2);border-left-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:600;padding-left:28px}.main-content{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-sizing:border-box;flex:1 1;margin-left:280px;min-height:100vh;padding:24px;width:calc(100% - 280px)}.dashboard-header{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fb);border:1px solid #e8ecf1;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px 28px}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex:1 1;font-family:Poppins,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.user-profile{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea33;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 16px;position:relative;transition:all .3s ease}.user-profile:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66;box-shadow:0 4px 12px #667eea33}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;font-size:15px;font-weight:700;height:44px;width:44px}.user-info{gap:2px}.user-name{color:#1f2937;font-size:14px;font-weight:700}.user-name,.user-role{font-family:Poppins,sans-serif}.user-role{color:#667eea;font-size:12px;font-weight:500;text-transform:capitalize}.user-dropdown{background:linear-gradient(135deg,#fff,#f8f9fb);border:1px solid #e8ecf1;border-radius:10px;box-shadow:0 8px 24px #0000001f;margin-top:12px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.user-dropdown ul{list-style:none;margin:0;padding:8px 0}.user-dropdown li{color:#475569;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.user-dropdown li:hover{background:linear-gradient(135deg,#f0f4ff,#f5f1ff);color:#667eea;padding-left:20px}.user-dropdown li:last-child{border-top:1px solid #e8ecf1;color:#ef4444}.user-dropdown li:last-child:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.hamburger{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:none;left:20px;padding:12px;position:fixed;top:20px;transition:all .3s ease;z-index:1100}.hamburger:hover{box-shadow:0 6px 16px #667eea66;transform:scale(1.05)}.hamburger span{background-color:#fff;border-radius:2px;display:block;height:2.5px;margin:5px 0;transition:all .3s ease;width:22px}@media (max-width:768px){.sidebar{box-shadow:4px 0 16px #00000026;transform:translateX(-100%);width:260px}.sidebar.visible{transform:translateX(0)}.hamburger{display:block}.main-content{margin-left:0;padding:70px 16px 16px;width:100%}.dashboard-header{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-title{font-size:22px;width:100%}.user-profile{justify-content:space-between;width:100%}.user-dropdown{left:0;right:auto}.dashboard-header.support-chat-active{display:none}.main-content:has(.skinaa-assistant){padding:0}body:has(.skinaa-assistant.chat-open) .hamburger{display:none!important}}@media (min-width:769px){.hamburger{display:none}.sidebar{transform:translateX(0)}}.dashboard-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;min-height:100vh;padding:32px}.dashboard-dashboard-title{border-bottom:3px solid #667eea;color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:32px;padding-bottom:16px;text-align:left}.dashboard-metrics-container{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.dashboard-metrics-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:24px;transition:all .3s ease}.dashboard-metrics-section:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.dashboard-section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.dashboard-section-header h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.dashboard-section-icon{font-size:1.8rem}.dashboard-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.dashboard-metric-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #0000;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.dashboard-metric-card:hover{border-color:#667eea;transform:scale(1.05)}.dashboard-metric-card h3{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.dashboard-metric-card p{color:#2d3748;font-size:2rem;font-weight:800;margin:0}.dashboard-metric-card .dashboard-percentage{color:#10b981;display:block;font-size:.9rem;font-weight:600;margin-top:8px}.dashboard-metric-card.dashboard-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.dashboard-metric-card.dashboard-primary .dashboard-percentage,.dashboard-metric-card.dashboard-primary h3,.dashboard-metric-card.dashboard-primary p{color:#fff}.dashboard-metric-card.dashboard-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.dashboard-metric-card.dashboard-secondary .dashboard-percentage,.dashboard-metric-card.dashboard-secondary h3,.dashboard-metric-card.dashboard-secondary p{color:#fff}.dashboard-metric-card.dashboard-tertiary{background:linear-gradient(135deg,#4facfe,#00f2fe)}.dashboard-metric-card.dashboard-tertiary .dashboard-percentage,.dashboard-metric-card.dashboard-tertiary h3,.dashboard-metric-card.dashboard-tertiary p{color:#fff}.dashboard-metrics-section.dashboard-users-section .dashboard-section-icon{color:#667eea}.dashboard-metrics-section.dashboard-orders-section .dashboard-section-icon{color:#f5576c}.dashboard-metrics-section.dashboard-revenue-section .dashboard-section-icon{color:#10b981}.dashboard-sales-overview{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:32px;padding:32px}.dashboard-sales-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.dashboard-header-title{align-items:center;display:flex;gap:12px}.dashboard-header-title h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0}.dashboard-filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.dashboard-custom-date-range{align-items:center;display:flex;gap:12px}.dashboard-date-picker-container{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:8px;padding:8px 16px}.dashboard-calendar-icon{color:#667eea;font-size:1.2rem}.dashboard-date-picker{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#2d3748;font-size:.9rem;padding:8px 12px}.dashboard-date-range-separator{color:#6c757d;font-weight:600}.dashboard-apply-date-btn,.dashboard-reset-date-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s ease}.dashboard-apply-date-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dashboard-apply-date-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.dashboard-reset-date-btn{background:#e9ecef;color:#2d3748}.dashboard-reset-date-btn:hover{background:#dee2e6}.dashboard-time-range{display:flex;gap:8px}.time-range-btn{background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#6c757d;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.time-range-btn:hover{border-color:#667eea;color:#667eea}.time-range-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.dashboard-chart-container{height:400px;position:relative}.dashboard-dashboard-lower-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.dashboard-dashboard-section,.dashboard-dashboard-side-sections{display:flex;flex-direction:column;gap:24px}.dashboard-most-sold-products,.dashboard-recent-orders,.dashboard-sales-by-category{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:24px}.dashboard-most-sold-products h2,.dashboard-recent-orders h2,.dashboard-sales-by-category h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0 0 20px}.dashboard-orders-table-container{overflow-x:auto}.dashboard-orders-table{border-collapse:initial;border-spacing:0;width:100%}.dashboard-orders-table thead tr{background:linear-gradient(135deg,#667eea,#764ba2)}.dashboard-orders-table th{color:#813fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.dashboard-orders-table th:first-child{border-radius:12px 0 0 0}.dashboard-orders-table th:last-child{border-radius:0 12px 0 0}.dashboard-orders-table tbody tr{cursor:pointer;transition:all .3s ease}.dashboard-orders-table tbody tr:hover{background:#f8f9fa;transform:scale(1.01)}.dashboard-orders-table td{border-bottom:1px solid #e9ecef;color:#2d3748;font-size:.95rem;padding:16px}.order-status{background:#4d4d4d;border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-delivered{background:#7dc39f;color:#065f46}.status-transit{background:#dbeafe;color:#1e40af}.status-pending{background:#e0b300;color:#92400e}.status-processing{background:#5673d2;color:#3730a3}.status-cancelled{background:#fee2e2;color:#991b1b}.dashboard-view-all-link{margin-top:16px;text-align:center}.dashboard-view-all-link button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .3s ease}.dashboard-view-all-link button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.dashboard-most-sold-products ul,.dashboard-sales-by-category ul{list-style:none;margin:0;padding:0}.dashboard-most-sold-products li,.dashboard-sales-by-category li{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .3s ease}.dashboard-most-sold-products li:hover,.dashboard-sales-by-category li:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateX(5px)}.dashboard-category-name,.dashboard-product-name{color:#2d3748;font-weight:600}.dashboard-category-sales,.dashboard-product-qty{background:#fff;border-radius:8px;color:#667eea;font-weight:700;padding:6px 12px}.dashboard-no-data{color:#6c757d;font-style:italic;padding:20px;text-align:center}.dashboard-loading-spinner{color:#667eea;font-size:1.2rem;font-weight:600;padding:40px;text-align:center}.dashboard-loading-spinner-small{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:24px;margin:0 auto;width:24px}@media (max-width:1400px){.dashboard-dashboard-lower-sections{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-dashboard{padding:16px}.dashboard-dashboard-title{font-size:1.8rem}.dashboard-metrics-grid{grid-template-columns:1fr}.dashboard-sales-header{align-items:flex-start;flex-direction:column}.dashboard-filters-container{flex-direction:column;width:100%}.dashboard-time-range{flex-wrap:wrap;width:100%}.time-range-btn{flex:1 1;min-width:80px}}.dashboard-advanced-analytics{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:32px;padding:32px}.dashboard-section-title{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0 0 24px}.dashboard-analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.dashboard-analytics-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:24px;transition:all .3s ease}.dashboard-analytics-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.dashboard-analytics-card h3{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0 0 20px}.dashboard-chart-wrapper{height:250px;margin-bottom:20px}.dashboard-analytics-stats{display:flex;gap:16px;justify-content:center}.dashboard-stat-item{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;padding:12px 24px}.dashboard-stat-label{color:#6c757d;font-size:.85rem;font-weight:600;margin-bottom:4px}.dashboard-stat-value{color:#667eea;font-size:1.5rem;font-weight:800}.dashboard-feature-analytics{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:32px;padding:32px}.dashboard-feature-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.dashboard-feature-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:16px;padding:24px;transition:all .3s ease}.dashboard-feature-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-5px)}.dashboard-feature-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.dashboard-feature-icon{color:#667eea;font-size:1.8rem}.dashboard-feature-header h3{color:#2d3748;font-size:1.1rem;font-weight:700;margin:0}.dashboard-feature-stats{display:flex;flex-direction:column;gap:12px}.dashboard-feature-stat{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.dashboard-feature-label{color:#6c757d;font-size:.9rem;font-weight:600}.dashboard-feature-value{color:#2d3748;font-size:1.3rem;font-weight:800}.dashboard-feature-value.success{color:#10b981}.dashboard-feature-value.warning{color:#f59e0b}.dashboard-feature-value.danger{color:#ef4444}@media (max-width:1400px){.dashboard-analytics-grid,.dashboard-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-analytics-grid,.dashboard-feature-grid{grid-template-columns:1fr}}.dashboard-sales-insights{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:32px;padding:32px}.dashboard-insights-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.dashboard-insight-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.dashboard-insight-card h3{color:#2d3748;font-size:1.2rem;font-weight:700;margin:0 0 20px}@media (max-width:768px){.dashboard-insights-grid{grid-template-columns:1fr}}.smart-order-links{background:#f8fafc;min-height:100vh;padding:24px}.page-header{margin-bottom:32px}.header-content{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.header-text{flex:1 1}.page-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.page-header p{color:#6b7280;font-size:16px;margin:0}.create-order-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.create-order-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.analytics-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.analytics-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.card-icon.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.card-icon.active{background:linear-gradient(135deg,#10b981,#059669)}.card-icon.views{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.card-icon.conversion{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-icon.paid{background:linear-gradient(135deg,#06b6d4,#0891b2)}.card-icon.revenue{background:linear-gradient(135deg,#ef4444,#dc2626)}.card-content h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.card-content p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;overflow:hidden}.filters-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;padding:16px 24px}.filters-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.filters-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.filter-group{gap:8px}.filter-group label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:180px;padding:12px 16px;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-stats{align-items:center;display:flex;gap:16px}.stat-item{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;padding:8px 12px}.orders-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.list-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.list-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.header-actions{align-items:center;gap:16px}.results-count{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;padding:6px 12px}.orders-list{display:flex;flex-direction:column;gap:20px;padding:24px}.order-card{background:#fafbfc;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.order-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f61f;transform:translateY(-2px)}.card-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.order-info{flex:1 1}.order-id-section{margin-bottom:12px}.order-label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.order-id-container{align-items:center;display:flex;gap:12px}.order-id-text{background:linear-gradient(135deg,#1f2937,#374151);border-radius:8px;color:#10b981;font-family:Courier New,monospace;letter-spacing:.5px;padding:8px 12px}.copy-link-btn,.order-id-text{font-size:12px;font-weight:600}.copy-link-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:all .2s ease}.copy-link-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.status-section{display:flex;justify-content:flex-start}.amount-section{text-align:right}.amount-label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.amount-value{color:#1f2937;font-size:24px;font-weight:700}.card-body{padding:20px 24px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.metric-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.metric-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.metric-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.metric-content{flex:1 1}.metric-value{color:#1f2937;display:block;font-size:16px;font-weight:700;margin-bottom:2px}.metric-value.expired{color:#dc2626}.metric-value.valid{color:#059669}.metric-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tracking-details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.tracking-item{justify-content:space-between}.tracking-label{color:#6b7280;font-size:13px;font-weight:500}.tracking-value{color:#1f2937;font-size:13px;font-weight:600}.card-footer{background:#fff;border-top:1px solid #e5e7eb;padding:16px 24px}.action-buttons{gap:12px;justify-content:flex-end}.btn-primary{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:8px;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-secondary{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.status-badge{font-size:11px;margin-right:15px;margin-top:70px}.status-badge.paid{background:#d1fae5;border:1px solid #10b981;color:#065f46}.status-badge.pending{background:#fef3c7}.status-badge.expired{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-badge.cancelled{background:#f3f4f6;border:1px solid #9ca3af;color:#374151}.amount{color:#1f2937;font-size:14px;font-weight:600}.views-info{display:flex;flex-direction:column;gap:4px}.view-count{color:#1f2937;font-size:16px;font-weight:600}.first-view{color:#6b7280;font-size:11px}.expired-date{color:#dc2626;font-weight:600}.valid-date{color:#059669;font-weight:600}.tracking-info{display:flex;flex-direction:column;gap:4px}.tracking-item{align-items:center;display:flex;gap:4px}.tracking-item span{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:11px;padding:2px 6px}.action-buttons{gap:8px}.btn-order,.btn-view{background:none;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 8px;transition:all .2s ease}.btn-view:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-order:hover{background:#10b981;border-color:#10b981;color:#fff}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:14px;margin:0}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{margin-bottom:16px}.modal-overlay{background:#00000080}.modal-content{border-radius:16px;box-shadow:0 8px 32px #0003}.modal-header{border-bottom:1px solid #e5e7eb}.modal-header h3{color:#1f2937;font-size:18px;font-weight:600}.modal-close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.order-details{display:flex;flex-direction:column;gap:16px}.detail-row{border-bottom:1px solid #f3f4f6;padding:12px 0}.detail-label{color:#6b7280;font-size:14px}.detail-value{color:#1f2937;font-weight:600;text-align:right}@media (max-width:1024px){.analytics-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.analytics-card{padding:20px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card-header{align-items:flex-start;flex-direction:column;gap:16px}.amount-section{text-align:left}}@media (max-width:768px){.smart-order-links{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px}.create-order-btn{justify-content:center}.analytics-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.analytics-card{flex-direction:column;gap:12px;padding:16px;text-align:center}.card-icon{font-size:18px;height:40px;width:40px}.filters-content{align-items:flex-start;flex-direction:column}.metrics-grid{gap:12px;grid-template-columns:1fr 1fr}.action-buttons{flex-direction:column;gap:8px}.btn-primary,.btn-secondary{justify-content:center}}@media (max-width:480px){.page-header h1{font-size:24px}.analytics-grid{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:1fr}.order-card{margin:0 -8px}.card-body,.card-footer,.card-header,.orders-list{padding:16px}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.user-management{background-color:#f4f6f9;color:#333;font-family:Arial,sans-serif;padding:20px}.create-user-btn{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;margin-top:20px;padding:10px 15px}.create-user-btn:hover{background-color:#2980b9}.user-table{border-collapse:collapse;margin-bottom:20px;width:100%}.user-table td,.user-table th{border:1px solid #ddd;padding:10px;text-align:left}.user-table th{background-color:#2c3e50;color:#fff}.delete-btn,.edit-btn{margin-left:20px}.user-management .modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.user-management .modal-content{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;max-width:400px;overflow:auto;padding:20px;width:90%}.user-management .modal-content h2{font-size:1.5rem;margin-top:0}.user-management .modal-content input,.user-management .modal-content select{border:1px solid #ddd;border-radius:5px;font-size:1rem;margin:10px;padding:10px;width:100%}.modal-actions{justify-content:space-between}.modal-actions button{border-radius:5px;font-size:1rem;padding:20px 15px}.modal-actions button:first-child{background-color:#3498db;color:#fff;padding:10px 50px}.modal-actions button:first-child:hover{background-color:#2980b9}.modal-actions button:last-child{background-color:#e74c3c;color:#fff;padding:10px 50px}.modal-actions button:last-child:hover{background-color:#c0392b}.password-input{align-items:center;display:flex;position:relative}.toggle-password{color:#888;cursor:pointer;font-size:1.2rem;position:absolute;right:20px}.toggle-password:hover{color:#555}.disabled-field{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;color:#666;margin-bottom:10px;padding:10px}.disabled-field label{display:block;font-weight:700;margin-bottom:5px}.disabled-field small{color:#999;display:block;font-style:italic}@media (max-width:768px){.modal-content{max-width:350px;width:95%}.modal-content h2{font-size:1.25rem}.modal-actions button{font-size:.9rem;padding:8px 12px}}@media (max-width:480px){.modal-content{max-width:300px;padding:15px;width:100%}.modal-content h2{font-size:1rem}.modal-content input,.modal-content select{font-size:.9rem;padding:8px}.modal-actions button{font-size:.8rem;padding:6px 10px}}.loader-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.product-management{background-color:#f4f6f9;color:#333;font-family:Arial,sans-serif;padding:20px}.create-product-btn{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;margin-top:20px;padding:10px 15px}.create-product-btn:hover{background-color:#2980b9}.product-table{margin-bottom:20px}.product-table td,.product-table th{border:1px solid #ddd}.product-table th{background-color:#2c3e50;color:#fff}.product-table tr:hover{background-color:#f1f1f1}.delete-btn,.edit-btn,.invoice-btn{border:none;border-radius:3px;cursor:pointer;margin-left:10px;padding:5px 10px}.invoice-btn{background-color:#0075dc;color:#fff}.invoice-btn:hover{background-color:#054f8f}.stock-btn{background-color:#27ae60;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px}.stock-btn:hover{background-color:#219150}.product-image{border:1px solid #ddd}.product-management .modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.product-management .modal-content{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;max-height:90%;max-width:600px;overflow-y:auto;padding:20px;width:90%}.product-management .modal-content h2{font-size:1.5rem;margin-top:0;text-align:center}.product-management .modal-content input,.product-management .modal-content select,.product-management .modal-content textarea{border:1px solid #ddd;border-radius:5px;font-size:1rem;margin:10px 0;padding:10px;width:95%}.product-management .image-preview{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.product-management .image-container{border:1px solid #ddd;border-radius:4px;height:120px;overflow:hidden;position:relative;width:120px}.product-management .image-container img{height:100%;object-fit:cover;width:100%}.product-management .image-container .remove-icon{align-items:center;background-color:#e74c3ccc;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;position:absolute;right:5px;top:5px;transition:background-color .2s;width:22px}.product-management .image-container .remove-icon:hover{background-color:#c0392be6}.product-management .care-guide .remove-icon,.product-management .ingredient .remove-icon{align-items:center;background-color:#e74c3c;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;margin-left:10px;width:20px}.product-management .care-guide .remove-icon:hover,.product-management .ingredient .remove-icon:hover{background-color:#c0392b}.product-management .care-guide,.product-management .ingredient{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.product-management .care-guide-list,.product-management .ingredient-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;margin-top:10px}.product-management .ingredient-list-compact{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.product-management .ingredient-row{align-items:center;background:#f9f9f9;border-radius:5px;box-shadow:0 1px 3px #0000000a;display:flex;gap:8px;padding:8px 10px}.product-management .ingredient-desc,.product-management .ingredient-title{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.95rem;padding:6px 8px}.product-management .ingredient-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.product-management .ingredient-custom-icon{border:1px solid #ccc;border-radius:50%;height:28px;object-fit:contain;width:28px}.product-management .ingredient-add-btn,.product-management .ingredient-delete-btn,.product-management .ingredient-edit-btn{align-items:center;background:none;border:none;color:#3498db;cursor:pointer;display:flex;margin-left:4px}.product-management .ingredient-delete-btn{color:#e74c3c}.product-management .ingredient-add-btn{color:#27ae60;font-weight:500;gap:4px;margin-top:8px}.product-management .ingredient-icon-upload-label{color:#888;cursor:pointer;margin-right:4px}.product-management .care-guide-card,.product-management .ingredient-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;padding:15px;position:relative;width:95%}.product-management .care-guide-card label,.product-management .ingredient-card label{margin-bottom:10px;margin-top:10px}.product-management .care-guide-card input,.product-management .ingredient-card textarea{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px;width:95%}.product-management .care-guide-card .remove-icon,.product-management .ingredient-card .remove-icon{align-items:center;background-color:#e74c3c;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:10px;top:10px;width:20px}.product-management .care-guide-card .remove-icon:hover,.product-management .ingredient-card .remove-icon:hover{background-color:#c0392b}.product-management .modal-actions{display:flex;justify-content:space-between;margin-top:20px}.product-management .modal-actions button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 15px}.product-management .modal-actions button:first-child{background-color:#3498db;color:#fff}.product-management .modal-actions button:first-child:hover{background-color:#2980b9}.product-management .modal-actions button:last-child{background-color:#e74c3c;color:#fff}.product-management .modal-actions button:last-child:hover{background-color:#c0392b}.product-management input[type=checkbox]{accent-color:#1976d2;height:18px;vertical-align:middle;width:18px}.product-management .combo-checkbox-row{align-items:center;display:inline-flex;margin:8px 0;padding:0;width:auto}@media (max-width:768px){.product-management .modal-content{max-height:85%;max-width:500px;width:95%}.product-management .modal-content h2{font-size:1.25rem}.product-management .modal-actions button{font-size:.9rem;padding:8px 12px}}@media (max-width:480px){.product-management .modal-content{max-height:80%;max-width:400px;padding:15px;width:100%}.product-management .modal-content h2{font-size:1rem}.product-management .modal-content input,.product-management .modal-content select,.product-management .modal-content textarea{font-size:.9rem;padding:8px}.product-management .modal-actions button{font-size:.8rem;padding:6px 10px}}.category-management{background-color:#f4f6f9;color:#333;font-family:Arial,sans-serif;padding:20px}h1{color:#2c3e50}.create-category-btn{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;margin-top:20px;padding:10px 15px}.create-category-btn:hover{background-color:#2980b9}.category-table{border-collapse:collapse;margin-bottom:20px;width:100%}.category-table td,.category-table th{border:1px solid #ddd;padding:10px;text-align:left}.category-table th{background-color:#2c3e50;color:#fff}.category-table tr:nth-child(2n){background-color:#f9f9f9}.category-table tr:hover{background-color:#f1f1f1}.delete-btn,.edit-btn{border:none;border-radius:3px;cursor:pointer;margin-left:10px;padding:5px 10px}.edit-btn{background-color:#f39c12}.edit-btn:hover{background-color:#e67e22}.delete-btn{background-color:#e74c3c}.delete-btn:hover{background-color:#c0392b}.category-management .modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.category-management .modal-content{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;max-height:90%;max-width:600px;overflow-y:auto;padding:20px;width:90%}.category-management .modal-content h2{font-size:1.5rem;margin-top:0;text-align:center}.category-management .modal-content input,.category-management .modal-content textarea{border:1px solid #ddd;border-radius:5px;font-size:1rem;margin:10px 0;padding:10px;width:95%}.category-management .modal-actions{display:flex;justify-content:space-between;margin-top:20px}.category-management .modal-actions button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 15px}.category-management .modal-actions button:first-child{background-color:#3498db;color:#fff}.category-management .modal-actions button:first-child:hover{background-color:#2980b9}.category-management .modal-actions button:last-child{background-color:#e74c3c;color:#fff}.category-management .modal-actions button:last-child:hover{background-color:#c0392b}@media (max-width:768px){.category-management .modal-content{max-height:85%;max-width:500px;width:95%}.category-management .modal-content h2{font-size:1.25rem}.category-management .modal-actions button{font-size:.9rem;padding:8px 12px}}@media (max-width:480px){.category-management .modal-content{max-height:80%;max-width:400px;padding:15px;width:100%}.category-management .modal-content h2{font-size:1rem}.category-management .modal-content input,.category-management .modal-content textarea{font-size:.9rem;padding:8px}.category-management .modal-actions button{font-size:.8rem;padding:6px 10px}}.category-image{border:1px solid #ddd;border-radius:5px;height:50px;object-fit:cover;width:50px}.order-listing-order-management{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;min-height:100vh;padding:24px}.order-listing-order-management h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.25rem;font-weight:700;margin-bottom:32px;text-align:center}h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.2rem;font-weight:600;margin-top:20px;padding:15px 0 10px}.order-listing-create-order-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 10px 25px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:24px;margin-right:16px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-listing-create-order-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.order-listing-create-order-btn:hover:before{left:100%}.order-listing-create-order-btn:hover{box-shadow:0 15px 35px #667eea66;transform:translateY(-3px)}.order-listing-create-order-btn:active{transform:translateY(-1px)}.order-listing-download-order-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:12px;box-shadow:0 8px 20px #48bb784d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:24px;margin-right:16px;padding:16px 32px;transition:all .3s ease}.order-listing-download-order-btn:hover{box-shadow:0 12px 30px #48bb7866;transform:translateY(-2px)}.order-listing-order-table{background:#fff;border-collapse:initial;border-radius:16px;border-spacing:0;box-shadow:0 10px 25px -5px #0000001a;margin-top:24px;overflow:hidden;width:100%}.order-listing-order-table td,.order-listing-order-table th{border:1px solid #ddd;padding:10px;text-align:left}.order-listing-order-table td span{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-listing-order-table th{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:20px 16px;text-transform:uppercase}.order-listing-order-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:16px;vertical-align:top}.order-listing-order-table tbody tr{transition:all .2s ease}.order-listing-order-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.001)}.order-listing-order-table tr:nth-child(2n){background-color:#f9f9f9}.order-listing-order-table tr:hover{background-color:#ebeae8}.order-listing-order-table .order-listing-delete-btn,.order-listing-order-table .order-listing-edit-btn,.order-listing-order-table .order-listing-invoice-btn,.order-listing-order-table .order-listing-refresh-btn,.order-listing-order-table .order-listing-update-details-btn,td .order-listing-delete-btn,td .order-listing-edit-btn,td .order-listing-invoice-btn,td .order-listing-refresh-btn,td .order-listing-update-details-btn{border:none!important;border-radius:8px!important;cursor:pointer!important;display:inline-block!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;margin:2px!important;min-width:80px!important;padding:8px 16px!important;text-align:center!important;text-decoration:none!important;text-transform:uppercase!important;transition:all .3s ease!important}.order-listing-order-table .order-listing-edit-btn,td .order-listing-edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 12px #3b82f64d!important;color:#fff!important}.order-listing-order-table .order-listing-edit-btn:hover,td .order-listing-edit-btn:hover{box-shadow:0 6px 18px #3b82f666!important;transform:translateY(-1px)!important}.order-listing-order-table .order-listing-delete-btn,td .order-listing-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 12px #ef44444d!important;color:#fff!important}.order-listing-order-table .order-listing-delete-btn:hover,td .order-listing-delete-btn:hover{box-shadow:0 6px 18px #ef444466!important;transform:translateY(-1px)!important}.order-listing-order-table .order-listing-invoice-btn,td .order-listing-invoice-btn{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9814d!important;color:#fff!important}.order-listing-order-table .order-listing-invoice-btn:hover,td .order-listing-invoice-btn:hover{box-shadow:0 6px 18px #10b98166!important;transform:translateY(-1px)!important}.order-listing-order-table .order-listing-update-details-btn,td .order-listing-update-details-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 4px 12px #8b5cf64d!important;color:#fff!important}.order-listing-order-table .order-listing-update-details-btn:hover,td .order-listing-update-details-btn:hover{box-shadow:0 6px 18px #8b5cf666!important;transform:translateY(-1px)!important}.order-listing-order-table .order-listing-actions-cell,td.actions-cell{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:4px!important;min-width:120px!important}.order-listing-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.order-listing-modal-content{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0006,0 0 0 1px #0000001a;display:flex;flex-direction:column;max-width:600px;overflow:hidden;position:relative;width:100%;z-index:10000}.order-listing-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:24px 32px}.order-listing-modal-body{background:#fff;flex:1 1;max-height:70vh;overflow-x:hidden;overflow-y:auto;padding:32px}.order-listing-modal-actions{background:#f9fafb;flex-shrink:0;gap:12px;padding:24px 32px}.order-listing-modal-actions button{border-radius:10px;box-shadow:0 2px 8px #00000026;font-size:14px;padding:12px 28px}.order-listing-modal-actions button:last-child{background:#6b7280}body.modal-open{overflow:hidden!important}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.order-listing-modal-content:before{top:0}.order-listing-modal-content:after,.order-listing-modal-content:before{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;z-index:1}.order-listing-modal-content:after{bottom:0}.order-listing-modal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);box-shadow:0 4px 20px #0000001a;padding:24px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.order-listing-modal-header h2{font-size:2.5rem;font-weight:800;gap:20px;letter-spacing:-1px;text-shadow:0 2px 10px #0000004d}.order-listing-modal-header h2:before{animation:pulse 2s ease-in-out infinite;content:"🛍️";filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));font-size:2.2rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.order-listing-modal-content h3{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-left:4px solid #667eea;border-radius:8px;color:#334155;font-size:1.25rem;font-weight:600;margin:32px 0 20px;padding:12px 20px}.order-listing-form-row{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:28px}.order-listing-modal-content label{margin-bottom:20px}.order-listing-modal-content input,.order-listing-modal-content select,.order-listing-modal-content textarea{box-shadow:0 1px 3px #0000001a;margin-top:8px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-listing-modal-content input:focus,.order-listing-modal-content select:focus,.order-listing-modal-content textarea:focus{box-shadow:0 0 0 4px #667eea1a}.order-listing-modal-content input[readonly]{background:#f8fafc;border-color:#d1d5db;color:#64748b;cursor:not-allowed}.order-listing-modal-content select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;color:#2d3748}.order-listing-modal-content select option{color:#2d3748;padding:12px}.order-listing-modal-content button[onClick*=addProduct]{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;box-shadow:0 6px 16px #06b6d44d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin:20px 0;padding:14px 24px;transition:all .3s ease}.order-listing-modal-content button[onClick*=addProduct]:hover{box-shadow:0 10px 25px #06b6d466;transform:translateY(-2px)}.order-listing-product-card .order-listing-remove-icon{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff3;box-shadow:0 6px 20px #ef44444d;font-size:16px;height:40px;right:24px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.order-listing-product-card .order-listing-remove-icon:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 30px #ef444466;transform:scale(1.1) rotate(90deg)}.order-listing-product-card .order-listing-remove-icon:before{content:"✕";font-weight:300;line-height:1}.order-listing-modal-actions{border-top:2px solid #e5e7eb;margin-top:40px;padding-top:32px}.order-listing-modal-actions button{font-size:16px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-listing-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:25px 30px;position:relative}.order-listing-modal-header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><path fill="url(%23a)" d="M0 0h100v20H0z"/></svg>');bottom:0;content:"";left:0;position:absolute;right:0;top:0}.order-listing-modal-header h2{align-items:center;display:flex;font-size:1.8rem;font-weight:600;gap:12px;margin:0;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.order-listing-modal-header h2:before{content:"🛒";filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.order-listing-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.order-listing-close-btn:hover{background:#ffffff4d;box-shadow:0 6px 20px #0000004d;transform:rotate(90deg) scale(1.1)}.order-listing-modal-body::-webkit-scrollbar{width:8px}.order-listing-modal-body::-webkit-scrollbar-track{background:#f1f5f980;border-radius:10px}.order-listing-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:10px}.order-listing-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a6fd8,#6a4190)}.order-listing-modal-body h3{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 10px #0000000d;color:#1e293b;font-size:1.4rem;font-weight:700;letter-spacing:1px;margin:20px 0 15px;padding:12px 20px;text-transform:uppercase}.order-listing-modal-body h3:first-of-type{margin-top:0}.order-listing-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.order-listing-form-row.single-column{grid-template-columns:1fr}.order-listing-form-row.two-column{grid-template-columns:1fr 1fr}.order-listing-modal-content label{color:#374151;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.order-listing-modal-content input,.order-listing-modal-content select,.order-listing-modal-content textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;color:#374151;font-size:16px;font-weight:500;margin-top:4px;padding:12px 16px;transition:all .3s ease;width:100%}.order-listing-modal-content input:focus,.order-listing-modal-content select:focus,.order-listing-modal-content textarea:focus{border-color:#667eea;box-shadow:0 4px 20px #667eea26;outline:none;transform:translateY(-1px)}.order-listing-modal-content textarea{font-family:inherit;min-height:100px;resize:vertical}.order-listing-modal-content select,.order-listing-modal-content select option{background-color:#fff;color:#333}.order-listing-modal-body button{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:12px;box-shadow:0 4px 15px #27ae604d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin-bottom:25px;overflow:hidden;padding:15px 25px;position:relative;text-transform:uppercase;transition:all .3s ease}.order-listing-modal-body button:before{content:"➕";font-size:14px}.order-listing-modal-body button:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.order-listing-modal-body button:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.order-listing-modal-body button:hover:after{left:100%}.order-listing-product-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:20px;padding:24px;position:relative;transition:all .3s ease}.order-listing-product-card:hover{border-color:#667eea;box-shadow:0 10px 25px -5px #667eea1a;transform:translateY(-2px)}.order-listing-product-card .order-listing-MuiAutocomplete-root{margin-bottom:10px;width:100%}.order-listing-product-card .order-listing-MuiTextField-root{width:100%}.order-listing-product-card label{display:block;font-weight:500;margin-bottom:10px;width:100%}.order-listing-product-card .order-listing-remove-icon{background:#ef4444;font-size:20px;font-weight:700;height:32px;right:16px;top:16px;transition:all .3s ease;width:32px}.order-listing-product-card .order-listing-remove-icon:hover{background:#dc2626;transform:scale(1.1)}.order-listing-remove-product-btn{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.order-listing-remove-product-btn:hover{background-color:#c0392b}.order-listing-product-card .order-listing-remove-icon{align-items:center;background-color:#e74c3c;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:15px;top:15px;transition:background-color .3s ease;width:28px;z-index:10}.order-listing-product-card .order-listing-remove-icon:hover{background-color:#c0392b}.order-listing-modal-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#f8fafc,#fff);border-top:1px solid #e2e8f0cc;bottom:0;box-shadow:0 -4px 20px #0000001a;display:flex;gap:16px;justify-content:center;padding:20px 40px;position:-webkit-sticky;position:sticky;z-index:100}.order-listing-modal-actions button{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;min-width:120px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.order-listing-modal-actions button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.order-listing-modal-actions button:first-child{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px #10b9814d;color:#fff}.order-listing-modal-actions button:first-child:hover{box-shadow:0 12px 30px #10b98166;transform:translateY(-2px)}.order-listing-modal-actions button:nth-child(2){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 20px #3b82f64d;color:#fff}.order-listing-modal-actions button:nth-child(2):hover{box-shadow:0 12px 30px #3b82f666;transform:translateY(-2px)}.order-listing-modal-actions button:nth-child(3){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 20px #8b5cf64d;color:#fff}.order-listing-modal-actions button:nth-child(3):hover{box-shadow:0 12px 30px #8b5cf666;transform:translateY(-2px)}.order-listing-modal-actions button:last-child{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 8px 20px #6b72804d;color:#fff}.order-listing-modal-actions button:last-child:hover{box-shadow:0 12px 30px #6b728066;transform:translateY(-2px)}.order-listing-products-cell{max-width:400px;min-width:300px;width:400px}.order-listing-free-products-cell{max-width:350px;min-width:250px;width:350px}.order-listing-product-list{display:flex;flex-direction:column;gap:4px}.order-listing-product-item{border:1px solid #dbeafe;border-radius:4px}.order-listing-free-product-item,.order-listing-product-item{background:#fff;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;position:relative;transition:all .2s ease}.order-listing-free-product-item{border:1px solid #d1fae5;border-radius:4px;padding:4px 8px}.order-listing-free-product-item:after{background:#10b981;border-radius:2px;color:#fff;content:"FREE";font-size:7px;font-weight:700;line-height:1;padding:1px 3px;position:absolute;right:4px;top:2px}.order-listing-free-product-item:hover,.order-listing-product-item:hover{border-color:#10b981;box-shadow:0 2px 4px #0000001a}.order-listing-product-name{color:#1f2937;font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-listing-product-details{color:#6b7280;display:block;font-size:10px;font-weight:500}.order-listing-product-details span{border-radius:3px;display:inline-block;font-size:9px;font-weight:600}.order-listing-free-product-item .order-listing-product-details span,.order-listing-product-details span{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.order-listing-no-free-products{background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#9ca3af;font-size:12px;font-style:italic;padding:12px;text-align:center}@media (max-width:1400px){.order-listing-order-management{overflow-x:auto}}.order-listing-delivery-info{background-color:#f9f9ff;border:1px solid #e8e8ff;border-radius:5px;margin-bottom:15px;margin-top:15px;padding:15px}.order-listing-tracking-link{color:#3498db;cursor:pointer;text-decoration:underline}.order-listing-tracking-link:hover{color:#2980b9}.order-listing-same-address-checkbox{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex!important;margin:24px 0!important;padding:16px;transition:all .3s ease}.order-listing-same-address-checkbox:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#667eea}.order-listing-same-address-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px!important;margin-right:12px!important;margin-top:0!important;width:20px!important}.order-listing-same-address-checkbox span{color:#374151;font-size:15px;font-weight:600}.order-listing-receipt-btn{background-color:#27ae60;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.order-listing-receipt-btn:hover{background-color:#219653}.order-listing-MuiInputBase-root{background-color:#fff!important}@media (max-height:800px){.order-listing-modal-content{max-height:85vh;padding-bottom:30px}}@media (max-width:768px){.order-listing-modal{align-items:flex-start;padding:20px 10px 10px}.order-listing-modal-content{max-height:calc(100vh - 20px);max-width:none;padding:15px;width:95%}.order-listing-modal-body{padding:15px}.order-listing-modal-actions{flex-direction:column;gap:10px;padding:15px}.order-listing-modal-actions button{flex:none}}@media (max-width:480px){.order-listing-modal{padding:10px 5px 5px}.order-listing-modal-content{max-height:calc(100vh - 20px);width:98%}}@media (max-height:800px){.order-listing-modal{align-items:flex-start;padding:10px 0}.order-listing-modal-content{max-height:calc(100vh - 20px)}}.order-listing-tax-details{grid-gap:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 0;padding:24px}@media (max-width:1200px){.order-listing-form-row{grid-template-columns:1fr}.order-listing-modal-content{margin:10px;max-width:95%}}@media (max-width:768px){.order-listing-modal{align-items:flex-start;padding:20px 10px 10px}.order-listing-modal-content{border-radius:15px;max-height:calc(100vh - 40px);max-width:none;width:95%}.order-listing-modal-content h2{font-size:1.5rem;padding:20px 25px}.order-listing-modal-body{padding:20px}.order-listing-modal-body h3{font-size:1.2rem;margin:20px 0 15px}.order-listing-product-card{border-radius:12px;padding:20px}.order-listing-product-card .order-listing-remove-icon{font-size:16px;height:30px;right:15px;top:15px;width:30px}.order-listing-modal-actions{flex-direction:column;gap:12px;padding:20px}.order-listing-modal-actions button{flex:none;font-size:14px;padding:14px 20px}}@media (max-width:480px){.order-listing-modal{padding:10px 5px 5px}.order-listing-modal-content{border-radius:12px;max-height:calc(100vh - 20px);width:98%}.order-listing-modal-content h2{font-size:1.3rem;gap:8px;padding:15px 20px}.order-listing-modal-body{padding:15px}.order-listing-modal-body h3{font-size:1.1rem;margin:15px 0 10px}.order-listing-modal-body h3:after{width:40px}.order-listing-product-card{margin-bottom:15px;padding:15px}.order-listing-modal-content input,.order-listing-modal-content select,.order-listing-modal-content textarea{border-radius:10px;font-size:14px;padding:12px 15px}.order-listing-modal-actions{gap:10px;padding:15px}.order-listing-modal-actions button{border-radius:10px;font-size:13px;padding:12px 18px}}.order-listing-loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.order-listing-modal-actions button:focus,.order-listing-modal-content input:focus,.order-listing-modal-content select:focus,.order-listing-modal-content textarea:focus{outline:2px solid #667eea;outline-offset:2px}.order-listing-error-input{border-color:#e74c3c!important;box-shadow:0 4px 20px #e74c3c26!important}.order-listing-error-message{align-items:center;color:#e74c3c;display:flex;font-size:12px;gap:5px;margin-top:5px}.order-listing-error-message:before{content:"⚠️";font-size:14px}.order-listing-success-message{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border-radius:12px;box-shadow:0 4px 15px #27ae604d;color:#fff;display:flex;gap:10px;margin:15px 0;padding:15px}.order-listing-success-message:before{content:"✅";font-size:16px}.order-listing-modal-actions button:disabled{cursor:not-allowed;opacity:.6}.order-listing-modal-actions button:disabled,.order-listing-modal-actions button:disabled:hover{box-shadow:none!important;transform:none!important}@media (prefers-color-scheme:dark){.order-listing-modal-content{background:linear-gradient(145deg,#2c3e50,#34495e);color:#ecf0f1}.order-listing-modal-body{background:linear-gradient(180deg,#2c3e50,#34495e)}.order-listing-modal-content input,.order-listing-modal-content select,.order-listing-modal-content textarea{background:#34495e;border-color:#4a5f7a;color:#ecf0f1}.order-listing-product-card{background:linear-gradient(145deg,#34495e,#2c3e50);border-color:#4a5f7a}}@media print{.order-listing-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;padding:0;position:static}.order-listing-modal-content{border:none;box-shadow:none;max-height:none;max-width:100%}.order-listing-close-btn,.order-listing-modal-actions{display:none}.order-listing-modal-body{background:#fff;padding:20px}}.order-listing-products-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;margin:24px 0;padding:24px}.order-listing-product-search-container{margin-bottom:24px;position:relative}.order-listing-product-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#374151;font-size:16px;font-weight:500;padding:16px 20px 16px 50px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.order-listing-product-search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.order-listing-search-icon{color:#9ca3af;font-size:18px;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.order-listing-products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:400px;overflow-y:auto;padding:4px}.order-listing-product-item-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.order-listing-product-item-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.order-listing-product-item-card.selected{background:linear-gradient(135deg,#f0fff4,#dcfce7);border-color:#10b981}.order-listing-product-item-name{color:#1e293b;font-size:16px;font-weight:700;margin-bottom:8px}.order-listing-product-item-details{color:#64748b;font-size:14px}.order-listing-no-products-found{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:16px;padding:40px 20px;text-align:center}.order-filter-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:14px 18px}.order-date-presets{display:flex;flex-wrap:wrap;gap:8px}.order-preset-btn{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;color:#4b5563;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .2s;white-space:nowrap}.order-preset-btn:hover{background:#ede9fe;border-color:#7c3aed;color:#7c3aed}.order-preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea4d;color:#fff}.order-date-custom{align-items:center;color:#4b5563;display:flex;font-size:.85rem;gap:8px}.order-date-custom input[type=date]{padding:5px 10px}.order-date-custom input[type=date],.order-status-filter select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.82rem}.order-status-filter select{font-weight:500;outline:none;padding:7px 14px;transition:border-color .2s}.order-status-filter select:focus{border-color:#667eea}.order-stats-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.order-stat-card{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:110px;padding:16px 12px;text-align:center;transition:transform .2s,box-shadow .2s}.order-stat-card:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-2px)}.order-stat-value{font-size:1.55rem;font-weight:700;line-height:1}.order-stat-label{color:#6b7280;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.order-stat-total{border-color:#818cf8}.order-stat-total .order-stat-value{color:#4f46e5}.order-stat-pending{border-color:#fbbf24}.order-stat-pending .order-stat-value{color:#d97706}.order-stat-inprogress{border-color:#60a5fa}.order-stat-inprogress .order-stat-value{color:#2563eb}.order-stat-shipped{border-color:#a78bfa}.order-stat-shipped .order-stat-value{color:#7c3aed}.order-stat-delivered{border-color:#34d399}.order-stat-delivered .order-stat-value{color:#059669}.order-stat-returns{border-color:#fb923c}.order-stat-returns .order-stat-value{color:#ea580c}.order-stat-cancelled{border-color:#f87171}.order-stat-cancelled .order-stat-value{color:#dc2626}.order-stat-revenue{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fbbf24;min-width:150px}.order-stat-revenue .order-stat-value{color:#b45309;font-size:1.25rem}.order-stat-revenue .order-stat-label{color:#92400e}@media (max-width:768px){.order-filter-bar{gap:8px;padding:10px 12px}.order-preset-btn{font-size:.75rem;padding:5px 10px}.order-stat-card{min-width:90px;padding:12px 8px}.order-stat-value{font-size:1.25rem}.order-stat-revenue{min-width:120px}.order-stat-revenue .order-stat-value{font-size:1rem}}.update-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin:5% auto;max-width:600px;min-width:500px;padding:20px;position:relative;width:-webkit-fit-content;width:fit-content}.update-modal-header{align-items:center;border-bottom:2px solid #f0f0f1;display:flex;margin-bottom:20px;padding-bottom:12px}.update-modal-title{color:#2c3e50;font-size:22px;font-weight:600;margin:0}.update-modal-close{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:24px;margin-left:auto;padding:5px}.update-modal-form{grid-gap:15px;display:grid;gap:15px}.update-modal-label{color:#34495e;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.update-modal-input{border:2px solid #ecf0f1;border-radius:6px;font-size:15px;outline:none;padding:10px 14px;transition:border-color .3s;width:93%}.update-modal-input:focus{border-color:#3498db}.update-modal-select{background-color:#fff;border:2px solid #ecf0f1;border-radius:6px;font-size:15px;outline:none;padding:10px 14px;width:100%}.update-modal-select.highlighted{border-color:#3498db}.update-modal-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.update-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.update-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background-color .3s}.update-modal-btn.save{background-color:#27ae60;color:#fff}.update-modal-btn.save:hover{background-color:#229954}.update-modal-btn.cancel{background-color:#95a5a6;color:#fff}.update-modal-btn.cancel:hover{background-color:#7f8c8d}:root{--primary-blue:#0062cc;--hover-blue:#0056b3;--secondary-blue:#e8f3ff;--accent-red:#dc3545;--hover-red:#c82333;--text-dark:#212529;--text-medium:#495057;--text-light:#6c757d;--border-color:#e0e0e0;--light-gray:#f8f9fa;--white:#fff;--toggle-green:#28a745;--warning-yellow:#ffc107}.settings-page{font-family:Inter,Segoe UI,Roboto,-apple-system,sans-serif;margin:0 auto;max-width:1400px;padding:1.5rem}.settings-page,.settings-title{color:#212529;color:var(--text-dark)}.settings-title{align-items:center;display:flex;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.settings-icon{color:#0062cc;color:var(--primary-blue);margin-right:.75rem}.settings-container{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;overflow:hidden}.settings-sidebar{background-color:#f8f9fa;background-color:var(--light-gray);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color);flex-shrink:0;padding:1.25rem 0;width:230px}.sidebar-item{align-items:center;color:#495057;color:var(--text-medium);cursor:pointer;display:flex;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.sidebar-item:hover{background-color:#0062cc0d;color:#0062cc;color:var(--primary-blue)}.sidebar-item.active{background-color:#e8f3ff;background-color:var(--secondary-blue);border-left:3px solid #0062cc;border-left:3px solid var(--primary-blue);color:#0062cc;color:var(--primary-blue)}.sidebar-icon{font-size:1rem;margin-right:.75rem}.settings-content{flex:1 1;overflow-y:auto;padding:1.5rem}.settings-section{padding-bottom:2rem}.section-title{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.75rem}.section-icon{color:#0062cc;color:var(--primary-blue);margin-right:.5rem}.subsection-title{font-size:1rem;font-weight:600;margin:1.5rem 0 1rem}.form-group{margin-bottom:1.25rem;width:100%}.form-row{flex-wrap:wrap;gap:1rem}.form-row .form-group{min-width:250px}label{color:#495057;color:var(--text-medium);display:block;font-weight:500;margin-bottom:.5rem}input,select{width:90%}input,select,textarea{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;font-size:.95rem;padding:.65rem .85rem;transition:border-color .15s ease}textarea{width:95%}input:focus,select:focus,textarea:focus{border-color:#0062cc;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0062cc26;outline:none}textarea{min-height:100px;resize:vertical}.helper-text{color:#6c757d;color:var(--text-light);font-size:.85rem;margin-top:.35rem}.toggle-group{justify-content:space-between}.toggle-group,.toggle-switch{align-items:center;display:flex}.toggle-switch{cursor:pointer}.toggle-icon{font-size:1.75rem;margin-right:.5rem}.toggle-icon.off{color:#6c757d;color:var(--text-light)}.toggle-icon.on{color:#28a745;color:var(--toggle-green)}.toggle-label{font-weight:500}.maintenance-warning{align-items:center;background-color:#fff3cd;border-left:3px solid #ffc107;border-left:3px solid var(--warning-yellow);border-radius:4px;display:flex;margin:1rem 0;padding:.75rem 1rem}.warning-icon{color:#ffc107;color:var(--warning-yellow);flex-shrink:0;font-size:1.25rem;margin-right:.75rem}.social-input label{align-items:center;display:flex}.social-icon{margin-right:.5rem}.social-icon.instagram{color:#e1306c}.social-icon.facebook{color:#1877f2}.social-icon.linkedin{color:#0077b5}.social-icon.youtube{color:red}.cost-input{max-width:300px}.input-with-symbol{align-items:center;display:flex;position:relative}.input-with-symbol .input-symbol{color:#495057;color:var(--text-medium);font-size:.95rem;font-weight:500;position:absolute}.input-with-symbol .input-symbol:first-child{left:.85rem}.input-with-symbol .input-symbol:last-child{right:.85rem}.input-with-symbol input{padding-right:2rem}.input-with-symbol:has(.input-symbol:first-child) input{padding-left:1.75rem}.button-container{display:flex;gap:.75rem;margin-top:1.5rem}button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;justify-content:center;padding:.65rem 1.25rem;transition:all .15s ease}.add-button,.save-button,.update-button{background-color:#0062cc;background-color:var(--primary-blue);color:#fff;color:var(--white)}.add-button:hover,.save-button:hover,.update-button:hover{background-color:#0056b3;background-color:var(--hover-blue)}.delete-btn{background-color:#dc3545;background-color:var(--accent-red);color:var(--white);margin-left:.5rem;padding:.4rem}.delete-btn:hover{background-color:#c82333;background-color:var(--hover-red)}.edit-btn{background-color:#0062cc;background-color:var(--primary-blue);border-radius:4px;color:#fff;color:var(--white);padding:.4rem}.edit-btn:hover{background-color:#0056b3;background-color:var(--hover-blue)}.cancel-button{background-color:#f8f9fa;background-color:var(--light-gray);border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#495057;color:var(--text-medium)}.cancel-button:hover{background-color:#e0e0e0;background-color:var(--border-color)}.button-icon{margin-right:.5rem}.partner-form{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.partner-list h3{margin-bottom:1rem}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%}table td,table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}table th{background-color:#f8f9fa;background-color:var(--light-gray);font-weight:600}.action-cell{gap:.25rem}.no-data{background-color:#f8f9fa;background-color:var(--light-gray);border-radius:4px;color:#6c757d;color:var(--text-light);padding:1.5rem;text-align:center}.top-selling-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:350px;overflow-y:auto}.top-selling-item{align-items:center;background:#fafbfc;border:1px solid #eee;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;gap:14px;padding:8px 12px;transition:background .2s}.top-selling-item:hover{background:#f0f6ff}.top-selling-item input[type=checkbox]{height:18px;margin-right:8px;width:18px}.top-selling-img{background:#fff;border:1px solid #ddd;border-radius:4px;height:40px;object-fit:cover;width:40px}.top-selling-name{color:#222;flex:1 1;font-weight:500}.top-selling-price{color:#1976d2;font-weight:600;margin-left:10px}.top-selling-preview-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 1rem;max-width:420px;padding:0}.top-selling-preview-item{align-items:center;background:#f5faff;border:1.5px dashed #b3c6e0;border-radius:6px;cursor:grab;display:flex;font-size:1rem;gap:14px;padding:8px 12px;transition:background .2s}.top-selling-preview-item:active{background:#e8f3ff}.tab-row{display:flex;gap:12px;margin-bottom:24px}.tab-btn{background:#e8f3ff;border:none;border-radius:6px 6px 0 0;color:#0062cc;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;transition:background .2s,color .2s}.tab-btn.active{background:#0062cc;border-bottom:2px solid #0062cc;color:#fff}.checkbox-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.checkbox-item{align-items:center;background:#f8f9fa;border-radius:6px;box-shadow:0 1px 2px #00000008;display:flex;font-size:1rem;gap:8px;padding:8px 12px}@media (max-width:960px){.settings-container{flex-direction:column}.settings-sidebar{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);border-right:none;display:flex;overflow-x:auto;padding:0;width:100%}.sidebar-item{border-left:none;padding:1rem;white-space:nowrap}.sidebar-item.active{border-bottom:3px solid #0062cc;border-bottom:3px solid var(--primary-blue);border-left:none}}@media (max-width:560px){.settings-page{padding:1rem}.form-row .form-group{flex:1 1 100%}.button-container{flex-direction:column}.button-container button{width:100%}}.quick-reply-management{background:#f8fafc;min-height:100vh;padding:24px}.qr-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.qr-header h2{color:#1f2937;margin:0}.qr-add-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.qr-add-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.qr-loading{color:#6b7280;padding:40px;text-align:center}.qr-categories{display:flex;flex-direction:column;gap:24px}.qr-category-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.qr-category-section h3{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.2rem;margin:0 0 16px;padding-bottom:8px}.qr-list{grid-gap:12px;display:grid;gap:12px}.qr-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.qr-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.qr-item-content{flex:1 1}.qr-item-content h4{color:#1f2937;font-size:1rem;margin:0 0 8px}.qr-item-content p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.qr-item-actions{display:flex;gap:8px}.qr-delete-btn,.qr-edit-btn{border:none;border-radius:6px;cursor:pointer;padding:8px 12px;transition:all .2s ease}.qr-edit-btn{background:#3b82f6;color:#fff}.qr-edit-btn:hover{background:#2563eb}.qr-delete-btn{background:#ef4444;color:#fff}.qr-delete-btn:hover{background:#dc2626}.qr-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.qr-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:500px;width:90%}.qr-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.qr-modal-header h3{color:#1f2937;margin:0}.qr-modal-header button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem}.qr-form{padding:20px}.qr-form-group{margin-bottom:16px}.qr-form-group label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.qr-form-group input,.qr-form-group select,.qr-form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;padding:10px 12px;width:100%}.qr-form-group input:focus,.qr-form-group select:focus,.qr-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.qr-form-actions{display:flex;gap:12px;margin-top:20px}.qr-cancel-btn,.qr-save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.qr-save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.qr-save-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.qr-cancel-btn{background:#e5e7eb;color:#374151}.qr-cancel-btn:hover{background:#d1d5db}@media (max-width:768px){.quick-reply-management{padding:16px}.qr-header{align-items:stretch;flex-direction:column;gap:16px}.qr-add-btn{justify-content:center;width:100%}.qr-item{align-items:stretch;flex-direction:column;gap:12px}.qr-item-actions{justify-content:flex-end}}.banner-management{background-color:#f8f9fa;min-height:calc(100vh - 40px);padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-header h1{color:#333;font-size:24px;margin:0}.header-actions{display:flex;gap:10px}.create-banner-btn,.save-positions-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.create-banner-btn{background-color:#4361ee;color:#fff}.create-banner-btn:hover{background-color:#3a56d4}.save-positions-btn{background-color:#28a745;color:#fff}.save-positions-btn:hover{background-color:#218838}.drag-instructions{background-color:#e3f2fd;border-left:4px solid #0d6efd;border-radius:4px;margin-bottom:20px;padding:12px 16px}.drag-instructions p{color:#0d6efd;font-weight:500;margin:0}.banner-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.banner-item{background-color:#fff;border-radius:6px;box-shadow:0 2px 5px #0000001a;overflow:hidden;transition:all .2s ease}.banner-item.dragging{background-color:#f0f4ff;border:1px dashed #4361ee;box-shadow:0 5px 15px #0003}.banner-content{align-items:center;display:flex;gap:16px;padding:12px}.banner-position{background-color:#f1f3f5;border-radius:50%;color:#495057;font-weight:700;height:32px;width:32px}.banner-image-container,.banner-position{align-items:center;display:flex;flex-shrink:0;justify-content:center}.banner-image-container{background-color:#f8f9fa;border-radius:4px;height:80px;overflow:hidden;width:150px}.banner-image{height:100%;object-fit:cover;width:100%}.no-image{color:#adb5bd;font-size:14px;text-align:center}.banner-details{flex:1 1}.banner-title{color:#333;font-size:16px;margin:0 0 8px}.banner-link{color:#666;font-size:14px;margin:0;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-link span{color:#888;margin-right:5px}.banner-actions{align-items:center;display:flex;gap:8px}.banner-actions button{align-items:center;background:none;border:none;border-radius:4px;color:#495057;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.edit-btn:hover{background-color:#e9f2ff;color:#007bff}.delete-btn:hover{background-color:#ffebee;color:#dc3545}.drag-handle{align-items:center;border-radius:4px;color:#adb5bd;cursor:grab;display:flex;height:36px;justify-content:center;transition:color .2s ease,background-color .2s ease;width:36px}.drag-handle:hover{background-color:#f8f9fa;color:#495057}.drag-handle:active{cursor:grabbing}.modal{padding:30px 0}.modal-content{box-shadow:0 2px 10px #0000001a;max-width:500px;padding:24px}.modal-content h2{border-bottom:1px solid #eee;color:#333;margin-bottom:20px;padding-bottom:10px}.form-group input[type=file],.form-group input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group input[type=text]:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee33;outline:none}.current-image{margin-top:10px}.current-image p{color:#666;margin-bottom:8px}.current-image img{border:1px solid #eee;border-radius:4px}.modal-actions{border-top:1px solid #eee;margin-top:24px;padding-top:16px}.modal-actions button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.create-btn,.update-btn{background-color:#4361ee;color:#fff}.create-btn:hover,.update-btn:hover{background-color:#3a56d4}.cancel-btn{background-color:#f1f3f5;color:#495057}.cancel-btn:hover{background-color:#e9ecef}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:10px}.header-actions{width:100%}.header-actions button{flex:1 1}.banner-content{flex-wrap:wrap}.banner-image-container{height:120px;margin-bottom:10px;width:100%}.banner-details{width:100%}.banner-actions{justify-content:flex-end;margin-top:10px;width:100%}}.review-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;margin:24px auto;max-width:900px;padding:24px}.review-section h2{color:#1976d2;font-size:1.5rem;font-weight:600;margin-bottom:20px}.review-form{background:#f8f9fa;border-radius:6px;box-shadow:0 1px 4px #00000008;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px 12px}.review-form .form-row{align-items:center;display:flex;gap:12px}.review-form input[type=text],.review-form select,.review-form textarea{background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;padding:10px}.review-form textarea{min-height:40px;resize:vertical}.review-form input[type=file]{padding:6px 0}.review-form button[type=submit]{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-left:8px;padding:10px 22px;transition:background .2s}.review-form button[type=submit]:hover{background:#1256a3}.star-rating{cursor:pointer;display:flex;font-size:1.5rem;gap:2px}.star{color:#ccc;transition:color .2s}.star.filled{color:#ffc107}.review-list{gap:18px}.review-card,.review-list{display:flex;flex-direction:column}.review-card{background:#f9f9f9;border-radius:8px;box-shadow:0 1px 4px #00000008;gap:8px;padding:16px}.review-header{align-items:center;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between}.review-rating{color:#ffc107;font-size:1.2rem}.review-body{color:#333;font-size:1rem;margin-top:4px}.review-img{border:1px solid #eee;border-radius:6px;margin-top:8px;max-height:80px;max-width:80px}.review-footer{align-items:center;color:#888;display:flex;font-size:.95rem;justify-content:space-between}.delete-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:6px 14px;transition:background .2s}.delete-btn:hover{background:#c0392b}@media (max-width:600px){.review-section{margin:8px 0;padding:8px}.review-form .form-row{flex-direction:column;gap:8px}.review-card{padding:10px}}.user-cart-management{background-color:#f4f6f9;color:#333;font-family:Arial,sans-serif;padding:20px}.user-cart-management h1{color:#2c3e50;margin-bottom:20px}.error{background-color:#ffd2d2;border-radius:5px;color:#e74c3c;margin-bottom:20px;padding:10px}.cart-summary{display:flex;gap:20px;margin-bottom:30px}.summary-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;flex:1 1;padding:20px;text-align:center}.summary-card h3{color:#3498db;font-size:1.1rem;margin-bottom:10px}.summary-card p{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.no-carts{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#7f8c8d;font-size:1.2rem;padding:30px;text-align:center}.cart-list{display:flex;flex-direction:column;gap:15px}.cart-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden}.cart-header{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;position:relative;transition:background-color .2s}.cart-header:hover{background-color:#f8f9fa}.cart-basic-info{display:flex;flex-direction:column;gap:5px}.cart-basic-info .cart-id{color:#3498db;font-weight:700}.cart-basic-info .user-name{font-size:.95rem}.cart-details-summary{display:flex;gap:20px}.cart-details-summary>div{font-size:.9rem}.cart-details-summary span{color:#7f8c8d;font-weight:700;margin-right:5px}.expand-icon{color:#3498db;font-size:1.2rem}.cart-details{background-color:#f9f9f9;border-top:1px solid #eee;padding:20px}.cart-products,.cart-summary-details,.user-details{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:15px;padding:15px}.cart-products h4,.cart-summary-details h4,.user-details h4{border-bottom:1px solid #eee;color:#3498db;font-size:1.1rem;margin-bottom:15px;margin-top:0;padding-bottom:10px}.user-details p{font-size:.95rem;margin:5px 0}.product-table{border-collapse:collapse;margin-top:10px;width:100%}.product-table td,.product-table th{border:1px solid #eee;padding:10px;text-align:left}.product-table th{background-color:#f8f9fa;color:#3498db;font-weight:700}.product-table tr:nth-child(2n){background-color:#f9f9f9}.product-image{border:1px solid #eee;border-radius:5px;height:50px;width:50px}.cart-summary-details{background-color:#f2f9ff}.summary-row{border-bottom:1px solid #e3f0ff;padding:8px 0}.summary-row.total{border-bottom:none;border-top:2px solid #3498db;color:#3498db;font-size:1.1rem;font-weight:700;margin-top:5px;padding-top:10px}.create-cart-btn{align-items:center;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;margin-bottom:20px;padding:10px 16px;transition:background-color .2s}.create-cart-btn:hover{background-color:#2980b9}.created-by{color:#7f8c8d;font-size:.85rem;margin-top:3px}.created-by span{color:#95a5a6;font-weight:700;margin-right:5px}.cart-modal{max-height:85vh;max-width:700px;overflow-y:auto;width:90%}.form-section{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:15px}.form-section h3{color:#3498db;font-size:1.1rem}.form-field,.form-section h3,.product-item-row{margin-bottom:15px}.product-item-row{align-items:flex-start;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;display:flex;gap:15px;padding:15px;position:relative}.product-select{flex:3 1}.quantity-input{flex:1 1;min-width:100px}.remove-item-btn{align-items:center;background-color:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:30px;justify-content:center;margin-top:14px;width:30px}.add-item-btn{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-weight:700;margin-top:10px;padding:10px 15px;width:100%}.modal-actions{gap:10px;margin-top:20px}.create-btn{background-color:#3498db;border-radius:4px;font-weight:700;padding:10px 20px}.cancel-btn{background-color:#95a5a6;padding:10px 20px}.product-option{align-items:center;display:flex;gap:10px;padding:5px 0}.product-option-image{border-radius:4px;height:30px;object-fit:cover;width:30px}.product-option-details{display:flex;flex-direction:column}.product-price{color:#3498db;font-size:.8rem;font-weight:700}.cart-actions{align-items:center;display:flex;gap:8px}.edit-cart-btn{color:#f39c12!important}.delete-cart-btn{color:#e74c3c!important}.cart-actions .MuiIconButton-root{background-color:#fffc;padding:4px}.cart-actions .MuiIconButton-root:hover{background-color:#fff}.delete-confirm{max-width:400px}.delete-confirm p{color:#333;line-height:1.5;margin:20px 0}.confirm-delete-btn{background-color:#e74c3c!important}.cancel-btn,.confirm-delete-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.cancel-btn{background-color:#7f8c8d!important;margin-left:10px}@media (max-width:768px){.cart-details-summary{display:none}.cart-header{align-items:flex-start;flex-direction:column;gap:10px}.cart-item{position:relative}.expand-icon{position:absolute;right:15px;top:15px}.product-table{display:block;overflow-x:auto}.product-item-row{flex-direction:column;gap:10px}.remove-item-btn{position:absolute;right:10px;top:10px}.quantity-input{width:100%}.cart-actions{position:absolute;right:10px;top:10px}}.coupon-management{background-color:#f8f9fa;box-sizing:border-box;min-height:calc(100vh - 40px);overflow-x:visible;padding:20px;width:100%}.coupon-management h1{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:24px;padding-bottom:12px}.actions-bar{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.actions-bar,.create-btn{align-items:center;display:flex}.create-btn{background-color:#4361ee;border:none;border-radius:5px;box-shadow:0 2px 5px #4361ee4d;color:#fff;cursor:pointer;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.create-btn:hover{background-color:#3a56d4;box-shadow:0 4px 8px #4361ee66;transform:translateY(-2px)}.create-btn:active{transform:translateY(0)}.search-container{flex:1 1;max-width:400px;position:relative}.search-container input{border:1px solid #dee2e6;border-radius:5px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;font-size:14px;padding:10px 12px 10px 38px;transition:all .2s ease;width:100%}.search-container input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee26;outline:none}.search-container:before{color:#6c757d;content:"🔍";font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.coupon-list{border-radius:8px;box-shadow:0 4px 12px #00000014;margin-bottom:40px;overflow-x:auto}.coupon-list table{background-color:#fff;border-collapse:initial;border-spacing:0;overflow:hidden;width:100%}.coupon-list td,.coupon-list th{padding:14px 16px;text-align:left;vertical-align:middle}.coupon-list th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#343a40;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.coupon-list tr{transition:background-color .2s}.coupon-list tbody tr:nth-child(2n){background-color:#f8f9fa}.coupon-list tbody tr:hover{background-color:#f0f4ff}.coupon-list td{border-bottom:1px solid #e9ecef}.coupon-code{background-color:#f0f4ff;border-radius:4px;color:#4361ee;display:inline-block;font-family:Courier New,monospace;font-weight:600;letter-spacing:.5px;padding:4px 8px}.coupon-name{color:#343a40;font-weight:500}.coupon-description{color:#6c757d;font-size:12px;margin-top:4px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;line-height:1;padding:5px 10px}.status.active{background-color:#e6f7e6;border:1px solid #c3e6cb;color:#28a745}.status.inactive{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.status:before{border-radius:50%;content:"";display:inline-block;height:8px;margin-right:6px;width:8px}.status.active:before{background-color:#28a745}.status.inactive:before{background-color:#6c757d}.inactive-row{opacity:.7}.expired{color:#dc3545;font-weight:500}.actions{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start}.actions button{align-items:center;background:none;border:none;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s ease}.actions .edit-btn:hover{background-color:#e9f2ff;color:#007bff}.actions .delete-btn:hover{background-color:#ffebee;color:#dc3545}.actions .toggle-btn:hover{background-color:#e6f7e6;color:#28a745}.actions .analytics-btn:hover{background-color:#f0f2f5;color:#6610f2}.modal{align-items:flex-start;background-color:#00000080;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:50px 0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;margin:auto;max-height:85vh;padding:30px;position:relative;width:90%}.modal-content h2{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:24px;margin-top:0;padding-bottom:12px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row .form-group{flex:1 1;margin-bottom:0}.form-group label{color:#343a40;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ced4da;border-radius:5px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group textarea{min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee26}.form-group input:disabled{background-color:#e9ecef;cursor:not-allowed}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn,.close-btn,.save-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:10px 18px;transition:all .2s ease}.save-btn{background-color:#4361ee;box-shadow:0 2px 4px #4361ee4d;color:#fff}.save-btn:hover{background-color:#3a56d4;box-shadow:0 4px 8px #4361ee66;transform:translateY(-2px)}.cancel-btn,.close-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057}.cancel-btn:hover,.close-btn:hover{background-color:#e2e6ea}.error-message{background-color:#f8d7da;border-left:4px solid #dc3545;border-radius:5px;color:#721c24;margin-bottom:24px;padding:14px}.no-coupons{background-color:#fff;box-shadow:0 4px 12px #00000014;color:#6c757d;font-size:16px;padding:60px 20px}.no-coupons,.permission-error{border-radius:8px;text-align:center}.permission-error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24;font-weight:500;margin:40px auto;max-width:600px;padding:24px}.analytics-modal .modal-content{display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow-y:auto}.analytics-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.analytics-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.analytics-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.analytics-label{color:#6c757d;font-size:14px;font-weight:500;margin-bottom:10px}.analytics-value{color:#2c3e50;font-size:26px;font-weight:600}.analytics-modal h3{border-top:1px solid #e9ecef;clear:both;margin-top:20px;padding-top:10px}.orders-table{border-collapse:initial;border-spacing:0;margin-bottom:0;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #e9ecef;padding:14px 16px;text-align:left;white-space:nowrap}.orders-table thead tr{box-shadow:0 1px 0 #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.no-orders,.orders-table tbody tr:hover,.orders-table thead tr{background-color:#f8f9fa}.no-orders{border:1px dashed #dee2e6;border-radius:8px;color:#6c757d;display:block;font-style:italic;margin-bottom:24px;padding:40px 20px;text-align:center;width:100%}@media (max-width:1200px){.analytics-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.coupon-list{overflow-x:auto}.modal-content{padding:24px;width:95%}}@media (max-width:768px){.coupon-management{padding:16px}.coupon-management h1{font-size:24px}.actions-bar{align-items:stretch;flex-direction:column}.search-container{max-width:none;width:100%}.form-row{flex-direction:column;gap:16px}.analytics-overview{gap:12px;grid-template-columns:1fr}.coupon-description{max-width:150px}.modal{align-items:flex-start;padding:16px}.modal-content{max-height:90vh;padding:20px}.actions{flex-wrap:wrap}}@media (max-width:576px){.coupon-list table{min-width:800px}.coupon-management h1{font-size:22px}.create-btn{justify-content:center;width:100%}}.coupon-list::-webkit-scrollbar,.modal-content::-webkit-scrollbar{height:8px;width:8px}.coupon-list::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.coupon-list::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.coupon-list::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.visibility{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;line-height:1;padding:5px 10px}.visibility.visible{background-color:#e3f2fd;border:1px solid #b6d4fe;color:#0d6efd}.visibility.hidden{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.visibility:before{border-radius:50%;content:"";display:inline-block;height:8px;margin-right:6px;width:8px}.visibility.visible:before{background-color:#0d6efd}.visibility.hidden:before{background-color:#6c757d}.actions .visibility-btn:hover{background-color:#e3f2fd;color:#0d6efd}.checkbox-group{display:flex;flex-direction:column}.checkbox-group label{align-items:center;cursor:pointer;display:flex;margin-bottom:5px}.checkbox-group input[type=checkbox]{cursor:pointer;margin-right:8px;width:auto}.help-text{color:#6c757d;font-size:12px;margin-left:24px}.coupon-details-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:15px}.coupon-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.detail-item{display:flex;flex-direction:column}.detail-label{color:#6c757d;font-size:12px;font-weight:500;margin-bottom:5px}.detail-value{color:#212529;font-size:14px;font-weight:500}.status-badge{padding:3px 8px}.status-badge.active{background-color:#e6f7e6;color:#28a745}.status-badge.inactive{background-color:#f8f9fa;color:#6c757d}.status-badge.visible{background-color:#e3f2fd;color:#0d6efd}.status-badge.hidden{background-color:#f8f9fa;color:#6c757d}@media (max-width:992px){.coupon-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.coupon-details-grid{grid-template-columns:1fr}}.orders-table-container{border:1px solid #e9ecef;border-radius:8px;display:block;margin-bottom:20px;max-height:300px;overflow-y:auto;position:relative;width:100%;z-index:5}.orders-table thead{background-color:#f8f9fa;box-shadow:0 1px 0 #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.skin-analysis-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.skin-analysis-container h1{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px}.filters{gap:20px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#555;font-size:.9rem;font-weight:500}.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:150px;padding:8px 12px}.analysis-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:hidden}.analysis-table{border-collapse:collapse;font-size:.9rem;width:100%}.analysis-table td,.analysis-table th{border-bottom:1px solid #eee;padding:12px;text-align:left;vertical-align:middle}.analysis-table th{background-color:#f8f9fa;color:#333;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.analysis-table tr:hover{background-color:#f5f5f5}.user-cell{align-items:center;display:flex;gap:10px}.user-avatar{height:40px;object-fit:cover;width:40px}.user-info{flex-direction:column}.user-email{color:#666;font-size:.8rem}.demographics-cell{display:flex;flex-direction:column;gap:4px}.demographics-item{display:flex;font-size:.85rem;gap:5px}.demographics-item .label{color:#555;font-weight:500;min-width:70px}.demographics-item .value{color:#333}.status-badge{font-weight:500;padding:4px 8px;text-transform:capitalize}.badge-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.badge-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.badge-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.badge-secondary{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.consult-badge{background-color:#d4edda;color:#155724;font-size:.8rem;padding:3px 8px}.consultant-name{color:#007bff;font-weight:500}.no-consultant{color:#6c757d;font-style:italic}.action-buttons{display:flex;flex-wrap:wrap;gap:5px}.action-btn{color:#fff;font-size:.9rem;justify-content:center;padding:6px 8px;transition:all .2s}.action-btn:disabled{cursor:not-allowed;opacity:.5}.details-btn{background-color:#17a2b8}.details-btn:hover:not(:disabled){background-color:#138496}.status-btn{background-color:#ffc107;color:#212529}.status-btn:hover:not(:disabled){background-color:#e0a800}.remark-btn{background-color:#6c757d}.remark-btn:hover:not(:disabled){background-color:#5a6268}.consultant-btn{background-color:#28a745}.consultant-btn:hover:not(:disabled){background-color:#218838}.report-btn{background-color:#007bff}.report-btn:hover:not(:disabled){background-color:#0056b3}.products-btn{background-color:#dc3545}.products-btn:hover:not(:disabled){background-color:#c82333}.pagination{gap:15px;margin-top:20px}.pagination button{background-color:#fff;border-radius:4px;transition:all .2s}.pagination button:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff}.pagination span{color:#333;font-weight:500}.skin-analysis-container .modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.skin-analysis-container .modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.skin-analysis-container .modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.skin-analysis-container .modal-header h2{color:#333;font-size:1.3rem;margin:0}.skin-analysis-container .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.skin-analysis-container .close-btn:hover{background-color:#e9ecef;color:#333}.skin-analysis-container .modal-body{flex:1 1;overflow-y:auto;padding:20px}.skin-analysis-container .modal-footer{background-color:#f8f9fa;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.detail-row{align-items:flex-start;margin-bottom:15px}.detail-label{color:#555;font-weight:600;margin-right:15px;min-width:150px}.detail-value{color:#333;flex:1 1}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:10px;transition:border-color .2s;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.btn-primary{background-color:#007bff;font-size:.9rem;padding:10px 20px;transition:background-color .2s}.btn-primary:hover{background-color:#0056b3}.btn-secondary{font-size:.9rem;padding:10px 20px;transition:background-color .2s}.btn-secondary:hover{background-color:#5a6268}.user-image-container{margin-top:10px}.analysis-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;max-height:400px;max-width:300px}.no-image{color:#6c757d;font-style:italic}.report-modal .modal-content{max-width:1000px;width:95vw}.concern-header,.report-summary{background-color:#f8f9fa}.severity.needs-attention{background-color:#f8d7da;color:#721c24}.concern-image img{border-radius:4px;margin-bottom:10px;max-height:200px;max-width:200px}.products-modal .modal-content{max-width:1000px;width:95vw}.user-skin-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:20px}.user-skin-info h3{color:#333;margin-bottom:15px;margin-top:0}.skin-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skin-info-item{display:flex;flex-direction:column}.info-label{color:#666;font-size:.85rem;margin-bottom:3px}.info-value{color:#333;font-weight:500}.concern-products-section{margin-bottom:25px}.concern-products-section h4{border-bottom:1px solid #ddd;color:#333;margin-bottom:10px;padding-bottom:5px}.concern-value{color:#666;font-size:.85rem;margin-bottom:15px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.product-card{background:#fff;border:1px solid #ddd;transition:box-shadow .2s}.product-card:hover{box-shadow:0 4px 12px #0000001a}.product-image{height:150px;object-fit:cover;width:100%}.product-info{padding:15px}.product-name{color:#333}.product-name,.product-price{font-weight:600;margin-bottom:8px}.product-category{background-color:#f8f9fa;border-radius:12px;color:#666;display:inline-block;font-size:.8rem;margin-bottom:8px;padding:2px 8px}.product-description{color:#555;font-size:.85rem;line-height:1.4}.no-products{color:#6c757d;padding:40px 20px}.no-products ul{margin-top:15px;padding-left:20px;text-align:left}@media (max-width:768px){.action-buttons,.filters{flex-direction:column}.action-btn{padding:8px 12px}.action-btn,.analysis-table{font-size:.8rem}.analysis-table td,.analysis-table th{padding:8px}.skin-analysis-container .modal-content{margin:10px;max-height:calc(100vh - 20px);max-width:calc(100vw - 20px)}.detail-row{flex-direction:column}.detail-label{margin-bottom:5px;min-width:auto}.report-summary{grid-template-columns:1fr 1fr}.products-grid,.skin-info-grid{grid-template-columns:1fr}}@media (max-width:480px){.skin-analysis-container{padding:10px}.analysis-table-container{overflow-x:auto}.report-summary{grid-template-columns:1fr}}.skin-concern-container{padding:20px}.header{margin-bottom:20px}.add-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 15px}.concerns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.concern-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.concern-card.inactive{background-color:#f9f9f9;opacity:.7}.concern-header{margin-bottom:10px}.concern-title{align-items:center;display:flex;gap:10px}.concern-icon{border-radius:50%;height:30px;object-fit:cover;width:30px}.status-toggle .switch{display:inline-block;height:24px;position:relative;width:50px}.status-toggle .switch input{height:0;opacity:0;width:0}.status-toggle .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.status-toggle .slider:before{background-color:#fff;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.status-toggle input:checked+.slider{background-color:#2196f3}.status-toggle input:checked+.slider:before{transform:translateX(26px)}.status-toggle .slider.round{border-radius:34px}.status-toggle .slider.round:before{border-radius:50%}.meta-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:15px}.meta-item{flex:1 1 300px;min-width:240px}.tech-name{color:#111827;font-weight:600}.description{color:#374151;margin:0}.products-section{margin-top:15px;margin:8px 0 12px}.products-section h4{color:#555;font-size:14px;margin:10px 0 5px}.group-header{align-items:baseline;display:flex;gap:8px;margin:10px 0 6px}.group-header h4{color:#444;font-size:14px;font-weight:600;margin:0}.count-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#555;display:inline-block;font-size:12px;padding:2px 8px}.product-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 8px;padding:0}.product-list li{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:8px;color:#222;display:flex;font-size:13px;gap:8px;min-height:36px;padding:8px 10px;transition:background-color .15s ease,border-color .15s ease;width:100%}.product-list li:hover{background:#f5f7fb;border-color:#e1e5ef}.product-dot{background:#0d6efd;border-radius:50%;flex-shrink:0;height:6px;width:6px}.product-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.row-remove{background:#0000;border:none;color:#9aa0a6;cursor:pointer;font-size:14px;padding:2px 4px}.row-remove:hover{color:#dc3545}.product-pills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.product-pill{align-items:center;background-color:#f0f0f0;border-radius:15px;display:flex;font-size:12px;gap:5px;padding:5px 10px}.remove-product{background:none;border:none;color:#999;cursor:pointer;font-size:10px;padding:0}.remove-product:hover{color:#d9534f}.concern-actions{border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:5px 10px}.edit-btn{background-color:#f8f9fa;color:#0d6efd}.delete-btn{background-color:#f8d7da;color:#dc3545}.products-btn{background-color:#e2f3ff;color:#0d6efd}.skin-concern-container .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.skin-concern-container .modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-height:90vh;max-width:90%;overflow-y:auto;width:500px}.skin-concern-container .products-modal{width:700px}.skin-concern-container .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.skin-concern-container .close-btn{background:none;border:none;cursor:pointer;font-size:24px}.skin-concern-container .modal-body{padding:20px}.skin-concern-container .form-group{margin-bottom:15px}.skin-concern-container .form-group label{display:block;font-weight:500;margin-bottom:5px}.skin-concern-container .form-group input,.skin-concern-container .form-group textarea{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.skin-concern-container .form-group small{color:#777;display:block;font-size:12px;margin-top:5px}.button-group{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-primary{background-color:#0d6efd}.btn-primary,.btn-secondary{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.btn-secondary{background-color:#6c757d}.btn-danger{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.warning{color:#dc3545;font-weight:500}.category-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.category-btn{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;padding:8px 15px}.category-btn.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.search-box{margin-bottom:15px}.search-box input{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}.products-list{border:1px solid #eee;border-radius:4px;max-height:400px;overflow-y:auto}.product-item{border-bottom:1px solid #eee}.product-item:last-child{border-bottom:none}.product-item:hover{background-color:#f8f9fa}.product-item.selected{background-color:#e2f3ff}.product-image{border-radius:4px;height:60px;margin-right:15px;overflow:hidden;width:60px}.product-image img{height:100%;object-fit:cover;width:100%}.no-image{align-items:center;background-color:#f8f9fa;color:#aaa;display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.product-info{flex:1 1}.product-info h4{font-size:14px;margin:0 0 5px}.product-price{color:#28a745;font-weight:500;margin:0}.selection-indicator{color:#0d6efd;width:20px}.no-products{color:#777;padding:20px;text-align:center}.modal-footer{border-top:1px solid #eee;gap:10px;padding:15px 20px}.skin-type-selector{margin-bottom:20px}.skin-type-selector h3{color:#444;font-size:16px;margin-bottom:10px}.skin-type-buttons{display:flex;flex-wrap:wrap;gap:8px}.skin-type-btn{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;min-width:100px;padding:8px 12px;text-align:center}.skin-type-btn.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.skin-type-tabs{border:1px solid #eee;border-radius:8px;margin:15px 0;overflow:hidden}.tabs-header{background-color:#f8f9fa;border-bottom:1px solid #eee;padding:10px 15px}.tabs-header h4{color:#555;font-size:14px;margin:0}.tabs-nav{display:flex;flex-wrap:wrap;gap:10px;padding:10px}.tab-count-badge{background-color:#f8f9fa;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;min-width:80px;padding:8px 12px;text-align:center}.skin-type-label{font-size:13px;font-weight:600;margin-bottom:5px}.counts{display:flex;font-size:11px;gap:8px;justify-content:center}.basic-count{color:#0d6efd}.advanced-count{color:#6610f2}.skin-type-heading{border-bottom:1px solid #eee;margin:15px 0 10px;padding-bottom:5px}.skin-type-heading h4{color:#333;font-size:15px;margin:0}.category-preview{margin-bottom:15px}.more-products{background-color:#f8f9fa;color:#6c757d;font-size:12px;font-style:italic;padding:5px;text-align:center}.current-selection-summary{align-items:center;background-color:#e9f3ff;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;margin:15px 0;padding:8px 12px}.selection-context{color:#0d6efd;font-weight:500}.selection-count{background-color:#0d6efd;border-radius:12px;color:#fff;font-size:12px;padding:2px 8px}.product-count-grid{border:1px solid #eee;border-radius:8px;margin-top:15px;overflow:hidden}.grid-header{background-color:#f8f9fa;font-weight:600}.grid-header,.grid-row{border-bottom:1px solid #eee;display:grid;grid-template-columns:2fr 1fr 1fr 2fr}.grid-row:last-child{border-bottom:none}.grid-cell{align-items:center;display:flex;padding:10px}.header-cell{color:#555;font-size:13px;font-weight:600}.type-cell{color:#333;font-weight:500}.count-cell{font-weight:600;justify-content:center}.action-cell{gap:5px}.action-cell,.view-products-btn{display:flex;justify-content:center}.view-products-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;padding:5px 8px}.view-products-btn:disabled{cursor:not-allowed;opacity:.3}.basic-btn{color:#0d6efd}.advanced-btn{color:#6610f2}.view-products-btn:hover:not(:disabled){background-color:#f0f0f0}.view-products-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.view-category-selector{display:flex;gap:10px}.view-category-btn{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 15px}.view-category-btn.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.view-skin-selector{align-items:center;display:flex;gap:10px}.skin-type-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px}.products-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:10px}.product-card{border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.product-card-image{align-items:center;background-color:#f8f9fa;display:flex;height:160px;justify-content:center;overflow:hidden}.product-card-image img{height:100%;object-fit:cover;width:100%}.product-card-info{padding:10px}.product-card-name{font-size:14px;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-price{color:#28a745;font-weight:600;margin:0 0 10px}.remove-product-btn{align-items:center;background-color:#fff;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;display:flex;font-size:12px;gap:5px;justify-content:center;padding:5px;width:100%}.remove-product-btn:hover{background-color:#dc3545;color:#fff}.no-products-found{background-color:#f8f9fa;border-radius:8px;color:#777;grid-column:1/-1;padding:30px;text-align:center}.concern-subtitle{color:#666;font-size:16px;font-weight:400;margin-left:10px}.selected-products-section{background-color:#f8f9fa;border:1px solid #eee;border-radius:8px;margin:15px 0;padding:15px}.selected-products-section h4{color:#444;font-size:14px;margin:0 0 10px}.selected-products-list{display:flex;flex-wrap:wrap;gap:8px}.selected-product-item{align-items:center;background-color:#e2f3ff;border:1px solid #c9e6ff;border-radius:20px;display:flex;font-size:13px;gap:8px;padding:5px 10px}.selected-product-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-selected-btn{align-items:center;background:none;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:2px}.remove-selected-btn:hover{background-color:#ffdee0}.stock-management{background-color:#f9f9f9;padding:20px}.stock-management h1{color:#2c3e50}.filter-section,.stock-table{margin-bottom:20px}.stock-table{border-collapse:collapse;width:100%}.stock-table td,.stock-table th{border:1px solid #ddd;padding:10px;text-align:left}.stock-table th{background-color:#2c3e50;color:#fff}.stock-table .low-stock{color:red;font-weight:700}.update-stock-btn{background-color:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px}.update-stock-btn:hover{background-color:#2980b9}.stock-management .modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.stock-management .modal-content{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:20px;width:90%}.stock-management .modal-actions{display:flex;justify-content:space-between;margin-top:20px}.feature-usage-analytics{background-color:#f9f9f9;padding:20px}h1{color:#333;margin-bottom:20px}.chart-container,.user-list{margin-bottom:40px}.user-list h2{color:#007bff;margin-bottom:10px}.user-list ul{list-style:none;padding:0}.user-list li{background-color:#fff;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.skinaa-assistant{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:78vh;padding:24px}.assistant-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);border-radius:20px;box-shadow:0 20px 40px #1e40af4d,0 4px 8px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:28px 32px;position:relative}.assistant-header:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.assistant-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(45deg,#fff 30%,#fbbf24 70%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:800;margin:0;text-shadow:0 2px 4px #0000001a}.header-stats{display:flex;gap:24px;z-index:1}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff4d;border-radius:16px;display:flex;flex-direction:column;min-width:100px;padding:20px 24px;transition:all .3s ease}.stat-card:hover{background:linear-gradient(135deg,#fbbf2433,#ffffff1a);box-shadow:0 12px 24px #fff3;transform:translateY(-4px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff 30%,#fbbf24 70%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;margin-bottom:6px}.stat-label{font-size:.8rem;font-weight:500;letter-spacing:.5px;opacity:.95;text-transform:uppercase}.assistant-filters{align-items:center;background:#fff;border:1px solid #3b82f61a;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:28px;padding:20px}.search-filter{flex:1 1;min-width:320px}.search-input{align-items:center;display:flex;position:relative}.search-input svg{color:#3b82f6;font-size:1.1rem;left:25px;position:absolute;z-index:1}.search-input input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:500;padding:16px 20px 16px 50px;transition:all .3s ease;width:100%}.search-input input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.search-input input::placeholder{color:#9ca3af;font-weight:400}.status-filter{align-items:center;background:linear-gradient(135deg,#f3f4f6,#fff);border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:16px 20px;transition:all .3s ease}.status-filter:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.status-filter svg{color:#3b82f6;font-size:1.1rem}.status-filter select{background:none;border:none;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px}.status-filter select:focus{outline:none}.new-chat-button button{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;box-shadow:0 8px 24px #f973164d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:10px;padding:16px 24px;transition:all .3s ease}.new-chat-button button:hover{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 12px 32px #f9731666;transform:translateY(-2px)}@media (max-width:1024px){.assistant-filters{gap:16px;padding:16px}.search-filter{min-width:250px}.status-filter{padding:14px 16px}.status-filter select{font-size:.95rem;min-width:120px}.new-chat-button button{font-size:.95rem;padding:14px 20px}}@media (max-width:768px){.assistant-filters{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.search-filter{min-width:auto;width:100%}.search-input input{font-size:.95rem;padding:14px 18px 14px 45px}.search-input svg{font-size:1rem;left:25px}.status-filter{gap:10px;padding:12px 16px;width:100%}.status-filter select{flex:1 1;font-size:.9rem;min-width:auto}.new-chat-button{width:100%}.new-chat-button button{font-size:.9rem;justify-content:center;padding:12px 16px;width:100%}}@media (max-width:480px){.assistant-filters{flex-direction:column;gap:10px;padding:10px}.search-filter{width:100%}.search-input input{font-size:.9rem;padding:12px 16px 12px 40px}.search-input svg{font-size:.95rem;left:25px}.status-filter{gap:8px;padding:10px 12px;width:100%}.status-filter svg{font-size:1rem}.status-filter select{font-size:.85rem;padding:4px 0}.new-chat-button button{font-size:.85rem;gap:8px;padding:11px 14px;width:100%}}.pagination-controls{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:12px 20px}.pagination-controls label{color:#374151;font-size:.95rem;font-weight:600}.limit-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.95rem;padding:8px 12px;transition:all .3s ease}.limit-select:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.limit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}@media (max-width:768px){.pagination-controls{flex-wrap:wrap;gap:10px;padding:10px 12px}.pagination-controls label{flex:1 1;font-size:.85rem;min-width:100%}.limit-select{flex:1 1;font-size:.85rem;min-width:100px;padding:8px 10px}}@media (max-width:480px){.pagination-controls{flex-direction:column;gap:8px;padding:8px 10px}.limit-select,.pagination-controls label{font-size:.8rem;width:100%}.limit-select{padding:10px 8px}}.pagination-info{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:12px;color:#1e40af;font-size:.95rem;font-weight:500;margin-bottom:12px;margin-top:16px;padding:16px 20px}.pagination-controls-bottom{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;padding:24px}.pagination-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#f0f9ff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.pagination-btn:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.page-btn{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;min-width:40px;padding:8px 12px;transition:all .3s ease}.page-btn:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.page-btn.active{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.chat-list{grid-gap:20px;display:grid;gap:20px}.chat-item{background:#fff;border:1px solid #3b82f61a;border-radius:20px;box-shadow:0 8px 32px #0000000f;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chat-item:before{background:linear-gradient(90deg,#3b82f6,#0ea5e9 50%,#f97316);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.chat-item:hover:before{transform:scaleX(1)}.chat-item:hover{border-color:#3b82f6;box-shadow:0 20px 40px #0000001f;transform:translateY(-4px)}.chat-item.overdue{background:linear-gradient(135deg,#fef2f2,#fff);border-left:4px solid #dc2626}.chat-item.overdue:after{align-items:center;animation:pulse 2s infinite;background:#dc2626;border-radius:50%;color:#fff;content:"!";display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:16px;top:16px;width:24px}.chat-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.user-info{flex:1 1;flex-direction:row;gap:16px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;box-shadow:0 6px 20px #3b82f640;color:#fff;flex-shrink:0;font-size:1.1rem;font-weight:800;height:48px;justify-content:center;position:relative;width:48px}.user-avatar:before{animation:rotate 3s linear infinite;background:linear-gradient(45deg,#f97316,#3b82f6,#0ea5e9);border-radius:50%;content:"";inset:-2px;position:absolute;z-index:-1}.user-details{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-right:10px;min-width:0}.user-details h4{color:#111827;font-size:1rem;font-weight:700;line-height:1.2;margin:0}.user-details p{color:#6b7280;font-size:.8rem;font-weight:500;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details .mobile{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;color:#374151;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.chat-meta{align-items:flex-end;display:flex;flex-direction:column;gap:10px;text-align:right}.chat-status{align-items:center;display:flex;gap:10px}.status-badge{box-shadow:0 3px 10px #00000026}.overdue-icon{animation:pulse 2s infinite;color:#dc2626;font-size:1.2rem}.chat-info{align-items:flex-end;display:flex;flex-direction:row;gap:6px}.last-message{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;gap:5px}.assigned-to{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:12px;color:#059669;font-size:.7rem;font-weight:600;padding:3px 10px}.chat-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6;border-radius:12px;padding:12px 16px}.chat-preview p{color:#374151;font-size:.9rem;font-weight:600;line-height:1.3;margin:0 0 6px}.last-message-text{color:#6b7280;display:block;font-size:.8rem;line-height:1.4}.no-chats{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000000f;padding:80px 20px;text-align:center}.no-chats svg{color:#cbd5e1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));margin-bottom:24px}.no-chats h3{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 12px}.no-chats p{color:#6b7280;font-size:1rem;font-weight:500;margin:0}.chat-view{background:#fff;border:1px solid #3b82f61a;border-radius:24px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 160px);overflow:hidden}.chat-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px 28px;position:relative}.chat-header:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.back-btn:hover{background:#ffffff40;transform:translateX(-2px)}.chat-info{flex:1 1;min-width:200px}.user-info-header{align-items:center;display:flex;gap:16px;margin-bottom:6px}.user-info-header h3{color:#fff;font-size:1.4rem;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.chat-info p{font-size:.95rem;font-weight:500;margin:0;opacity:.95}.chat-actions{align-items:center;display:flex;gap:12px}.support_chat_status{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:10px;color:#1e40af;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.support_chat_status option{background:#1e40af;color:#fff;font-weight:600;padding:10px}.status-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:10px;color:#1e40af;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.status-select option{background:#fff;color:#1e40af;padding:8px}.assign-btn,.toggle-details-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:.6rem;font-weight:400;padding:10px 16px;transition:all .3s ease}.assign-btn:hover,.status-select:hover,.toggle-details-btn:hover{background:#ffffff40;transform:translateY(-1px)}.assign-btn,.toggle-details-btn{align-items:center;display:flex;gap:6px}.chat-content,.chat-messages-section{display:flex;flex:1 1;overflow:hidden}.chat-messages-section{flex-direction:column}.message-search{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;padding:15px 20px}.message-search svg{color:#64748b}.message-search input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.9rem;padding:8px 12px}.message-search input:focus{border-color:#667eea;outline:none}.messages-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1 1;overflow-y:auto;padding:24px}.message{animation:messageSlide .3s ease;margin-bottom:24px;max-width:75%}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.admin-message{margin-left:auto}.message.user-message{margin-right:auto}.message-header{align-items:center;color:#64748b;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:5px}.sender{font-weight:600}.timestamp{font-size:.75rem}.message-content{word-wrap:break-word;border-radius:20px;font-size:.95rem;line-height:1.6;padding:16px 20px;position:relative}.admin-message .message-content{background:linear-gradient(135deg,#3b82f6,#1e40af);border-bottom-right-radius:6px;box-shadow:0 8px 24px #3b82f64d;color:#fff}.user-message .message-content{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:6px;box-shadow:0 4px 12px #00000014;color:#374151}.no-messages{color:#64748b;padding:40px 20px;text-align:center}.message-input-container{padding:24px;position:relative}.message-input{align-items:flex-end}.message-input textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:20px;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.5;max-height:200px;min-height:48px;overflow-y:auto;padding:12px 20px;resize:none;transition:all .3s ease}.message-input textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.message-input textarea::placeholder{color:#9ca3af}.message-input button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:50%;box-shadow:0 8px 24px #f973164d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:52px;justify-content:center;padding:16px;transition:all .3s ease;width:52px}.message-input button:hover{box-shadow:0 12px 32px #f9731666;transform:scale(1.1)}.user-details-panel{background:#fff;border-left:1px solid #e2e8f0;overflow-y:auto;width:450px}.user-details-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px;position:relative}@media (max-width:768px){.user-details-header{box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}}.user-details-header h4{align-items:center;color:#374151;display:flex;font-size:1.1rem;gap:8px;margin:0}.close-details{background:none;border:none;color:#64748b;cursor:pointer;padding:5px;transition:color .2s ease}.close-details:hover{color:#374151}.user-details-content{padding:20px}.user-basic-info{margin-bottom:25px}.info-group{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.info-group label{color:#374151;font-size:.9rem;font-weight:600}.info-group span{color:#64748b;font-size:.9rem}.user-activity h5,.user-cart h5,.user-orders h5{align-items:center;border-bottom:2px solid #f1f5f9;color:#374151;display:flex;font-size:1rem;gap:8px;margin:0 0 15px;padding-bottom:8px}.activity-list,.orders-list{margin-bottom:25px;margin-top:20px}.activity-item,.order-item{background:#f8fafc;border-left:3px solid #667eea;border-radius:8px;margin-bottom:8px;padding:12px}.activity-item{display:flex;flex-direction:column;gap:5px}.activity-type{color:#374151;font-size:.9rem;font-weight:500}.activity-date{color:#64748b;font-size:.8rem}.order-item{border-left-color:#10b981}.order-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.order-id{color:#374151}.order-amount{color:#10b981;font-weight:600}.order-meta{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.order-date{color:#64748b}.order-status{border-radius:12px;color:#fff;font-weight:500;padding:2px 8px}.view-all-orders{color:#667eea;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px;text-align:center}.view-all-orders:hover{text-decoration:underline}.user-cart{margin-top:25px}.cart-items{background:#f8fafc;border-radius:8px;padding:12px}.cart-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin:5px;padding:8px}.cart-item:last-child{border-bottom:none}.item-name{color:#374151;font-size:.9rem;font-weight:500}.item-quantity{color:#64748b;font-size:.8rem}.skinaa-assistant .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.skinaa-assistant .modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;overflow:hidden;width:90%}.skinaa-assistant .modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.skinaa-assistant .modal-header h3{color:#374151;margin:0}.skinaa-assistant .modal-header button{background:none;border:none;color:#64748b;cursor:pointer;padding:5px}.skinaa-assistant .modal-body{padding:20px}.skinaa-assistant .modal-body select{border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:12px;width:100%}.skinaa-assistant .modal-body select:focus{border-color:#667eea;outline:none}.skinaa-assistant .modal-footer{background:#f8fafc;display:flex;gap:10px;justify-content:flex-end;padding:20px}.skinaa-assistant .btn-primary,.skinaa-assistant .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.skinaa-assistant .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.skinaa-assistant .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.skinaa-assistant .btn-primary:disabled{cursor:not-allowed;opacity:.6}.skinaa-assistant .btn-secondary{background:#e2e8f0;color:#374151}.skinaa-assistant .btn-secondary:hover{background:#cbd5e1}.loading{color:#64748b}@media (max-width:1200px){.user-details-panel{width:300px}}@media (max-width:768px){.assistant-header{flex-direction:column;gap:20px}.header-stats{justify-content:center;width:100%}.assistant-filters{flex-direction:column;gap:15px}.search-filter{min-width:auto}.chat-item-header{align-items:flex-start;flex-direction:column;gap:15px}.chat-meta{align-items:flex-start;text-align:left}.message{max-width:85%}}@media (max-width:480px){.skinaa-assistant{padding:10px}.stat-card{padding:10px 15px}.stat-number{font-size:1.4rem}}.new-chat-view{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 140px);overflow:hidden}.new-chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:20px;padding:20px}.new-chat-header h2{font-size:1.5rem;margin:0}.new-chat-content{display:flex;flex:1 1;overflow:hidden}.user-search-section{border-right:1px solid #e2e8f0;display:flex;flex-direction:column;width:50%}.user-search-input{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;padding:20px;position:relative}.user-search-input svg{color:#64748b;left:35px;position:absolute;z-index:1}.user-search-input input{border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;padding:12px 15px 12px 45px;transition:all .2s ease;width:100%}.user-search-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.user-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.user-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s ease}.user-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-item.selected{background:#f8fafc;border-color:#667eea;box-shadow:0 4px 12px #667eea33}.no-users{color:#64748b;padding:60px 20px;text-align:center}.no-users svg{color:#cbd5e1;margin-bottom:20px}.no-users h3{color:#374151;margin:0 0 10px}.no-users p{font-size:.95rem;margin:0}.new-chat-form{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px;width:50%}.form-group{gap:8px}.form-group label{color:#374151;font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:12px 16px;transition:all .2s ease}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{display:flex;gap:12px;margin-top:auto;padding-top:20px}.new-chat-button,.new-chat-button button{align-items:center;display:flex}.new-chat-button button{font-weight:500;gap:8px;padding:10px 16px}.analysis-summary{align-items:center;color:#059669;display:flex;font-size:.85rem;gap:10px;margin-top:8px}.consult-badge{background:#10b981;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}@media (max-width:768px){.new-chat-content{flex-direction:column}.new-chat-form,.user-search-section{width:100%}.user-search-section{border-bottom:1px solid #e2e8f0;border-right:none;max-height:40vh}}.special-message{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:2px solid #e2e8f0!important;border-radius:16px!important;overflow:hidden;padding:20px!important;position:relative}.special-message:before{background:linear-gradient(90deg,#3b82f6,#1e40af);content:"";height:4px;left:0;position:absolute;right:0;top:0}.special-header{align-items:center;color:#1e40af;display:flex;font-size:1.1rem;font-weight:700;gap:10px;margin-bottom:15px}.ai-analysis{border-left:4px solid #10b981!important}.ai-analysis:before{background:linear-gradient(90deg,#10b981,#059669)}.ai-analysis .special-header{color:#059669}.analysis-details{background:#fff;border:1px solid #d1fae5;border-radius:12px;margin-bottom:15px;padding:15px}.analysis-score{color:#059669;font-size:1.2rem;font-weight:700;margin-bottom:8px}.skin-type{color:#374151;font-weight:600;margin-bottom:8px}.concerns{color:#6b7280;font-size:.9rem;margin-bottom:8px}.consultation-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-top:10px;padding:6px 12px}.product-combo{border-left:4px solid #f59e0b!important}.product-combo:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.product-combo .special-header{color:#d97706}.combo-details{background:#fff;border:1px solid #fed7aa;border-radius:12px;padding:15px}.combo-details h4{color:#9a3412;font-size:1.1rem;margin:0 0 10px}.combo-details p{color:#6b7280;font-size:.9rem;margin:0 0 15px}.combo-pricing{align-items:center;display:flex;gap:15px;margin-bottom:15px}.original-price{color:#9ca3af;font-size:.9rem;text-decoration:line-through}.discounted-price{color:#059669;font-size:1.2rem;font-weight:700}.discount-badge{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.combo-products{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.combo-product{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:10px;padding:8px}.combo-product img{border-radius:6px;height:40px;object-fit:cover;width:40px}.cart-status{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:6px 12px}.order-data{border-left:4px solid #3b82f6!important}.order-data:before{background:linear-gradient(90deg,#3b82f6,#1e40af)}.order-data .special-header{color:#1e40af}.order-details{background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:15px}.order-header{margin-bottom:15px}.order-header h4{color:#1e40af;margin:0}.order-info{grid-gap:10px;display:grid;font-size:.9rem;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px}.order-info div{background:#f8fafc;border-radius:8px;color:#374151;font-weight:600;padding:8px 12px}.order-products{display:flex;flex-direction:column;gap:8px}.order-product{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:8px}.order-product img{border-radius:6px;height:40px;object-fit:cover;width:40px}.message-input-container{background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:15px;padding:20px}.message-input{align-items:center;display:flex;gap:12px}.message-type-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.message-type-btn:hover{box-shadow:0 8px 24px #6366f14d;transform:translateY(-2px)}.message-type-btn:nth-child(3){background:linear-gradient(135deg,#10b981,#059669)}.message-type-btn:nth-child(4){background:linear-gradient(135deg,#f59e0b,#d97706)}.message-type-btn:nth-child(5){background:linear-gradient(135deg,#3b82f6,#1e40af)}.modal-content{border-radius:20px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:95%}.modal-body{max-height:70vh;overflow-y:auto;padding:25px}.ai-analysis-section,.order-data-section,.product-combo-section{display:flex;flex-direction:column;gap:20px}.ai-analysis-section h4,.order-data-section h4,.product-combo-section h4{align-items:center;color:#374151;display:flex;font-size:1.2rem;gap:10px;margin:0 0 15px}.product-list{grid-gap:15px;background:#f8fafc;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:300px;overflow-y:auto;padding:15px}.product-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s ease}.product-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.product-item img{border-radius:6px;height:40px;object-fit:cover;width:40px}.selected-products{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.selected-product{align-items:center;background:#f0f9ff;border:2px solid #bae6fd;border-radius:8px;display:flex;gap:10px;padding:10px}.selected-product img{border-radius:6px;height:40px;object-fit:cover;width:40px}.selected-product input{border:1px solid #d1d5db;border-radius:4px;padding:5px;text-align:center;width:60px}.selected-product button{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px}@media (max-width:768px){.message-input{flex-wrap:wrap}.message-type-btn{flex:1 1;justify-content:center;min-width:120px}.combo-pricing{align-items:flex-start;flex-direction:column;gap:8px}.order-info{grid-template-columns:1fr}.product-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-content{max-height:95vh;width:98%}}@media (max-width:480px){.special-message{padding:15px!important}.combo-product,.order-product{flex-direction:column;gap:8px;text-align:center}.message-type-btn{font-size:.75rem;padding:10px 12px}}.selected-files-preview{background:#f8fafc;margin-bottom:16px}.clear-files-btn{gap:4px;padding:4px 8px;transition:all .2s ease}.clear-files-btn:hover{background:#dc2626;transform:translateY(-1px)}.file-icon{color:#6b7280}.remove-file-btn{padding:4px;transition:all .2s ease}.remove-file-btn:hover{background:#dc2626}.file-input-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:50%;box-shadow:0 6px 20px #6366f14d;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;padding:16px;transition:all .3s ease;width:52px}.file-input-btn:hover{box-shadow:0 8px 24px #6366f166;transform:scale(1.1) rotate(5deg)}.file-upload-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;box-shadow:0 6px 20px #8b5cf64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:52px;justify-content:center;padding:16px;transition:all .3s ease;width:52px}.file-upload-icon:hover{box-shadow:0 8px 24px #8b5cf666;transform:scale(1.1)}.file-upload-icon:first-of-type{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 6px 20px #ec48994d}.file-upload-icon:first-of-type:hover{box-shadow:0 8px 24px #ec489966}.file-upload-icon:nth-of-type(2){background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 6px 20px #06b6d44d}.file-upload-icon:nth-of-type(2):hover{box-shadow:0 8px 24px #06b6d466}.message-attachments{gap:8px;margin-top:12px}.attachment-item{background:#ffffff1a;border:1px solid #fff3;padding:8px}.attachment-image{display:flex;flex-direction:column;gap:8px}.attachment-image img{border:1px solid #e5e7eb;transition:transform .2s ease}.attachment-image img:hover{transform:scale(1.02)}.image-info{font-size:.8rem;font-weight:500}.attachment-audio{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px}.audio-play-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;height:40px;padding:8px;transition:all .2s ease;width:40px}.audio-play-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:scale(1.1)}.audio-info{font-weight:500;gap:8px}.audio-download-btn{background:#6b7280;padding:6px;transition:all .2s ease}.audio-download-btn:hover{background:#4b5563}.attachment-video{display:flex;flex-direction:column;gap:8px}.attachment-video video{border:1px solid #e5e7eb}.video-info{font-size:.8rem;font-weight:500}.attachment-document{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px}.document-icon{color:#3b82f6;flex-shrink:0;font-size:2rem}.document-name{font-weight:600}.document-type{text-transform:uppercase}.document-download-btn{background:#3b82f6;border-radius:8px;font-size:.9rem;gap:6px;transition:all .2s ease}.document-download-btn:hover{background:#2563eb;transform:translateY(-1px)}.message-type-indicator{background:#0000001a;border-radius:12px;color:#ffffffb3;font-size:.75rem;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.user-message .message-type-indicator{background:#f3f4f6;color:#6b7280}.message-input button.sending{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none}.message-input button.sending:hover{box-shadow:none;transform:none}.message-content-wrapper{width:100%}.message-text{line-height:1.5;margin-bottom:8px}.chat-link{color:#2563eb;text-decoration:underline;word-break:break-all}.admin-message .chat-link{color:#bfdbfe}.chat-link:hover{opacity:.8}.message-bubble-footer{align-items:center;display:flex;gap:5px;justify-content:flex-end;margin-top:6px;min-height:16px}.bubble-seen-label{font-size:11px;font-style:italic;opacity:.82;white-space:nowrap}.admin-message .bubble-seen-label{color:#bfdbfe}.user-message .bubble-seen-label{color:#6b7280}.bubble-tick{flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:-2px;line-height:1}.admin-message .bubble-tick.unseen{color:#ffffff8c}.admin-message .bubble-tick.seen{color:#93c5fd}.message-content-wrapper>.message-bubble-footer{padding:2px 6px 0}.edited-badge{font-size:10px;font-style:italic;margin-right:auto;opacity:.65}.edit-msg-btn{background:none;border:none;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:11px;line-height:1;margin-left:6px;opacity:0;padding:2px 4px;transition:opacity .15s,color .15s}.message:hover .edit-msg-btn{opacity:1}.edit-msg-btn:hover{color:#3b82f6}.message-content.edit-mode{background:linear-gradient(135deg,#1e3a6e,#1e40af);border-radius:20px;border-bottom-right-radius:6px;padding:12px 14px}.edit-message-input{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.95rem;line-height:1.5;min-height:60px;outline:none;padding:8px 10px;resize:vertical;width:100%}.edit-message-input:focus{background:#ffffff2e;border-color:#fff9}.edit-actions{align-items:center;display:flex;gap:8px;margin-top:8px}.edit-window-hint{color:#ffffff80;flex:1 1;font-size:10px;font-style:italic}.edit-cancel-btn,.edit-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:opacity .15s}.edit-cancel-btn{background:#ffffff26;color:#fff}.edit-save-btn{background:#fff;color:#1e40af}.edit-save-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.attachment-image img,.attachment-video video{max-height:150px;max-width:250px}.audio-player{flex-wrap:wrap;gap:8px}.document-preview{flex-direction:column;gap:8px;text-align:center}.files-list{max-height:150px;overflow-y:auto}}@media (max-width:480px){.selected-file-item{flex-direction:column;gap:8px;text-align:center}.attachment-image img,.attachment-video video{max-height:120px;max-width:200px}.message-input{flex-wrap:wrap;gap:8px}.file-input-btn{height:44px;padding:12px;width:44px}}.view-report-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.view-report-btn:hover{box-shadow:0 6px 16px #667eea66}.download-image-btn{background:linear-gradient(135deg,#f97316,#ea580c)}.download-image-btn:hover{box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.report-modal{max-height:90vh!important;max-width:1000px!important;overflow-y:auto!important}@media (max-width:1024px){.report-modal{max-height:95vh!important;max-width:95vw!important}}@media (max-width:768px){.report-modal{border-radius:12px!important;max-height:98vh!important;max-width:98vw!important}.modal-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-header h2{font-size:1.3rem;margin:0}.report-actions{justify-content:flex-end;width:100%}.report-summary{gap:12px;grid-template-columns:repeat(2,1fr);padding:15px}.summary-item .value{font-size:1rem}.summary-item .label{font-size:.75rem}.concern-main{flex-direction:column;gap:15px}.concern-image-wrapper{min-height:200px;min-width:100%}.concern-details{width:100%}.sub-area-list{gap:12px;grid-template-columns:repeat(2,1fr)}.sub-area-image{height:80px}.modal-footer{flex-direction:column;gap:10px}.modal-footer button{width:100%}}@media (max-width:480px){.report-modal{border-radius:0!important;max-height:100vh!important;max-width:100vw!important}.modal-header{padding:15px}.modal-header h2{font-size:1.1rem}.report-actions{flex-wrap:wrap;gap:8px;width:100%}.download-pdf-btn{flex:1 1;font-size:.75rem;min-width:120px;padding:8px 12px}.close-btn{font-size:1.2rem;height:28px;width:28px}.modal-body{max-height:calc(100vh - 140px);padding:15px}.report-summary{gap:10px;grid-template-columns:1fr;padding:12px}.summary-item{padding:8px}.summary-item .value{font-size:.95rem}.summary-item .label{font-size:.7rem}.concerns-section h3,.report-description h3{font-size:1rem;margin-bottom:10px}.concern-item{border-radius:6px;margin-bottom:12px}.concern-header{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.concern-header h4{font-size:.95rem}.concern-score{justify-content:space-between;width:100%}.score{font-size:1rem}.severity{font-size:.7rem;padding:3px 8px}.concern-content{padding:12px}.concern-main{flex-direction:column;gap:12px}.concern-image-wrapper{border-radius:6px;min-height:180px;min-width:100%}.concern-image-main{border-radius:6px}.download-image-btn{font-size:.7rem;justify-content:center;padding:6px 10px;width:100%}.concern-details p{font-size:.85rem;line-height:1.4}.concern-analysis{font-size:.8rem;padding:8px}.analysis-label{font-size:.8rem}.sub-areas{margin-top:15px;padding-top:15px}.sub-areas h5{font-size:.9rem;margin-bottom:10px}.sub-area-list{gap:10px;grid-template-columns:1fr}.sub-area-item{border-radius:6px;padding:8px}.sub-area-name{font-size:.8rem;margin-bottom:6px}.sub-area-image-container{border-radius:4px}.sub-area-image{height:70px}.modal-footer{flex-direction:column;gap:8px;padding:12px}.btn-primary,.btn-secondary{font-size:.85rem;padding:10px 12px;width:100%}}.report-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.download-pdf-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.download-pdf-btn:hover{box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}.report-summary{grid-gap:15px;background-color:#f8f9fb;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px;padding:20px}.summary-item{align-items:center;display:flex;flex-direction:column;text-align:center}.summary-item .label{color:#666;font-size:.85rem;margin-bottom:5px}.summary-item .value{color:#333;font-size:1.2rem;font-weight:600}.report-description{margin-bottom:25px}.report-description h3{color:#333;margin-bottom:10px}.concerns-section h3{color:#333;margin-bottom:15px}.concerns-list{display:flex;flex-direction:column;gap:20px}.concern-item{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.concern-header{align-items:center;background-color:#f8f9fb;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.concern-header h4{color:#333;margin:0}.concern-score{align-items:center;display:flex;gap:10px}.score{color:#333;font-size:1.2rem;font-weight:600}.severity{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 12px;text-transform:uppercase}.severity.good{background-color:#d4edda;color:#155724}.severity.average{background-color:#fff3cd;color:#856404}.severity.needs{background-color:#f8d7da;color:#721c24}.concern-content{padding:15px}.concern-main{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.concern-image-wrapper{align-items:center;background-color:#f8f9fa;border:2px solid #ddd;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:250px;min-width:250px;overflow:hidden}.concern-image-main{display:block;height:100%;object-fit:cover;width:100%}.concern-details{flex:1 1}.concern-details p{color:#333;line-height:1.5;margin-bottom:10px}.concern-analysis{background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;margin-bottom:15px;padding:10px}.concern-analysis p{font-size:.9rem;margin:5px 0 0}.analysis-label{color:#007bff;font-weight:600;margin-right:5px}.sub-areas{border-top:2px solid #eee;margin-top:20px;padding-top:20px}.sub-areas h5{color:#333;font-size:1rem;font-weight:600;margin-bottom:15px}.sub-area-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));list-style:none;padding:0}.sub-area-item{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center}.sub-area-name{color:#333;font-size:.9rem;font-weight:500;margin-bottom:8px}.sub-area-image-container{background-color:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;position:relative}.sub-area-image{height:100px;object-fit:cover;width:100%}.selected-files-preview{background:#f8f9fa;border:2px dashed #cbd5e1;border-radius:12px;margin-bottom:12px;padding:16px}.files-header{color:#374151;font-weight:600;justify-content:space-between;margin-bottom:12px}.clear-files-btn,.files-header{align-items:center;display:flex}.clear-files-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;gap:6px;padding:6px 12px}.files-list{display:flex;flex-direction:column;gap:8px}.selected-file-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:10px}.file-icon{color:#667eea;font-size:1.2rem}.file-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.file-name{color:#374151;font-size:.9rem;font-weight:500}.file-size{color:#6b7280;font-size:.8rem}.remove-file-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px}.message-attachments{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.attachment-item{border-radius:8px;padding:12px}.attachment-image img{border-radius:8px;cursor:pointer;max-height:200px;max-width:300px}.image-info{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:6px;margin-top:8px}.attachment-audio{background:#f8f9fa;border-radius:8px;padding:12px}.audio-player{gap:12px}.audio-play-btn,.audio-player{align-items:center;display:flex}.audio-play-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;justify-content:center;padding:8px 12px}.audio-info{align-items:center;color:#374151;display:flex;flex:1 1;font-size:.9rem;gap:6px}.audio-download-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px}.attachment-video video{border-radius:8px;max-height:200px;max-width:300px}.video-info{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:6px;margin-top:8px}.attachment-document{background:#f8f9fa;border-radius:8px;padding:12px}.document-preview{align-items:center;display:flex;gap:12px}.document-icon{color:#667eea;font-size:1.5rem}.document-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.document-name{color:#374151;font-size:.9rem;font-weight:500}.document-type{color:#6b7280;font-size:.8rem}.document-download-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px}.message-type-indicator{color:#6b7280;text-transform:uppercase}.download-image-btn,.message-type-indicator{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:6px;margin-top:8px}.download-image-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:6px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;padding:8px 12px;transition:all .3s ease}.download-image-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.download-image-btn.small{font-size:.75rem;padding:6px 10px}.view-report-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:12px;padding:10px 16px;transition:all .3s ease}.view-report-btn:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.close-btn{font-size:1.5rem;height:32px;width:32px}.close-btn:hover{opacity:.8;transform:scale(1.1)}.modal-footer{background:#f8fafc;gap:12px;justify-content:flex-end;padding:20px}.analysis-actions,.modal-footer{border-top:1px solid #e2e8f0;display:flex}.analysis-actions{gap:8px;margin-top:10px;padding-top:10px}.download-analysis-pdf-btn,.view-analysis-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:5px;justify-content:center;padding:6px 10px;transition:all .3s ease}.view-analysis-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133;color:#fff}.view-analysis-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.download-analysis-pdf-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc262633;color:#fff}.download-analysis-pdf-btn:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.download-analysis-pdf-btn:active,.view-analysis-btn:active{transform:translateY(0)}.audio-record-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 6px 20px #ef44444d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:52px;justify-content:center;padding:16px;position:relative;transition:all .3s ease;width:52px}.audio-record-btn:hover{box-shadow:0 8px 24px #ef444466;transform:scale(1.1)}.audio-record-btn.recording{animation:recordingPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:24px;font-size:.9rem;font-weight:600;gap:8px;padding:16px 20px;width:auto}@keyframes recordingPulse{0%,to{box-shadow:0 6px 20px #ef44444d}50%{box-shadow:0 6px 30px #ef444499}}.recording-indicator{animation:blink 1s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.quick-replies-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:12px;bottom:100%;box-shadow:0 -8px 24px #0000001a;left:0;margin-bottom:8px;max-height:300px;overflow-y:auto;position:absolute;right:0}.quick-reply-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.quick-reply-item:hover{background:#f0f9ff;border-left:4px solid #3b82f6}.quick-reply-item:last-child{border-bottom:none}.quick-reply-title{color:#1f2937;font-size:.9rem;font-weight:600}.quick-reply-category{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:.75rem;padding:2px 8px}.quick-reply-toggle-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:50%;box-shadow:0 6px 20px #6366f14d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:52px;justify-content:center;padding:16px;transition:all .3s ease;width:52px}.quick-reply-toggle-btn:hover{box-shadow:0 8px 24px #6366f166;transform:scale(1.1)}@media (max-width:768px){.quick-replies-dropdown{max-height:200px}.quick-reply-toggle-btn{height:44px;padding:12px;width:44px}}@media (min-width:769px){.mobile-attach-btn,.mobile-attach-overlay,.mobile-header-actions,.mobile-menu-backdrop{display:none}}@media (max-width:768px){.skinaa-assistant{background:#f0f2f5;min-height:100dvh;padding:0}.chat-view{border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100dvh}.chat-header{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;min-height:56px;padding:8px 10px!important;position:relative}.back-btn{background:#fff3!important;border-radius:18px!important;flex-shrink:0!important;font-size:.75rem!important;font-weight:700!important;height:auto!important;letter-spacing:0!important;line-height:1.2!important;padding:6px 10px!important;white-space:nowrap!important;width:auto!important}.chat-info{flex:1 1!important;min-width:0!important}.user-info-header{align-items:center;gap:8px;margin-bottom:0}.user-info-header .user-avatar{flex-shrink:0;font-size:.85rem;height:36px;width:36px}.user-info-header .user-avatar:before{display:none}.user-info-header h3{font-size:.98rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{display:none!important}.mobile-header-actions{gap:4px}.mobile-header-actions,.mobile-icon-btn{align-items:center;display:flex!important;flex-shrink:0}.mobile-icon-btn{-webkit-tap-highlight-color:transparent;background:#00000040;border:1.5px solid #ffffffb3;border-radius:50%;box-shadow:0 1px 4px #0000004d;color:#fff;cursor:pointer;font-size:.95rem;justify-content:center;padding:10px;transition:background .15s}.mobile-icon-btn svg{fill:#fff!important;color:#fff!important;display:block}.mobile-icon-btn:active{background:#00000073}.mobile-call-btn{background:#22c55e8c;border-color:#fffc}.mobile-call-btn:active{background:#22c55ecc}.mobile-menu-backdrop{display:block!important;inset:0;position:fixed;z-index:999}.mobile-menu-dropdown{animation:fadeDropdown .15s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;min-width:230px;overflow:hidden;position:fixed;right:8px;top:56px;z-index:1000}@keyframes fadeDropdown{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-menu-status{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:10px;padding:12px 14px}.mobile-menu-label{color:#6b7280;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.mobile-status-dropdown .dropdown-selected{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.82rem;font-weight:600;padding:6px 10px}.mobile-status-dropdown .dropdown-options{font-size:.82rem;max-height:220px;overflow-y:auto}.mobile-menu-item{align-items:center;background:none;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:flex;font-size:.88rem;font-weight:500;gap:12px;padding:13px 16px;text-align:left;transition:background .15s;width:100%}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:active{background:#f9fafb}.message-search{display:none}.message-search.mobile-search-visible{animation:fadeDropdown .15s ease;display:flex}.chat-content{overflow:hidden}.chat-content,.chat-messages-section{flex:1 1;flex-direction:column;min-height:0}.chat-messages-section{display:flex}.messages-container{-webkit-overflow-scrolling:touch;background:#efeae2;flex:1 1;overflow-y:auto;padding:10px 10px 6px}.message{margin-bottom:4px;max-width:80%}.message.admin-message+.message.admin-message,.message.user-message+.message.user-message{margin-top:1px}.message-header{color:#00000073;display:flex;font-size:.65rem;gap:5px;margin-bottom:2px;padding:0 4px}.admin-message .message-header{justify-content:flex-end}.user-message .message-header{justify-content:flex-start}.sender{font-weight:700}.timestamp{opacity:.8}.message-content{border-radius:10px;font-size:.88rem;line-height:1.45;padding:7px 10px;word-break:break-word}.admin-message .message-content{border-bottom-right-radius:2px}.user-message .message-content{border-bottom-left-radius:2px}.message-input-container{background:#f0f2f5;border-top:none;bottom:0;box-shadow:none;display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px;position:-webkit-sticky;position:sticky;z-index:10}.message-input{align-items:center;background:#fff;border-radius:22px;box-shadow:0 1px 4px #0000001f;flex-wrap:nowrap!important;gap:6px;padding:4px 4px 4px 12px}.file-upload-icon,.quick-reply-toggle-btn{display:none!important}.mobile-attach-btn{align-items:center;background:none;border:none;color:#8696a0;cursor:pointer;display:flex!important;flex-shrink:0;font-size:1.15rem;height:36px;justify-content:center;padding:0 2px;transition:color .2s;width:28px}.mobile-attach-btn:active{color:#1e40af}.message-input .message-textarea{background:#0000;border:none;border-radius:0;box-shadow:none;font-size:.93rem;max-height:100px;min-height:22px;outline:none!important;padding:8px 4px}.message-input .message-textarea:focus{background:#0000;border:none;box-shadow:none;outline:none}.message-input>button:last-of-type{border-radius:50%}.audio-record-btn,.message-input>button:last-of-type{box-shadow:none;flex-shrink:0;height:38px;margin:1px;padding:0;width:38px}.audio-record-btn.recording{border-radius:18px;font-size:.8rem;margin:1px;padding:0 12px;width:auto}.mobile-attach-overlay{align-items:flex-end;background:#00000059;display:flex!important;inset:0;position:fixed;z-index:500}.mobile-attach-sheet{animation:slideUpSheet .22s ease;background:#fff;border-radius:20px 20px 0 0;padding:20px 24px 36px;width:100%}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-attach-title{color:#6b7280;font-size:.95rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:20px;text-align:center;text-transform:uppercase}.mobile-attach-options{display:flex;gap:32px;justify-content:center}.mobile-attach-option{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;flex-direction:column;font-size:.78rem;font-weight:600;gap:8px;padding:0;text-align:center}.mobile-attach-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:54px;justify-content:center;width:54px}.image-attach-icon{background:linear-gradient(135deg,#ec4899,#db2777)}.audio-attach-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.reply-attach-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);font-size:1.5rem}.user-details-panel{animation:slideUpSheet .25s ease;border-left:none!important;border-radius:20px 20px 0 0!important;border-top:2px solid #e2e8f0!important;bottom:0!important;box-shadow:0 -8px 32px #0000002e!important;left:0!important;max-height:78vh!important;overflow-y:auto!important;position:fixed!important;right:0!important;width:100%!important;z-index:300!important}.user-details-header:before{background:#d1d5db;border-radius:2px;content:"";display:block;height:4px;margin:0 auto 12px;width:40px}.chat-list{background:#fff;border-radius:0;gap:0}.chat-item{border:none;border-bottom:1px solid #f0f0f0;border-radius:0;box-shadow:none;margin-bottom:0;padding:12px 16px}.chat-item:active,.chat-item:hover{background:#f5f5f5;border-color:#f0f0f0;box-shadow:none!important;transform:none!important}.chat-item:before{display:none}.chat-item.overdue{border-left:3px solid #dc2626}.user-avatar{font-size:1rem;height:46px;width:46px}.assistant-header{border-radius:0;margin-bottom:0;padding:16px}.header-stats{gap:10px}.stat-card{border-radius:10px;padding:10px 14px}}.call-modal-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:500}.call-modal{animation:slideUpSheet .2s ease;background:#fff;border-radius:20px;box-shadow:0 20px 48px #00000040;max-width:340px;overflow:hidden;width:100%}.call-modal-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:18px 20px 14px}.call-modal-icon{color:#86efac;flex-shrink:0}.call-modal-header span{flex:1 1}.call-modal-close{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;width:28px}.call-modal-body{padding:20px 20px 16px}.call-modal-label{color:#6b7280;display:block;font-size:.78rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.call-modal-input{border:1.5px solid #d1d5db;border-radius:12px;box-sizing:border-box;color:#111827;font-size:1.1rem;letter-spacing:.05em;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.call-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.call-modal-footer{display:flex;gap:10px;padding:0 20px 20px}.call-modal-cancel{background:#fff;border:1.5px solid #e5e7eb;color:#374151;font-weight:600}.call-modal-call-btn,.call-modal-cancel{border-radius:12px;cursor:pointer;flex:1 1;font-size:.95rem;padding:12px}.call-modal-call-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e59;color:#fff;display:flex;font-weight:700;gap:7px;justify-content:center;text-decoration:none}.quick-replies-backdrop{inset:0;position:fixed;z-index:99}.quick-replies-dropdown{z-index:100}.status-note-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:600}.status-note-modal{animation:slideUpSheet .2s ease;background:#fff;border-radius:20px;box-shadow:0 24px 56px #00000038;max-width:420px;overflow:hidden;width:100%}.status-note-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;justify-content:space-between;padding:18px 20px 14px}.status-note-title{font-size:.98rem;font-weight:700}.status-note-close{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;width:28px}.status-note-transition{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px}.status-badge{font-size:.8rem;font-weight:700;padding:4px 12px;white-space:nowrap}.status-from{background:#fee2e2;color:#991b1b}.status-to{background:#dcfce7;color:#166534}.status-arrow{color:#6b7280;flex-shrink:0;font-size:1.1rem}.status-note-body{padding:18px 20px 8px}.status-note-label{color:#374151;display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.required-star{color:#ef4444;margin-left:2px}.status-note-textarea{border:1.5px solid #d1d5db;border-radius:12px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:.95rem;min-height:100px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.status-note-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.status-note-char{color:#9ca3af;display:block;font-size:.75rem;margin-top:4px;text-align:right}.status-note-footer{display:flex;gap:10px;padding:12px 20px 20px}.status-note-cancel{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;color:#374151;flex:1 1;font-weight:600}.status-note-cancel,.status-note-confirm{cursor:pointer;font-size:.95rem;padding:12px}.status-note-confirm{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:12px;color:#fff;flex:2 1;font-weight:700;transition:opacity .2s}.status-note-confirm:disabled{cursor:not-allowed;opacity:.4}.date-filter-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 16px}.date-preset-btn{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .15s;white-space:nowrap}.date-preset-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.date-preset-btn.active{background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#0000;box-shadow:0 2px 8px #3b82f659;color:#fff}.custom-date-inputs{align-items:center;display:flex;gap:8px;margin-left:4px}.date-input{border:1.5px solid #d1d5db;border-radius:8px;color:#374151;font-size:.82rem;outline:none;padding:5px 10px;transition:border-color .2s}.date-input:focus{border-color:#3b82f6}.date-sep{color:#9ca3af;font-size:.9rem}.stats-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.stats-bar .stat-card{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:90px;padding:14px 16px;transition:transform .15s,box-shadow .15s}.stats-bar .stat-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.stats-bar .stat-number{-webkit-text-fill-color:unset;background:none;font-size:1.5rem;font-weight:800}.stats-bar .stat-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;opacity:1;text-transform:uppercase}.stat-total{border-top:3px solid #6366f1}.stat-total .stat-number{color:#6366f1}.stat-new{border-top:3px solid #22c55e}.stat-new .stat-number{color:#16a34a}.stat-new .stat-label{color:#166534}.stat-inprogress{border-top:3px solid #3b82f6}.stat-inprogress .stat-number{color:#1d4ed8}.stat-pending{border-top:3px solid #f59e0b}.stat-pending .stat-number{color:#d97706}.stat-resolved{border-top:3px solid #10b981}.stat-resolved .stat-number{color:#059669}.stat-overdue{border-top:3px solid #f97316}.stat-overdue .stat-number{color:#ea580c}.stat-critical{border-top:3px solid #ef4444}.stat-critical .stat-number{color:#dc2626}@media (max-width:768px){.date-filter-bar{gap:6px;padding:10px 12px}.date-preset-btn{font-size:.78rem;padding:5px 10px}.stats-bar{gap:8px}.stats-bar .stat-card{min-width:70px;padding:10px}.stats-bar .stat-number{font-size:1.2rem}}.delete-chat-btn{align-items:center;background:#fff5f5;border:1.5px solid #fca5a5;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:background .18s,border-color .18s;white-space:nowrap}.delete-chat-btn:hover{background:#fee2e2;border-color:#ef4444}.mobile-menu-item-danger{color:#dc2626!important}.delete-chat-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:600}.delete-chat-modal{animation:slideUpSheet .2s ease;background:#fff;border-radius:20px;box-shadow:0 20px 48px #00000040;max-width:400px;overflow:hidden;width:100%}.delete-chat-modal-header{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:18px 20px 14px}.delete-chat-warn-icon{color:#fde68a;flex-shrink:0;font-size:1.1rem}.delete-chat-modal-header span{flex:1 1}.delete-chat-modal-close{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;width:28px}.delete-chat-modal-body{padding:20px 20px 16px}.delete-chat-warning-text{color:#374151;font-size:.88rem;line-height:1.5;margin:0 0 16px}.delete-chat-user-card{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;display:flex;gap:14px;margin-bottom:14px;padding:14px 16px}.delete-chat-user-avatar{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;width:44px}.delete-chat-user-info{display:flex;flex-direction:column;gap:3px}.delete-chat-user-name{color:#111827;font-size:.95rem;font-weight:700}.delete-chat-user-detail{align-items:center;color:#6b7280;display:flex;font-size:.8rem}.delete-chat-confirm-text{color:#9ca3af;font-size:.8rem;font-style:italic;margin:0}.delete-chat-modal-footer{display:flex;gap:10px;padding:0 20px 20px}.delete-chat-cancel-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px;transition:background .15s}.delete-chat-cancel-btn:hover:not(:disabled){background:#f3f4f6}.delete-chat-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.delete-chat-confirm-btn{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:12px;box-shadow:0 4px 12px #dc262659;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;padding:12px;transition:opacity .15s}.delete-chat-confirm-btn:hover:not(:disabled){opacity:.9}.delete-chat-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.chat-notes-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:15px}.notes-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.notes-header,.notes-header h5{align-items:center;display:flex}.notes-header h5{color:#374151;font-size:1rem;font-weight:600;gap:8px;margin:0}.notes-header h5 svg{color:#667eea}.permission-badge{align-items:center;background:#fef3c7;border-radius:6px;color:#92400e;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px}.permission-badge svg{font-size:.8rem}.notes-permission-error{align-items:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;display:flex;gap:8px;margin-bottom:15px;padding:12px}.notes-permission-error p{align-items:center;color:#991b1b;display:flex;font-size:.9rem;gap:6px;margin:0}.notes-permission-error svg{font-size:1rem}.notes-list-container{margin-bottom:15px;max-height:300px;overflow-y:auto;padding:10px 0}.notes-list-container::-webkit-scrollbar{width:6px}.notes-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.notes-list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.notes-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notes-list{display:flex;flex-direction:column;gap:10px}.note-item{background:#fff;border-left:3px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:10px;padding:12px;transition:all .2s ease}.note-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.note-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.note-text{word-wrap:break-word;color:#374151;font-size:.9rem;line-height:1.4;margin:0;white-space:pre-wrap}.note-attachments{background:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:8px}.attachment-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:8px;justify-content:space-between;padding:6px 8px}.attachment-link{align-items:center;color:#667eea;display:flex;flex:1 1;font-size:.85rem;gap:6px;min-width:0;text-decoration:none;transition:all .2s ease}.attachment-link:hover{color:#764ba2;text-decoration:underline}.attachment-link svg{flex-shrink:0}.attachment-size{color:#9ca3af;font-size:.75rem;white-space:nowrap}.note-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:8px;justify-content:space-between}.note-creator{color:#667eea;font-weight:600}.note-time{color:#9ca3af;font-weight:500}.note-role{background:#dbeafe;border-radius:4px;color:#1e40af;display:inline-block;font-size:.7rem;font-weight:600;padding:2px 6px}.delete-note-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;justify-content:center;padding:6px 8px;transition:all .2s ease}.delete-note-btn:hover{box-shadow:0 4px 8px #ef44444d;transform:scale(1.05)}.delete-note-btn:active{transform:scale(.95)}.notes-empty{color:#9ca3af;padding:30px 15px;text-align:center}.notes-empty p{font-size:.9rem;margin:0}.notes-loading{align-items:center;color:#667eea;display:flex;flex-direction:column;justify-content:center;padding:30px 15px}.notes-loading .spinner{animation:spin 1s linear infinite;font-size:1.5rem;margin-bottom:10px}.notes-loading p{font-size:.9rem;margin:0}.notes-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:15px;padding:12px}.notes-error p{color:#991b1b;font-size:.9rem;margin:0 0 8px}.add-note-form{border-top:1px solid #e2e8f0;gap:10px;padding-top:10px}.add-note-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px;position:relative}.note-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-family:inherit;font-size:.9rem;padding:10px 12px;resize:vertical;transition:all .2s ease}.note-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.char-count,.note-input::placeholder{color:#9ca3af}.char-count{font-size:.75rem;text-align:right}.file-upload-section{display:flex;flex-direction:column;gap:8px}.file-upload-label{align-items:center;background:#f9fafb;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .2s ease}.file-upload-label:hover{background:#f3f4f6;border-color:#667eea}.file-input{display:none}.upload-btn{align-items:center;color:#667eea;display:flex;font-size:.9rem;font-weight:600;gap:6px}.upload-btn svg{font-size:1rem}.attachments-preview{background:#f9fafb;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:8px}.attachments-title{color:#6b7280;font-size:.8rem;font-weight:600;margin:0}.attachment-preview{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:8px;justify-content:space-between;padding:6px 8px}.attachment-name{align-items:center;color:#374151;display:flex;flex:1 1;font-size:.85rem;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-name svg{color:#667eea;flex-shrink:0}.remove-attachment-btn{background:#fee2e2;border:none;border-radius:4px;color:#991b1b;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:600;padding:4px 6px;transition:all .2s ease}.remove-attachment-btn:hover{background:#fecaca}.validation-error{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.8rem;font-weight:500;padding:8px 10px}.add-note-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.add-note-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.add-note-btn:active:not(:disabled){transform:translateY(0)}.add-note-btn:disabled{cursor:not-allowed;opacity:.6}.add-note-btn .spinner{animation:spin 1s linear infinite}@media (max-width:768px){.chat-notes-section{margin-bottom:20px;padding:12px}.notes-header{align-items:flex-start;flex-direction:column;gap:8px}.notes-header h5{font-size:.95rem}.permission-badge{font-size:.7rem}.notes-list-container{max-height:250px}.note-item{gap:8px;padding:10px}.note-text{font-size:.85rem}.note-meta{align-items:flex-start;flex-direction:column;gap:4px}.delete-note-btn{font-size:.75rem;padding:5px 6px}.note-input{font-size:.85rem;padding:8px 10px}.add-note-btn{font-size:.85rem;padding:9px 14px}.file-upload-label{padding:10px}.upload-btn{font-size:.85rem}}@media (max-width:480px){.chat-notes-section{margin-bottom:15px;padding:10px}.notes-header h5{font-size:.9rem}.notes-list-container{max-height:200px}.note-item{flex-direction:column;padding:8px}.note-text{font-size:.8rem}.note-meta{width:100%}.delete-note-btn{align-self:flex-end;padding:4px 6px}.note-input{font-size:.8rem;padding:8px}.add-note-btn{font-size:.8rem;padding:8px 12px}.attachment-item{align-items:flex-start;flex-direction:column}.attachment-size{align-self:flex-end}}.status-history-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:15px}.history-header{border-bottom:2px solid #e2e8f0;margin-bottom:15px;padding-bottom:10px}.history-header h5{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.history-header h5 svg{color:#667eea}.history-list-container{margin-bottom:0;max-height:300px;overflow-y:auto;padding:10px 0}.history-list-container::-webkit-scrollbar{width:6px}.history-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.history-list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.history-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{align-items:center;background:#fff;border-left:3px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #0000000d;gap:10px;padding:12px;transition:all .2s ease}.history-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.history-content{flex:1 1;flex-direction:column;gap:8px;min-width:0}.status-transition{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-badge{border-radius:12px;box-shadow:0 2px 4px #00000026;color:#fff;display:inline-block;font-size:.75rem;letter-spacing:.3px;padding:4px 10px}.transition-arrow{color:#9ca3af;font-size:.9rem;font-weight:600}.history-meta{align-items:center;display:flex;font-size:.75rem;gap:8px;justify-content:space-between}.history-changer{color:#667eea;font-weight:600}.history-time{color:#9ca3af;font-weight:500}.view-details-btn{transition:all .2s ease}.view-details-btn:active{transform:translateY(0)}.history-empty{color:#9ca3af;padding:30px 15px;text-align:center}.history-empty p{font-size:.9rem;margin:0}.history-loading{align-items:center;color:#667eea;display:flex;flex-direction:column;justify-content:center;padding:30px 15px}.history-loading .spinner{animation:spin 1s linear infinite;font-size:1.5rem;margin-bottom:10px}.history-loading p{font-size:.9rem;margin:0}.history-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:15px;padding:12px}.history-error p{color:#991b1b;font-size:.9rem;margin:0 0 8px}.retry-btn{transition:all .2s ease}.retry-btn:hover{transform:translateY(-1px)}.status-detail-popup-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.status-detail-popup{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:500px;overflow:hidden;width:90%}.popup-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.popup-header h4{font-size:1.1rem;font-weight:600;margin:0}.close-popup-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:6px;transition:all .2s ease}.close-popup-btn:hover{background:#ffffff4d;transform:scale(1.1)}.popup-content{display:flex;flex-direction:column;gap:15px;padding:20px}.detail-row{flex-direction:column;gap:6px}.detail-row label{color:#374151;font-size:.9rem;font-weight:600}.detail-row .status-badge-large{border-radius:12px;box-shadow:0 2px 4px #00000026;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.detail-value{background:#f3f4f6;border-left:3px solid #667eea;border-radius:8px;color:#6b7280;font-size:.95rem;padding:8px 12px}.popup-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:15px 20px}.close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.close-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.close-btn:active{transform:translateY(0)}@media (max-width:768px){.status-history-section{margin-bottom:20px;padding:12px}.history-header h5{font-size:.95rem}.history-list-container{max-height:250px}.history-item{flex-direction:column;gap:8px;padding:10px}.status-transition{width:100%}.history-meta{align-items:flex-start;flex-direction:column;gap:4px;width:100%}.view-details-btn{align-self:flex-start;font-size:.7rem;padding:5px 10px}.status-detail-popup{max-width:90vw;width:95%}.popup-header{padding:15px}.popup-header h4{font-size:1rem}.popup-content{gap:12px;padding:15px}.detail-row label{font-size:.85rem}.detail-value{font-size:.9rem}}@media (max-width:480px){.status-history-section{margin-bottom:15px;padding:10px}.history-header h5{font-size:.9rem}.history-list-container{max-height:200px}.history-item{padding:8px}.status-badge{font-size:.7rem;padding:3px 8px}.transition-arrow{font-size:.8rem}.history-meta{font-size:.7rem}.view-details-btn{font-size:.65rem;padding:4px 8px}.status-detail-popup{width:98%}.popup-header{padding:12px}.popup-header h4{font-size:.95rem}.close-popup-btn{font-size:.9rem;padding:4px}.popup-content{gap:10px;padding:12px}.detail-row label{font-size:.8rem}.detail-value{font-size:.85rem;padding:6px 10px}.popup-footer{padding:10px 12px}.close-btn{font-size:.8rem;padding:8px 16px}}.call-logs-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:15px}.call-logs-header{border-bottom:2px solid #e2e8f0;margin-bottom:15px;padding-bottom:10px}.call-logs-header h5{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.call-logs-header h5 svg{color:#22c55e}.call-logs-list-container{max-height:300px;overflow-y:auto;padding:4px 0}.call-logs-list-container::-webkit-scrollbar{width:6px}.call-logs-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.call-logs-list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.call-logs-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.call-logs-list{display:flex;flex-direction:column;gap:10px}.call-log-item{align-items:center;background:#fff;border-left:3px solid #22c55e;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:10px;padding:12px;transition:box-shadow .2s,transform .2s}.call-log-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.call-log-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;height:34px;justify-content:center;width:34px}.call-log-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.call-log-number{color:#111827;font-size:.95rem;font-weight:700}.no-number{color:#9ca3af;font-style:italic;font-weight:400}.call-log-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.call-log-status-badge{background:#dcfce7;border-radius:10px;color:#166534;display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px}.call-log-by{color:#667eea;font-size:.75rem;font-weight:600}.call-log-time{color:#9ca3af;font-size:.72rem}.view-details-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:600;padding:6px 12px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.view-details-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.call-logs-empty,.call-logs-loading{color:#9ca3af;font-size:.9rem;padding:28px 15px;text-align:center}.call-logs-loading{align-items:center;color:#22c55e;display:flex;flex-direction:column;gap:8px}.call-logs-loading .spinner{animation:spin 1s linear infinite;font-size:1.4rem}.call-logs-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:12px}.call-logs-error p{color:#991b1b;font-size:.9rem;margin:0 0 8px}.retry-btn{background:#dc2626;border-radius:6px;font-size:.8rem;padding:6px 12px;transition:background .2s}.retry-btn:hover{background:#b91c1c}.call-log-popup-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.call-log-popup{animation:slideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000002e;max-width:420px;overflow:hidden;width:90%}.call-log-popup .popup-header{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;display:flex;justify-content:space-between;padding:18px 20px}.call-log-popup .popup-header h4{align-items:center;display:flex;font-size:1.05rem;font-weight:600;gap:8px;margin:0}.call-log-popup .close-popup-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:6px;transition:background .2s}.call-log-popup .close-popup-btn:hover{background:#ffffff4d}.call-log-popup .popup-content{display:flex;flex-direction:column;gap:14px;padding:20px}.call-log-popup .detail-row{display:flex;flex-direction:column;gap:5px}.call-log-popup .detail-row label{color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.call-log-popup .detail-value{background:#f3f4f6;border-left:3px solid #22c55e;border-radius:8px;color:#6b7280;font-size:.95rem;padding:8px 12px}.call-log-popup .popup-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:14px 20px}.call-log-popup .close-btn{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 22px;transition:opacity .2s}.call-log-popup .close-btn:hover{opacity:.9}@media (max-width:768px){.call-logs-section{margin-bottom:20px;padding:12px}.call-logs-list-container{max-height:250px}.call-log-item{padding:10px}.call-log-popup{width:95%}}.custom-dropdown{min-width:150px;position:relative;z-index:1001}.dropdown-selected{align-items:center;background:#2c3e50;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;-webkit-user-select:none;user-select:none}.dropdown-selected:hover{background:#34495e}.dropdown-arrow{font-size:10px;margin-left:8px}.dropdown-options{background:#2c3e50;border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.dropdown-option{color:#fff;cursor:pointer;font-size:14px;padding:10px 12px;transition:background .2s}.dropdown-option:hover{background:#34495e}.dropdown-option.active{background:#667eea}.logs-analytics{margin:0 auto;max-width:1400px;padding:20px}.access-denied{background:#fff0f0;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;font-size:1.2rem;font-weight:600;margin:48px auto;max-width:480px;padding:32px;text-align:center}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header h2{color:#333;font-size:2rem;margin:0}.period-selector{display:flex;gap:8px}.period-selector button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .2s}.period-selector button:hover{background:#f5f5f5}.period-selector button.active{background:#007bff;border-color:#007bff;color:#fff}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.card{border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.card h3{color:#666;font-size:.9rem;font-weight:500;margin:0 0 12px}.card .value{color:#333;font-size:2.2rem;font-weight:700}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.chart-card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.chart-card.full-width{grid-column:1/-1}.chart-card h3{color:#333;font-size:1.1rem;margin:0 0 20px}.stat-item{margin-bottom:12px}.stat-bar{border-radius:4px;height:8px;margin-bottom:4px;min-width:20px}.stat-label{display:flex;font-size:.9rem;justify-content:space-between}.stat-label .type{color:#666;text-transform:capitalize}.stat-label .count{color:#333;font-weight:700}.device-chart-container{align-items:center;display:flex;gap:30px;justify-content:space-between}.device-pie-chart{background:conic-gradient(#3ddc84 0deg 347deg,#007aff 347deg 1turn);box-shadow:0 4px 12px #0000001a;height:120px;position:relative;width:120px}.device-pie-chart,.pie-center{align-items:center;border-radius:50%;display:flex;justify-content:center}.pie-center{background:#fff;box-shadow:0 2px 8px #0000001a;flex-direction:column;height:70px;position:absolute;width:70px}.total-devices{color:#333;font-size:1.2rem;font-weight:700;line-height:1}.total-label{color:#666;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.device-legend{display:flex;flex:1 1;flex-direction:column;gap:16px}.legend-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:12px;padding:12px;transition:transform .2s,box-shadow .2s}.legend-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.legend-color{border-radius:50%;box-shadow:0 2px 4px #0003;flex-shrink:0;height:16px;width:16px}.legend-info{flex:1 1}.legend-platform{align-items:center;display:flex;gap:8px;margin-bottom:4px}.platform-icon{font-size:1.2rem}.platform-name{color:#333;font-size:.9rem;font-weight:600}.legend-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.device-count{color:#333;font-size:1.1rem;font-weight:700}.device-percentage{background:#e9ecef;border-radius:12px;color:#666;font-size:.9rem;font-weight:600;padding:2px 8px}.progress-bar{background:#e9ecef;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{border-radius:3px;height:100%;position:relative;transition:width .8s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.version-stats{display:flex;flex-direction:column;gap:12px}.version-item{align-items:center;display:flex;gap:12px}.version{color:#333;font-weight:700;min-width:60px}.version-bar{background:#f0f0f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.version-fill{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .3s ease}.version-count{color:#666;font-weight:700;min-width:40px;text-align:right}.filters-section{margin-bottom:20px;margin-top:25px}.filters-section h3{color:#333;font-size:1.3rem;margin-bottom:10px}.filter-tabs{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.filters-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:20px}.advanced-filters,.basic-filters{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.advanced-filters h4,.basic-filters h4{border-bottom:2px solid #007bff;color:#495057;display:inline-block;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.advanced-filters h4{border-bottom-color:#28a745}.advanced-filters .filters,.basic-filters .filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.advanced-filters .filters input,.advanced-filters .filters select,.basic-filters .filters input,.basic-filters .filters select{background:#fff;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.advanced-filters .filters input:focus,.advanced-filters .filters select:focus,.basic-filters .filters input:focus,.basic-filters .filters select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.search-section{align-items:center;border-top:1px solid #eee;display:flex;gap:12px;padding-top:16px}.search-input{border:2px solid #ddd;border-radius:8px;flex:1 1;font-size:1rem;padding:10px 16px;transition:border-color .2s}.search-input:focus{border-color:#007bff;outline:none}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filters input,.filters select{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:8px 12px}.filters input[type=text]{min-width:250px}.clear-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px}.clear-btn:hover{background:#c82333}.logs-table{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.logs-table table{border-collapse:collapse;width:100%}.logs-table th{background:#f8f9fa;border-bottom:1px solid #eee;color:#333;font-weight:600;padding:16px;text-align:left}.logs-table td{border-bottom:1px solid #f0f0f0;padding:16px;vertical-align:top}.logs-table tr:hover{background:#f8f9fa}.user-type-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.user-info .name{color:#333;font-weight:700;margin-bottom:2px}.user-info .mobile{color:#666;font-size:.9rem;margin-bottom:2px}.user-info .email{color:#007bff;font-size:.9rem}.user-info .no-info{color:#999;font-style:italic}.user-info .user-id{color:#888;font-family:monospace;font-size:.8rem}.user-info:hover{background:#f0f8ff;border-radius:4px;margin:-4px;padding:4px}.device-info .device-type{color:#333;font-weight:700;margin-bottom:4px}.device-info .device-model{color:#666;font-size:.8rem}.device-info .device-brand{color:#888;font-size:.8rem}.device-info .time-ago{color:#007bff;margin-top:4px}.device-info .time-ago,.status{font-size:.8rem;font-weight:500}.status{border-radius:12px;padding:4px 8px}.status.logged-in{background:#d4edda;color:#155724}.status.guest{background:#f8d7da;color:#721c24}.pagination{align-items:center;background:#f8f9fa;display:flex;gap:16px;justify-content:center;padding:20px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:8px 16px}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button:not(:disabled):hover{background:#f5f5f5}.loading{color:#666;font-size:1.1rem;padding:40px;text-align:center}@media (max-width:768px){.charts-row,.filters-row{grid-template-columns:1fr}.filters-row{gap:20px}.advanced-filters .filters,.basic-filters .filters{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.filters input,.filters select{width:100%}.logs-table{overflow-x:auto}.device-stats{flex-direction:column;gap:16px}.device-chart-container{align-items:center;flex-direction:column;gap:20px}.device-pie-chart{height:100px;width:100px}.pie-center{height:60px;width:60px}.total-devices{font-size:1rem}.search-section{flex-direction:column}.modal-content{max-height:90vh;overflow-y:auto;width:95%}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:800px;overflow-y:auto;width:80%}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#333;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.close-btn:hover{background:#e9ecef}.modal-body{padding:24px}.user-summary{grid-gap:16px;background:#f8f9fa;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:16px}.summary-item{font-size:.9rem}.journey-timeline{margin-bottom:24px}.journey-timeline h4{color:#333;margin:0 0 16px}.timeline-item{align-items:center;display:flex;margin-bottom:16px;position:relative}.timeline-item:not(:last-child):after{background:#ddd;content:"";height:20px;left:10px;position:absolute;top:24px;width:2px}.timeline-item.completed:after{background:#28a745}.timeline-marker{background:#ddd;border-radius:50%;flex-shrink:0;height:20px;margin-right:16px;width:20px}.timeline-item.completed .timeline-marker{background:#28a745}.timeline-content{flex:1 1}.step-title{color:#333;font-size:.9rem;font-weight:700}.step-date{color:#666;font-size:.8rem;margin-top:2px}.journey-logs h4{color:#333;margin:0 0 16px}.journey-list{border:1px solid #eee;border-radius:8px;max-height:300px;overflow-y:auto}.journey-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 16px}.journey-item:last-child{border-bottom:none}.journey-type{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;min-width:100px;padding:4px 8px;text-align:center;text-transform:capitalize}.journey-date{color:#666;font-size:.8rem;min-width:120px}.journey-device{color:#888;font-size:.8rem;text-transform:uppercase}.free-product-free-product-management{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.free-product-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.free-product-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.free-product-header-actions{display:flex;gap:12px}.free-product-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.free-product-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.free-product-btn-primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.free-product-btn-secondary{background:#6c757d;color:#fff}.free-product-btn-secondary:hover{background:#5a6268}.free-product-btn-success{background:#28a745;color:#fff}.free-product-btn-success:hover{background:#218838}.free-product-btn-warning{background:#ffc107;color:#212529}.free-product-btn-warning:hover{background:#e0a800}.free-product-btn-danger{background:#dc3545;color:#fff}.free-product-btn-danger:hover{background:#c82333}.free-product-btn-analytics{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.free-product-btn-analytics:hover{box-shadow:0 4px 15px #f093fb66;transform:translateY(-2px)}.free-product-stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.free-product-stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px;text-align:center;transition:transform .3s ease}.free-product-stat-card:hover{transform:translateY(-5px)}.free-product-stat-card h3{color:#6c757d;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.free-product-stat-number{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.free-product-stat-number.active{color:#28a745}.free-product-free-products-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.free-product-free-product-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.free-product-free-product-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.free-product-product-image{height:200px;overflow:hidden;position:relative}.free-product-product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.free-product-free-product-card:hover .free-product-product-image img{transform:scale(1.05)}.free-product-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:5px 12px;position:absolute;right:10px;text-transform:uppercase;top:10px}.free-product-status-badge.active{background:#d4edda;color:#155724}.free-product-status-badge.inactive{background:#f8d7da;color:#721c24}.free-product-product-info{padding:20px}.free-product-product-info h3{color:#2c3e50;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 15px}.free-product-product-details{margin-bottom:15px}.free-product-detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0}.free-product-detail-row .free-product-label{color:#6c757d;font-size:13px;font-weight:500}.free-product-detail-row .free-product-value{color:#2c3e50;font-size:14px;font-weight:600}.free-product-description{border-top:1px solid #e9ecef;color:#6c757d;font-size:13px;line-height:1.4;margin:0;padding:10px 0}.free-product-product-actions{background:#f8f9fa;display:flex;flex-wrap:wrap;gap:8px;padding:15px 20px}.free-product-product-actions .free-product-btn{flex:1 1;font-size:12px;min-width:80px;padding:8px 12px;text-align:center}.free-product-empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center}.free-product-empty-state h3{color:#6c757d;margin-bottom:10px}.free-product-empty-state p{color:#adb5bd}.free-product-loading{color:#6c757d;font-size:18px;padding:60px 20px;text-align:center}.free-product-free-product-management .free-product-modal-overlay{align-items:center!important;background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.free-product-free-product-management .free-product-modal{background:#fff!important;border:none!important;border-radius:16px!important;box-shadow:0 20px 60px #0000004d!important;margin:0!important;max-height:85vh!important;max-width:650px!important;overflow-y:auto!important;width:100%!important}.free-product-free-product-management .free-product-analytics-modal{max-width:900px!important}.free-product-free-product-management .free-product-modal-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:2px solid #f1f3f4!important;border-radius:16px 16px 0 0!important;display:flex!important;justify-content:space-between!important;padding:25px 30px!important}.free-product-free-product-management .free-product-modal-header h2{color:#fff!important;font-size:24px!important;font-weight:600!important;margin:0!important}.free-product-free-product-management .free-product-close-btn{align-items:center!important;background:#fff3!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:36px!important;justify-content:center!important;padding:8px!important;transition:all .3s ease!important;width:36px!important}.free-product-free-product-management .free-product-close-btn:hover{background:#ffffff4d!important;transform:scale(1.1)!important}.free-product-free-product-management .free-product-modal-form{background:#fff!important;padding:30px!important}.free-product-free-product-management .free-product-form-group{margin-bottom:24px!important}.free-product-free-product-management .free-product-form-row{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important;margin-bottom:24px!important}.free-product-free-product-management .free-product-form-group label{color:#2c3e50!important;display:block!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:8px!important;text-transform:uppercase!important}.free-product-free-product-management .free-product-form-group input,.free-product-free-product-management .free-product-form-group select,.free-product-free-product-management .free-product-form-group textarea{background:#fff!important;border:2px solid #e1e8ed!important;border-radius:8px!important;box-sizing:border-box!important;color:#2c3e50!important;font-family:inherit!important;font-size:14px!important;padding:12px 16px!important;transition:all .3s ease!important;width:100%!important}.free-product-free-product-management .free-product-form-group input:focus,.free-product-free-product-management .free-product-form-group select:focus,.free-product-free-product-management .free-product-form-group textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important;transform:translateY(-1px)!important}.free-product-free-product-management .free-product-multi-select{min-height:120px!important;padding:8px!important}.free-product-free-product-management .free-product-checkbox-group{align-items:center!important;display:flex!important;margin-bottom:20px!important}.free-product-free-product-management .free-product-checkbox-group label{align-items:center!important;color:#2c3e50!important;cursor:pointer!important;display:flex!important;font-weight:500!important;letter-spacing:normal!important;margin:0!important;text-transform:none!important}.free-product-free-product-management .free-product-checkbox-group input[type=checkbox]{accent-color:#667eea!important;height:18px!important;margin-right:10px!important;width:18px!important}.free-product-free-product-management .free-product-form-group small{color:#6c757d!important;display:block!important;font-size:12px!important;font-style:italic!important;margin-top:6px!important}.free-product-free-product-management .free-product-modal-actions{border-top:2px solid #f1f3f4!important;display:flex!important;gap:15px!important;justify-content:flex-end!important;margin-top:20px!important;padding-top:25px!important}.free-product-free-product-management .free-product-modal-actions .free-product-btn{border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;min-width:100px!important;padding:12px 24px!important;transition:all .3s ease!important}.free-product-free-product-management .free-product-modal-actions .free-product-btn-secondary{background:#6c757d!important;color:#fff!important}.free-product-free-product-management .free-product-modal-actions .free-product-btn-secondary:hover{background:#5a6268!important;transform:translateY(-2px)!important}.free-product-free-product-management .free-product-modal-actions .free-product-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.free-product-free-product-management .free-product-modal-actions .free-product-btn-primary:hover{box-shadow:0 8px 25px #667eea66!important;transform:translateY(-2px)!important}.free-product-analytics-content{padding:20px}.free-product-analytics-overview{margin-bottom:30px}.free-product-analytics-overview h3{color:#2c3e50;font-size:20px;margin-bottom:15px}.free-product-analytics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.free-product-analytics-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.free-product-analytics-card h4{color:#6c757d;font-size:12px;font-weight:500;margin:0 0 8px;text-transform:uppercase}.free-product-analytics-card p{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.free-product-most-used-products h3{color:#2c3e50;font-size:20px;margin-bottom:15px}.free-product-products-list{display:flex;flex-direction:column;gap:12px}.free-product-product-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px}.free-product-rank{color:#667eea;font-size:18px;font-weight:700;min-width:30px}.free-product-product-thumb{border-radius:6px;height:50px;object-fit:cover;width:50px}.free-product-product-item .free-product-product-details h4{color:#2c3e50;font-size:16px;margin:0 0 5px}.free-product-product-item .free-product-product-details p{color:#6c757d;font-size:14px;margin:0}@media (max-width:768px){.free-product-free-product-management{padding:15px}.free-product-header{flex-direction:column;gap:15px;text-align:center}.free-product-header-actions{justify-content:center;width:100%}.free-product-stats-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.free-product-free-products-grid{gap:20px;grid-template-columns:1fr}.free-product-free-product-management .free-product-form-row{gap:15px!important;grid-template-columns:1fr!important}.free-product-free-product-management .free-product-modal{margin:10px!important;max-height:calc(100vh - 20px)!important;max-width:calc(100vw - 20px)!important}.free-product-free-product-management .free-product-modal-form,.free-product-free-product-management .free-product-modal-header{padding:20px!important}.free-product-free-product-management .free-product-modal-actions{flex-direction:column!important;gap:10px!important}.free-product-free-product-management .free-product-modal-actions .free-product-btn{width:100%!important}.free-product-product-actions{flex-direction:column}.free-product-product-actions .free-product-btn{flex:none}}@media (max-width:480px){.free-product-header h1{font-size:24px}.free-product-btn{font-size:13px;padding:8px 16px}.free-product-stat-number{font-size:24px}.free-product-analytics-grid{grid-template-columns:1fr}.free-product-free-product-management .free-product-modal-header h2{font-size:20px!important}}.oa-root{background:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:24px}.oa-header{margin-bottom:20px}.oa-title{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 4px}.oa-subtitle{color:#64748b;font-size:13px;margin:0}.oa-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:4px;margin-bottom:20px}.oa-tab{background:none;border:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:color .15s,border-color .15s}.oa-tab:hover{color:#334155}.oa-tab-active{background:#eef2ff;border-bottom-color:#6366f1;color:#6366f1}.oa-filter-bar{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:14px 16px}.oa-input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:13px;height:36px;outline:none;padding:0 10px;transition:border-color .15s}.oa-input:focus{background:#fff;border-color:#6366f1}.oa-input-sm{width:80px}.oa-select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;cursor:pointer;font-size:13px;height:36px;min-width:130px;outline:none;padding:0 8px}.oa-select:focus{border-color:#6366f1}.oa-date-group{display:flex;flex-direction:column;gap:2px}.oa-date-group label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.oa-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;height:32px;padding:0 12px;transition:background .15s,border-color .15s}.oa-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.oa-btn:disabled{cursor:not-allowed;opacity:.4}.oa-btn-ghost{background:#0000;border-color:#0000;color:#ef4444}.oa-btn-ghost:hover{background:#fef2f2;border-color:#fecaca}.oa-btn-sm{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5;font-size:12px;height:28px;padding:0 10px}.oa-btn-sm:hover:not(:disabled){background:#e0e7ff}.oa-summary-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.oa-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;min-width:130px;padding:10px 16px}.oa-stat span{color:#6366f1;font-size:22px;font-weight:700}.oa-stat label{color:#64748b;font-size:11px;margin-top:2px;text-align:center}.oa-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:20px}.oa-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;padding:16px}.oa-card-val{color:#4f46e5;font-size:24px;font-weight:700}.oa-card-label{color:#64748b;font-size:11px;line-height:1.4;margin-top:4px;text-align:center}.oa-card-green .oa-card-val{color:#16a34a}.oa-card-indigo .oa-card-val{color:#7c3aed}.oa-card-teal .oa-card-val{color:#0d9488}.oa-stat-rate span{color:#7c3aed}.oa-stat-green span{color:#16a34a}.oa-stat-indigo span{color:#7c3aed}.oa-stat-fresh span{color:#0d9488}.oa-breakdowns{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.oa-breakdown-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;padding:14px}.oa-breakdown-card h4{border-bottom:1px solid #f1f5f9;color:#374151;font-size:13px;font-weight:600;margin:0 0 10px;padding-bottom:8px}.oa-breakdown-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;padding:4px 0}.oa-bd-label{color:#374151;flex:1 1;font-weight:500}.oa-bd-count{background:#f1f5f9;border-radius:10px;color:#374151;padding:1px 6px}.oa-bd-count,.oa-bd-revenue{font-size:11px;font-weight:600}.oa-bd-revenue{color:#16a34a}.oa-monthly-trend{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:16px}.oa-monthly-trend h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 14px}.oa-trend-bars{align-items:flex-end;display:flex;gap:8px;min-height:160px;overflow-x:auto;padding-bottom:8px}.oa-trend-col{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:64px}.oa-trend-rev{color:#64748b;font-size:9px;line-height:1.2;text-align:center}.oa-trend-bar-wrap{align-items:flex-end;background:#f1f5f9;border-radius:4px 4px 0 0;display:flex;height:80px;overflow:hidden;width:36px}.oa-trend-bar{background:linear-gradient(0deg,#6366f1,#818cf8);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease;width:100%}.oa-trend-count{color:#4f46e5;font-size:12px;font-weight:700}.oa-trend-label{color:#64748b;font-size:10px;text-align:center;white-space:nowrap}.oa-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000d;margin-bottom:16px;overflow-x:auto}.oa-table{border-collapse:collapse;font-size:13px;width:100%}.oa-th{border-bottom:2px solid #e2e8f0;color:#374151;font-size:12px;font-weight:600;letter-spacing:.4px;padding:10px 12px;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.oa-th,.oa-th-fixed{background:#f8fafc;position:-webkit-sticky;position:sticky}.oa-th-fixed{left:0;z-index:2}.oa-th-order{background:#eef2ff;color:#4f46e5;min-width:150px}.oa-th-month{background:#f0fdf4;color:#15803d;min-width:170px}.oa-row{border-bottom:1px solid #f1f5f9;transition:background .1s}.oa-row:hover{background:#f8fafc}.oa-cell{color:#374151;padding:10px 12px;vertical-align:top}.oa-cell-sno{background:#fff;color:#94a3b8;font-size:12px;left:0;position:-webkit-sticky;position:sticky;white-space:nowrap}.oa-row:hover .oa-cell-sno{background:#f8fafc}.oa-cell-name{background:#fff;left:40px;min-width:140px;position:-webkit-sticky;position:sticky}.oa-row:hover .oa-cell-name{background:#f8fafc}.oa-cell-mobile{background:#fff;color:#1e293b;font-weight:500;left:180px;min-width:110px;position:-webkit-sticky;position:sticky;white-space:nowrap}.oa-row:hover .oa-cell-mobile{background:#f8fafc}.oa-cell-email{color:#64748b;font-size:12px;min-width:180px}.oa-cell-center{text-align:center}.oa-cell-order{background:#fafbff;border-left:1px solid #e8ecff;min-width:150px;padding:8px 10px}.oa-cell-empty{background:#fafafa;color:#cbd5e1;font-size:18px;min-width:150px;text-align:center}.oa-cell-month{border-left:1px solid #e8ecff;min-width:170px;padding:6px 8px;vertical-align:top}.oa-cell-month-active{background:#f0fdf4;border-left-color:#86efac}.oa-cell-month .oa-month-empty{color:#cbd5e1;display:block;font-size:18px;padding:10px 0;text-align:center}.oa-month-orders{display:flex;flex-direction:column;gap:6px}.oa-month-order{background:#fff;border:1px solid #d1fae5;border-radius:6px;padding:5px 7px}.oa-name{color:#1e293b;font-size:13px;font-weight:600}.oa-email{color:#94a3b8;font-size:11px;margin-top:1px}.oa-order-id{color:#4f46e5;font-size:12px;font-weight:700}.oa-order-date{color:#64748b;font-size:11px;margin:1px 0}.oa-badge{border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;white-space:nowrap}.oa-count-badge{background:#eef2ff;border-radius:20px;color:#4f46e5;display:inline-block;font-size:14px;font-weight:700;padding:2px 10px}.oa-status-list{display:flex;flex-wrap:wrap;gap:3px}.oa-expand-cell{background:#f8fafc;border-top:none;padding:0}.oa-order-list{padding:12px 20px}.oa-inner-table{border-collapse:collapse;font-size:12px;width:100%}.oa-inner-table th{background:#e8ecff;border:none;color:#4f46e5;font-weight:600;padding:6px 10px;text-align:left}.oa-inner-table td{border-bottom:1px solid #f1f5f9;color:#374151;padding:6px 10px}.oa-inner-table tr:last-child td{border-bottom:none}.oa-loading{color:#6366f1;font-size:15px;font-weight:600}.oa-empty,.oa-loading{padding:40px;text-align:center}.oa-empty{color:#94a3b8;font-size:14px}.oa-pagination{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px 0}.oa-pag-info{color:#64748b;margin-right:8px}.oa-pag-cur{color:#374151;font-weight:600;margin:0 4px}@media (max-width:768px){.oa-root{padding:12px}.oa-title{font-size:18px}.oa-summary-grid{grid-template-columns:repeat(2,1fr)}.oa-breakdowns{grid-template-columns:1fr 1fr}.oa-filter-bar{gap:6px}}.create-order-container{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.create-order-wrapper{margin:0 auto;max-width:1200px;padding:24px}.create-order-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:24px;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.create-order-header,.create-order-header-left{align-items:center;display:flex;gap:16px}.create-order-header-actions{display:flex;gap:12px}.create-order-back-button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.create-order-back-button:hover{background:#5856eb}.create-order-title{color:#1f2937;font-size:28px;font-weight:700;margin:0}.create-order-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.create-order-main-form{display:flex;flex-direction:column;gap:10px}.create-order-order-summary-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.create-order-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.create-order-section-title{align-items:center;border-bottom:2px solid #f3f4f6;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px;padding-bottom:12px}.create-order-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.create-order-form-grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.create-order-form-group{display:flex;flex-direction:column}.create-order-form-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:6px}.create-order-form-input,.create-order-form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:90%!important}.create-order-form-input:focus,.create-order-form-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.create-order-form-input[readonly]{background:#f9fafb;color:#6b7280}.create-order-selected-products-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.create-order-selected-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.create-order-selected-product-card{background:#f0fdf4;border:1px solid #10b981;border-radius:8px;padding:12px;position:relative}.create-order-selected-product-card .create-order-product-image{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;height:80px;justify-content:center;margin-bottom:8px;overflow:hidden;width:100%}.create-order-selected-product-card .create-order-product-info h4{color:#1f2937;font-size:12px;font-weight:600;line-height:1.2;margin:0 0 4px}.create-order-selected-product-card .create-order-product-price{color:#059669;font-size:14px;font-weight:700;margin:2px 0}.create-order-remove-product-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.create-order-remove-product-btn:hover{background:#dc2626}.create-order-products-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.create-order-product-search-container{margin-bottom:20px}.create-order-product-search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin-bottom:8px;padding:12px 16px;width:100%}.create-order-products-count{color:#6b7280;font-size:12px}.create-order-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);max-height:400px;overflow-y:auto;padding:4px}.create-order-product-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;position:relative;transition:all .2s ease}.create-order-product-card:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f61f;transform:translateY(-2px)}.create-order-product-image{align-items:center;background:#f9fafb;border-radius:6px;display:flex;flex-shrink:0;height:140px;justify-content:center;overflow:hidden;width:100%}.create-order-product-image img{height:100%;object-fit:cover;width:100%}.create-order-no-image{color:#9ca3af;font-size:12px;font-weight:500}.create-order-product-details{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.create-order-product-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin:0;min-height:36px;overflow:hidden}.create-order-product-prices{align-items:center;display:flex;gap:12px}.create-order-product-mrp{color:#6b7280;font-size:14px;text-decoration:line-through}.create-order-product-price{color:#059669;font-size:16px;font-weight:700;margin:0}.create-order-product-meta{color:#6b7280;display:flex;font-size:12px;gap:16px}.create-order-product-batch{margin:0}.create-order-product-stock{font-weight:500;margin:0}.create-order-quantity-controls{align-items:center;display:flex;gap:8px;margin-top:8px}.create-order-add-to-cart-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background .2s}.create-order-add-to-cart-btn.free{background:#f59e0b;color:#fff}.create-order-add-to-cart-btn.free:hover{background:#d97706}.create-order-add-to-cart-btn:hover{background:#059669}.create-order-free-badge{background:#f59e0b;border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.create-order-free-price{color:#f59e0b;font-size:16px;font-weight:700;margin:0}.create-order-quantity-selector{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;gap:8px;padding:4px 8px}.create-order-quantity-btn{align-items:center;background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.create-order-quantity-display{font-size:14px;font-weight:600;min-width:20px;text-align:center}.create-order-order-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.create-order-summary-title{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.create-order-summary-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.create-order-summary-row:last-child{border-bottom:none;color:#1f2937;font-size:16px;font-weight:600}.create-order-summary-label{color:#6b7280;font-size:14px}.create-order-summary-value{color:#1f2937;font-size:14px;font-weight:500}.create-order-same-address-checkbox{align-items:center;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;gap:8px;margin:16px 0;padding:12px}.create-order-same-address-checkbox input{margin:0}.create-order-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.create-order-action-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.create-order-action-button.primary{background:#10b981;color:#fff}.create-order-action-button.primary:hover{background:#059669}.create-order-action-button.secondary{background:#6b7280;color:#fff}.create-order-action-button.invoice{background:#f59e0b;color:#fff}.create-order-action-button.invoice:hover{background:#d97706}.create-order-action-button.receipt{background:#8b5cf6;color:#fff}.create-order-action-button.receipt:hover{background:#7c3aed}.create-order-action-button.link{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.create-order-action-button.link:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.create-order-action-button.link:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.create-order-loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.create-order-loading-spinner{animation:create-order-spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes create-order-spin{to{transform:rotate(1turn)}}.create-order-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-order-modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.create-order-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.create-order-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.create-order-modal-body{padding:24px}@media (max-width:1024px){.create-order-content{grid-template-columns:1fr}.create-order-order-summary-sidebar{position:static}.create-order-products-grid,.create-order-selected-products-grid{grid-template-columns:repeat(3,1fr)}.create-order-products-grid{gap:14px}}@media (max-width:768px){.create-order-wrapper{padding:16px}.create-order-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.create-order-title{font-size:24px}.create-order-form-section{padding:20px}.create-order-form-grid-2{grid-template-columns:1fr}.create-order-products-grid,.create-order-selected-products-grid{grid-template-columns:repeat(2,1fr)}.create-order-products-grid{gap:12px}.create-order-product-image{height:120px}.create-order-product-details{padding:12px}.create-order-form-actions{flex-direction:column}}.create-order-remove-selected-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px;z-index:10}.create-order-remove-selected-btn:hover{box-shadow:0 4px 12px #ef444480;transform:scale(1.1) rotate(90deg)}.order-link-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:12px;position:fixed;right:0;top:0;z-index:9999}.order-link-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:auto;max-width:600px;overflow:hidden;width:100%}.order-link-modal-header{padding:32px 32px 24px;text-align:center}.order-link-modal-header.loading{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:2px solid #bae6fd}.order-link-modal-header.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:2px solid #a7f3d0}.order-link-modal-icon{align-items:center;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.order-link-modal-icon.loading{background:#fff}.order-link-modal-icon.success{animation:successPop .5s ease;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.spinner-large{animation:spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.order-link-modal-header h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.order-link-modal-header.loading h3{color:#1e40af}.order-link-modal-header.success h3{color:#065f46}.order-link-modal-header p{color:#6b7280;font-size:15px;font-weight:500;margin:0}.order-link-modal-body{padding:24px 32px}.order-link-info-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.order-link-info-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center}.info-label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-value{color:#1f2937;display:block;font-family:Courier New,monospace;font-size:16px;font-weight:700}.order-link-copy-section{margin-bottom:24px}.link-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.order-link-input-wrapper{display:flex;flex-direction:column;gap:8px}.order-link-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;font-family:Courier New,monospace;font-size:14px;font-weight:500;padding:12px 16px;width:100%}.order-link-copy-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;transition:all .2s ease;white-space:nowrap;width:100%}.order-link-copy-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.order-link-modal-footer{display:flex;flex-direction:column;gap:12px;padding:20px 32px 32px}.order-link-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.order-link-action-btn.open{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.order-link-action-btn.open:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.order-link-action-btn.whatsapp{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.order-link-action-btn.whatsapp:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.order-link-action-btn.close{background:#f3f4f6;border:2px solid #e5e7eb;color:#6b7280}.order-link-action-btn.close:hover{background:#e5e7eb;color:#374151}@media (max-width:640px){.order-link-modal{border-radius:16px;margin:0;max-width:calc(100% - 24px)}.order-link-modal-header{padding:20px 16px 16px}.order-link-modal-body{padding:16px}.order-link-modal-footer{padding:12px 16px 20px}.order-link-info-cards{gap:10px;grid-template-columns:1fr;margin-bottom:16px}.order-link-info-card{padding:12px}.order-link-modal-icon{font-size:32px;height:56px;margin-bottom:12px;width:56px}.order-link-modal-header h3{font-size:18px;line-height:1.3;margin-bottom:4px}.order-link-modal-header p{font-size:13px}.order-link-copy-section{margin-bottom:16px}.order-link-input{font-size:11px;padding:10px 12px}.order-link-copy-btn{font-size:13px;padding:10px 16px}.order-link-action-btn{font-size:13px;gap:6px;padding:11px 18px}.order-link-modal-footer{gap:10px}.info-value{font-size:13px;word-break:break-all}.info-label{font-size:10px;margin-bottom:6px}.link-label{font-size:12px;margin-bottom:6px}.spinner-large{border-width:3px;height:40px;width:40px}}@media (min-width:641px){.order-link-input-wrapper{flex-direction:row}.order-link-input{flex:1 1;width:auto}.order-link-copy-btn{width:auto}}.create-order-saved-address-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:10px;margin-bottom:16px;padding:16px}.create-order-saved-address-section .create-order-form-label{align-items:center;color:#0c4a6e;display:flex;font-weight:600;gap:8px}.create-order-saved-address-section .create-order-form-label:before{content:"📍";font-size:16px}.create-order-saved-address-section .create-order-form-select{background:#fff;border:2px solid #0ea5e9;font-weight:500}.create-order-saved-address-section .create-order-form-select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e91a}body{background-color:#f9f9f9;font-family:Arial,sans-serif}.login-page{align-items:center;background-color:#f4f6f9;display:flex;height:100vh;justify-content:center}.login-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:30px;text-align:center;width:100%}.login-card h2{color:#007bff;font-size:2rem;margin-bottom:20px}.login-card .form-group{margin-bottom:20px;text-align:left}.login-card .form-group label{color:#555;display:block;font-weight:700;margin-bottom:8px}.login-card .form-group input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px;transition:border-color .3s ease;width:100%}.login-card .form-group input:focus{border-color:#007bff;outline:none}.login-card .error{color:red;font-size:.9rem;margin-bottom:15px}.login-card .login-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:background-color .3s ease,transform .2s ease;width:100%}.login-card .login-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.login-card .login-btn:active{transform:translateY(0)}@media (max-width:768px){.login-card{padding:20px}.login-card h2{font-size:1.8rem}.login-card .form-group input{font-size:.9rem}.login-card .login-btn{font-size:.9rem;padding:10px}}@media (max-width:480px){.login-card{padding:15px}.login-card h2{font-size:1.5rem}.login-card .form-group input{font-size:.8rem}.login-card .login-btn{font-size:.8rem;padding:8px}}.public-order-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.public-order-wrapper{margin:0 auto;max-width:1400px}.order-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.brand-section{flex:1 1}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:700;margin:0 0 4px}.brand-subtitle{color:#6b7280;font-size:16px;font-weight:500;margin:0}.order-status-section{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;margin-right:0;margin-top:0;padding:8px 16px;text-transform:uppercase}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fbbf24);border:1px solid #f59e0b;color:#92400e}.order-id{background:linear-gradient(135deg,#1f2937,#374151);border-radius:8px;color:#10b981;font-family:Courier New,monospace;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px}.order-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;margin-bottom:24px}.public-order-main-content{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.section-title{border-bottom:2px solid #f3f4f6;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.public-order-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.public-order-product-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;position:relative;transition:all .2s ease}.public-order-product-card:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f61f;transform:translateY(-2px)}.public-order-product-card.free{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.public-order-product-image{background:#f9fafb;height:140px;overflow:hidden;position:relative;width:100%}.public-order-product-image img{height:100%;object-fit:cover;width:100%}.public-order-no-image{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;font-size:12px;font-weight:500;height:100%;justify-content:center;width:100%}.public-order-free-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.public-order-product-details{padding:16px}.public-order-product-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 8px;min-height:36px;overflow:hidden}.public-order-product-prices{align-items:center;display:flex;gap:8px;margin-bottom:8px}.public-order-product-mrp{color:#9ca3af;font-size:12px;font-weight:500;text-decoration:line-through}.public-order-product-price{color:#1f2937;font-size:16px;font-weight:700}.public-order-free-price{color:#10b981;font-size:16px;font-weight:700}.public-order-product-meta{align-items:center;display:flex;justify-content:space-between}.public-order-product-quantity{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:12px;font-weight:600;padding:4px 8px}.form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:16px}.form-group.full-width{grid-column:1/-1}.form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder{color:#9ca3af}.order-summary-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.order-summary{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.summary-title{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.summary-row{align-items:center;border-bottom:1px solid #f9fafb;display:flex;justify-content:space-between;padding:12px 0}.summary-row:last-child{border-bottom:none}.summary-label{color:#6b7280;font-size:14px;font-weight:500}.summary-value{color:#1f2937;font-size:14px;font-weight:600}.summary-row.discount .summary-value{color:#dc2626}.summary-row.free .summary-value{color:#10b981}.summary-divider{background:#f3f4f6;height:2px;margin:16px 0}.summary-row.total{border-top:2px solid #e5e7eb;margin-top:8px;padding:16px 0}.summary-row.total .summary-label,.summary-row.total .summary-value{color:#1f2937;font-size:18px;font-weight:700}.summary-row.saved{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:10px;margin-top:12px;padding:12px 16px}.summary-row.saved .summary-label,.summary-row.saved .summary-value{color:#065f46;font-weight:700}.payment-section{border-top:2px solid #f3f4f6;margin-top:24px;padding-top:20px}.pay-now-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;margin-bottom:16px;padding:16px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.pay-now-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b9814d;transform:translateY(-2px)}.pay-now-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-security{color:#6b7280;font-size:12px;text-align:center}.payment-security p{margin:4px 0}.order-footer{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:20px 32px;text-align:center}.expiry-info p{color:#dc2626;font-size:14px;font-weight:600;margin:0 0 8px}.company-info p{color:#6b7280;font-size:12px;margin:0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 20px;width:40px}.error-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin:100px auto;max-width:500px;padding:40px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.error-container h2{color:#dc2626;margin-bottom:12px}.error-container p{color:#6b7280;margin-bottom:24px}.retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.retry-btn:hover{background:#2563eb}.validation-error-banner{animation:slideDown .3s ease;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #ef4444;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.error-icon-wrapper{flex-shrink:0;font-size:24px}.error-content h4{color:#dc2626;font-size:16px;font-weight:700;margin:0 0 8px}.error-content ul{color:#991b1b;margin:0;padding-left:20px}.error-content li{font-size:14px;font-weight:500;margin:4px 0}.form-input.error{animation:shake .3s ease;background:#fef2f2;border-color:#ef4444}.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441a}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-modal-header{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:2px solid #fecaca;padding:24px;text-align:center}.error-modal-icon{animation:bounce .6s ease;font-size:48px;margin-bottom:12px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-modal-header h3{color:#dc2626;font-size:20px;font-weight:700;margin:0}.error-modal-body{padding:24px}.error-modal-body p{color:#374151;font-size:15px;font-weight:500;margin:0 0 16px}.error-list{list-style:none;margin:0;padding:0}.error-list li{align-items:center;background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;color:#991b1b;display:flex;font-size:14px;font-weight:600;gap:10px;margin:8px 0;padding:10px 16px}.error-bullet{color:#ef4444;font-size:18px;font-weight:700}.error-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 24px}.error-modal-close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 24px;transition:all .2s ease;width:100%}.error-modal-close-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.error-modal-close-btn:active{transform:translateY(0)}@media (max-width:1024px){.order-content{gap:20px;grid-template-columns:1fr}.order-summary-sidebar{order:-1;position:static}.public-order-products-grid{gap:14px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.public-order-container{padding:12px}.order-header{flex-direction:column;gap:16px;padding:16px 20px;text-align:center}.order-status-section{align-items:center}.brand-title{font-size:28px}.form-section{padding:16px}.form-grid-2,.form-grid-3{gap:12px;grid-template-columns:1fr}.public-order-products-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.public-order-product-image{height:120px}.public-order-product-details{padding:12px}}@media (max-width:480px){.public-order-container{padding:8px}.order-header{padding:12px 16px}.brand-title{font-size:24px}.form-section{padding:12px}.order-summary{padding:16px}.pay-now-btn{font-size:14px;padding:14px 20px}}:root{--blue-600:#2563eb;--blue-700:#1d4ed8;--red-400:#f87171;--orange-400:#fb923c}body{background-color:#f9fafb;color:#1f2937;font-family:Inter,sans-serif}.hero-section{background:linear-gradient(135deg,#3b82f6,#fff);color:#fff;justify-content:center;padding:4rem 2rem}.hero-container,.hero-section{align-items:center;display:flex}.hero-container{flex-wrap:wrap;gap:2rem;justify-content:space-between;max-width:1200px;width:100%}.hero-content{flex:1 1;max-width:600px;text-align:left}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.download-buttons{display:flex;gap:1rem}.download-button{background:none;border:none;cursor:pointer;display:inline-block;padding:0}.store-icon{height:auto;width:150px}.hero-logo{align-items:center;display:flex;flex:1 1;justify-content:center}.app-logo{border-radius:12px;box-shadow:0 8px 15px #0000001a;height:auto;width:200px}.about-section{align-items:center;background-color:#f3f4f6;display:flex;justify-content:center;padding:4rem 2rem}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;max-width:1200px;width:100%}.about-image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.about-image{border-radius:12px;box-shadow:0 4px 10px #0000001a;max-width:100%}.about-content{flex:1 1;max-width:600px;text-align:left}.section-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1rem}.about-description{color:#4b5563;font-size:.82rem;line-height:1.6}.about-description ul{list-style-type:disc;margin-top:1rem;padding-left:1.5rem}.about-description ul li{margin-bottom:.5rem}.screenshots-section{background-color:#f3f4f6;padding:4rem 1rem;text-align:center}.slider-container{border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden;position:relative}.slider-wrapper{display:flex;transition:transform .5s ease-in-out}.slider-image{flex-shrink:0;height:auto;object-fit:contain;width:100%}.slider-button{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s;width:40px;z-index:10}.slider-button:hover{background-color:#000c}.slider-button.prev{left:10px}.slider-button.next{right:10px}@media (max-width:768px){.slider-container{max-width:90%}.slider-image{max-height:500px}.slider-button{font-size:1.2rem;height:30px;width:30px}}@media (max-width:480px){.slider-image{max-height:400px}.slider-button{font-size:1rem;height:25px;width:25px}}.features-section{background-color:#f9fafb;padding:4rem 2rem;text-align:center}.features-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.feature-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease;width:300px}.feature-card:hover{transform:scale(1.05)}.cta-section{background-color:#2563eb;background-color:var(--blue-600);padding-bottom:5rem;padding-top:5rem;text-align:center}.cta-title{color:#fff;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{color:#bfdbfe;font-size:1.125rem;margin-bottom:2rem}.footer{background-color:#1f2937;color:#fff;padding:2rem;text-align:center}@media (max-width:202px){.hero-section{flex-direction:column;padding:2rem 1rem;text-align:center}.hero-container{flex-direction:column;gap:2rem}.hero-content{max-width:100%;text-align:center}.hero-title{font-size:2rem}.hero-description{font-size:1rem;margin:1rem 0}.download-buttons{flex-direction:column;gap:1rem}.hero-logo{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}.app-logo{height:60px;width:60px}.about-section{flex-direction:column;padding:2rem 1rem}.about-container{flex-direction:column;gap:2rem}.about-content{max-width:100%;text-align:center}.about-description ul{padding-left:1rem}.about-image{width:100%}.screenshots-section{padding:2rem 1rem}.slider-container{max-width:100%}.features-section{padding:2rem 1rem}.features-container{flex-direction:column;gap:1.5rem}.feature-card{width:100%}.footer{padding:1rem}}@media (min-width:768px){.hero-logo-mb{display:none}}@media (max-width:768px){.hero-logo-mb.d-flex img{height:100px;width:100px}.hero-logo-mb.d-flex h3{color:#000;font-size:1.6rem;margin-left:15px;margin-top:10px}.d-flex{display:flex}.hero-title{display:none}.about-section{flex-direction:column;padding:2rem 1rem}.about-container{flex-direction:column;gap:2rem}.about-content{max-width:100%;text-align:center}.about-description ul{padding-left:1rem}.about-image{width:100%}.hero-logo{display:none}}.promo-video-section{background-color:#fff;padding:4rem 2rem;text-align:center}.video-container{margin:0 auto;max-width:1000px}.video-wrapper{border-radius:10px;box-shadow:0 10px 25px #0000001a;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-wrapper iframe{border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}.app-features-section{background:linear-gradient(180deg,#fff,#f0f9ff);padding:5rem 2rem;position:relative;text-align:center}.app-features-section:before{background:linear-gradient(90deg,#3b82f6,#2dd4bf);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.app-features-section .section-title{display:inline-block;margin-bottom:3rem;padding-bottom:15px;position:relative}.app-features-section .section-title:after{background:linear-gradient(90deg,#3b82f6,#2dd4bf);border-radius:2px;bottom:0;content:"";height:3px;left:25%;position:absolute;width:50%}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:1rem 0}.app-feature{align-items:center;background-color:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 25px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.app-feature:before{background:linear-gradient(90deg,#3b82f6,#2dd4bf);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.app-feature:hover{box-shadow:0 20px 30px #00000026;transform:translateY(-8px)}.feature-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2dd4bf);-webkit-background-clip:text;display:inline-block;font-size:3rem;margin-bottom:1.5rem}.app-feature h3{color:#1f2937;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.app-feature p{color:#6b7280;font-size:1rem;line-height:1.7}.app-feature.highlight{background:linear-gradient(135deg,#eff6ff,#f0fdfa);transform:scale(1.05)}.app-feature.highlight:before{background:linear-gradient(90deg,#2563eb,#0d9488);height:6px}.app-feature.highlight .feature-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#0d9488);-webkit-background-clip:text;font-size:3.5rem}.app-feature.highlight:hover{transform:scale(1.05) translateY(-8px)}.ai-analysis-section{background:url(https://img.freepik.com/free-vector/abstract-technology-particle-background_52683-25766.jpg) 50%/cover no-repeat;background-blend-mode:overlay;background-color:#e0f2fee6;padding:5rem 2rem;position:relative}.ai-container{position:relative;z-index:2}.ai-header{margin-bottom:3.5rem}.ai-header .section-title{color:#1e40af;display:inline-block;font-size:2.5rem;margin-bottom:1.5rem;padding-bottom:15px;position:relative}.ai-header .section-title:after{background:linear-gradient(90deg,#3b82f6,#2dd4bf);border-radius:2px;bottom:0;content:"";height:4px;left:25%;position:absolute;width:50%}.ai-description{color:#1f2937;font-size:1.2rem;line-height:1.7}.ai-features{grid-gap:2.5rem;gap:2.5rem;perspective:1000px}.ai-feature-card{border:1px solid #3b82f633;border-radius:16px;box-shadow:0 15px 30px #0000001a;padding:2.5rem;transform-style:preserve-3d;transition:transform .4s ease,box-shadow .4s ease}.ai-feature-card:hover{box-shadow:0 25px 50px #0003;transform:translateY(-10px) rotateX(5deg)}.ai-feature-card h3{color:#1e40af;font-size:1.4rem;margin-bottom:1.5rem;padding-bottom:15px}.ai-feature-card h3:after{background:linear-gradient(90deg,#3b82f6,#2dd4bf);border-radius:2px;height:4px;width:60px}.ai-feature-card li{margin-bottom:.8rem;position:relative}.ai-feature-card ul li:before{color:#2563eb;content:"✓";display:inline-block;font-weight:700;margin-left:-1.5em;width:1.5em}.ai-feature-card ol li:before{color:#2563eb;font-weight:700}.consultation-section{background-image:radial-gradient(circle at 25% 25%,#3b82f60d 0,#0000 50%),radial-gradient(circle at 75% 75%,#2dd4bf0d 0,#0000 50%);padding:5rem 2rem;position:relative}.consultation-section:after{background:linear-gradient(90deg,#3b82f6,#2dd4bf);bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}.consultation-container{gap:3rem}.consultation-content .section-title{color:#1e40af;display:inline-block;font-size:2.5rem;margin-bottom:1.5rem;padding-bottom:15px;position:relative}.consultation-content .section-title:after{background:linear-gradient(90deg,#3b82f6,#2dd4bf);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:100px}.consultation-description{font-size:1.2rem;line-height:1.7;margin-bottom:2.5rem}.consultation-benefits{grid-gap:2rem;gap:2rem}.consultation-benefit{background-color:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 25px #00000014;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.consultation-benefit:before{background:linear-gradient(90deg,#3b82f6,#2dd4bf);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.consultation-benefit:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.benefit-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2dd4bf);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:1.5rem}.consultation-benefit h3{font-size:1.3rem;margin-bottom:1rem}.consultation-benefit p{font-size:1rem;line-height:1.6}.consultation-image img{border:5px solid #fff;border-radius:16px;box-shadow:0 20px 40px #00000026;transition:transform .3s ease}.consultation-image img:hover{transform:scale(1.03)}.featured-highlights{background:linear-gradient(135deg,#1e40af,#0d9488);color:#fff;margin:0 auto;padding:3rem 2rem;text-align:center}.highlights-container{margin:0 auto;max-width:1200px}.highlights-header{margin-bottom:2rem}.highlights-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.highlights-subtitle{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px;opacity:.9}.highlight-features{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.highlight-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 30px #0003;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:transform .3s ease;width:300px}.highlight-feature:after{background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.highlight-feature:hover{transform:translateY(-10px)}.highlight-feature:hover:after{opacity:1}.highlight-icon{display:block;font-size:3.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 8px #0000004d}.highlight-feature h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.highlight-feature p{color:#fffc;line-height:1.6}.highlight-cta{margin-top:3rem}.highlight-button{background-color:#fff;border:none;border-radius:50px;box-shadow:0 10px 20px #0003;color:#1e40af;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.highlight-button:hover{background:linear-gradient(135deg,#fff,#e0f2fe);box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.ai-analysis-section{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);padding:4rem 2rem;text-align:center}.ai-container{margin:0 auto;max-width:1200px}.ai-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px}.ai-description{color:#4b5563;font-size:1.1rem;margin-bottom:2rem}.ai-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ai-feature-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000d;height:100%;padding:2rem;text-align:left}.ai-feature-card h3{color:#2563eb;font-size:1.3rem;margin-bottom:1rem;padding-bottom:10px;position:relative}.ai-feature-card h3:after{background-color:#2563eb;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.ai-feature-card ol,.ai-feature-card ul{margin-top:1rem;padding-left:1.5rem}.ai-feature-card li{color:#4b5563;margin-bottom:.5rem}.consultation-section{background-color:#fff;padding:4rem 2rem}.consultation-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;margin:0 auto;max-width:1200px}.consultation-content{flex:1 1;min-width:300px}.consultation-description{color:#4b5563;font-size:1.1rem;margin-bottom:2rem}.consultation-benefits{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.consultation-benefit{background-color:#f9fafb;border-radius:10px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;text-align:center;transition:transform .3s ease}.consultation-benefit:hover{transform:translateY(-5px)}.benefit-icon{display:block;font-size:2rem;margin-bottom:1rem}.consultation-benefit h3{color:#1f2937;font-size:1.1rem;margin-bottom:.5rem}.consultation-benefit p{color:#6b7280;font-size:.9rem}.consultation-image{display:flex;flex:1 1;justify-content:center;min-width:300px}.consultation-image img{border-radius:10px;box-shadow:0 10px 25px #0000001a;max-width:100%}@media (max-width:768px){.ai-features{grid-template-columns:1fr}.consultation-container{flex-direction:column}.consultation-image{order:-1}.features-grid{grid-template-columns:1fr}.promo-video-section{padding:2rem 1rem}.video-container{width:100%}}@media (max-width:480px){.benefit-icon{font-size:1.5rem}.consultation-benefit{padding:1rem}.ai-feature-card{padding:1.5rem}}.floating-download-container{align-items:center;animation:float 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#1e40af,#0d9488);border-radius:50px;bottom:20px;box-shadow:0 10px 30px #0000004d;display:flex;left:50%;max-width:90%;padding:10px 20px;position:fixed;transform:translateX(-50%);width:auto;z-index:1000}.floating-info{color:#fff;font-size:.9rem;font-weight:600;margin-right:15px}.floating-buttons{display:flex;gap:10px}.floating-button{background-color:#fff;border-radius:50px;color:#1e40af;font-size:.9rem;font-weight:600;padding:8px 15px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.floating-button:hover{background-color:#f0f9ff;box-shadow:0 5px 15px #0003;transform:translateY(-3px)}@media (max-width:768px){.floating-download-container{border-radius:15px;flex-direction:column;padding:15px}.floating-info{margin-bottom:10px;margin-right:0;text-align:center}}@media (max-width:480px){.floating-info{font-size:.8rem}.floating-button{font-size:.8rem;padding:6px 12px}}*{box-sizing:border-box;margin:0;padding:0}.order-success-container{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:30px 20px;position:relative}.order-success-container:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.success-content{margin:0 auto;max-width:1100px;position:relative;width:100%;z-index:1}.quick-confirmation{animation:slideDown .6s ease-out;margin-bottom:25px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.confirmation-badge{align-items:center;background:#fff;border-radius:50px;box-shadow:0 8px 25px #00000026;color:#1f2937;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:12px 24px}.badge-icon{color:#10b981;font-size:20px}.confirmation-text{color:#fff;font-size:16px;font-weight:500;margin-top:12px}.order-details-section{margin-bottom:30px}.order-details-actions{display:flex;gap:12px;margin-bottom:12px}.btn-print-details{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 6px 20px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-print-details:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.toggle-details{align-items:center;background:#fff;border:none;border-radius:15px;box-shadow:0 8px 25px #0000001a;color:#1f2937;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:16px 24px;transition:all .3s ease;width:100%}.toggle-details:hover{box-shadow:0 12px 35px #00000026}.toggle-icon{color:#667eea;transition:transform .3s ease}.toggle-icon.open{transform:rotate(90deg)}.order-details-content{animation:slideDown .4s ease-out;display:block;margin-top:20px}.details-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.confirmation-card{background:#fff;border:1px solid #f0f0f0;border-radius:18px;box-shadow:0 8px 25px #0000001a;padding:30px}.card-header{border-bottom:2px solid #f3f4f6;margin-bottom:25px;padding-bottom:20px}.card-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0}.confirmation-details{display:flex;flex-direction:column;gap:16px}.detail-row{align-items:center;border-bottom:1px solid #f9fafb;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.label{color:#9ca3af;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.value{color:#1f2937;font-size:14px;font-weight:700;text-align:right}.value.order-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:12px;letter-spacing:1px;padding:6px 12px}.value.amount{color:#10b981;font-size:16px;font-weight:800}.value.status.paid{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:inline-flex;font-size:11px;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.value.address{line-height:1.6;max-width:250px;text-align:right}.app-download-section{align-items:flex-start;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.app-download-card{background:#fff;border-radius:25px;box-shadow:0 15px 50px #00000026;overflow:hidden;padding:40px 30px;position:relative;text-align:center}.app-download-card:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);content:"";height:5px;left:0;position:absolute;right:0;top:0}.app-icon-large{animation:float 3s ease-in-out infinite;color:#667eea;font-size:70px;margin-bottom:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.app-download-card h1{color:#1f2937;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:12px}.app-tagline{color:#6b7280;font-size:15px;line-height:1.5;margin-bottom:25px}.btn-download-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 25px #667eea59;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;margin-bottom:25px;padding:14px 36px;text-decoration:none;transition:all .3s ease}.btn-download-primary:hover{box-shadow:0 12px 35px #667eea80;transform:translateY(-2px)}.app-benefits{border-top:2px solid #f3f4f6;display:flex;flex-direction:column;gap:12px;margin-top:25px;padding-top:25px}.benefit-item{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:10px}.benefit-icon{color:#10b981;flex-shrink:0;font-size:16px}.os-features-showcase{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:10px}.os-feature-card{background:#fff;border-radius:18px;box-shadow:0 8px 30px #0000001a;overflow:hidden;padding:25px 20px;position:relative;text-align:center;transition:all .3s ease}.os-feature-card:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;top:0}.os-feature-card:hover{box-shadow:0 15px 45px #0000001f;transform:translateY(-8px)}.os-feature-icon{display:flex;font-size:45px;justify-content:center;margin-bottom:15px}.os-feature-card.os-feature-1 .os-feature-icon{color:#f59e0b}.os-feature-card.os-feature-2 .os-feature-icon{color:#3b82f6}.os-feature-card.os-feature-3 .os-feature-icon{color:#ec4899}.os-feature-card.os-feature-4 .os-feature-icon{color:#8b5cf6}.os-feature-card.os-feature-5 .os-feature-icon{color:#06b6d4}.os-feature-card.os-feature-6 .os-feature-icon{color:#14b8a6}.os-feature-card h3{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:10px}.os-feature-card p{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:12px}.os-feature-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;padding:5px 12px}.company-footer{background:#fff;border:1px solid #f0f0f0;border-radius:18px;box-shadow:0 12px 40px #0000001a;color:#1f2937;padding:45px 35px}.footer-content{margin:0 auto;max-width:1000px}.footer-brand{margin-bottom:25px;text-align:center}.footer-brand h3{color:#667eea;font-size:28px;font-weight:900;letter-spacing:1px;margin:0 0 6px}.footer-brand p{color:#6b7280;font-size:13px;font-weight:500;margin:0}.footer-divider{background:linear-gradient(90deg,#0000,#e5e7eb 50%,#0000);height:1px;margin:25px 0}.footer-contact{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.contact-item,.footer-contact{text-align:center}.contact-label{color:#667eea;font-size:10px;font-weight:800;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.contact-item p{color:#374151;font-size:12px;font-weight:500;line-height:1.6;margin:5px 0}.footer-text{border-top:1px solid #e5e7eb;padding-top:18px;text-align:center}.footer-text p{color:#6b7280;font-size:11px;margin:5px 0}.footer-text p.thank-you{color:#667eea;font-weight:700;margin-top:10px}@media (max-width:1200px){.app-download-section{gap:25px;grid-template-columns:1fr;margin-bottom:35px}.os-features-showcase{gap:18px;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.success-content{max-width:100%}.app-download-section{gap:20px;grid-template-columns:1fr;margin-bottom:30px}.app-download-card{padding:35px 25px}.app-download-card h1{font-size:28px}.os-features-showcase{gap:16px;grid-template-columns:repeat(2,1fr)}.details-grid{gap:18px;grid-template-columns:1fr}.footer-contact{gap:25px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.order-success-container{align-items:flex-start;padding:16px 12px}.success-content{max-width:100%;width:100%}.quick-confirmation{margin-bottom:16px}.confirmation-badge{font-size:13px;gap:8px;padding:9px 14px}.badge-icon{font-size:16px}.confirmation-text{font-size:13px;margin-top:6px}.order-details-section{margin-bottom:18px}.order-details-actions{flex-direction:column;margin-bottom:10px}.btn-print-details{font-size:13px;justify-content:center;padding:11px 20px;width:100%}.toggle-details{font-size:13px;padding:13px 16px}.app-download-section{gap:16px;grid-template-columns:1fr;margin-bottom:22px}.app-download-card{border-radius:20px;padding:28px 20px}.app-icon-large{font-size:50px;margin-bottom:14px}.app-download-card h1{font-size:22px;margin-bottom:10px}.app-tagline,.btn-download-primary{font-size:13px;margin-bottom:18px}.btn-download-primary{gap:8px;padding:12px 28px}.app-benefits{gap:10px;margin-top:16px;padding-top:16px}.benefit-item{font-size:12px;gap:8px}.benefit-icon{font-size:14px}.os-features-showcase{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:22px}.os-feature-card{border-radius:16px;padding:18px 14px}.os-feature-icon{font-size:36px;margin-bottom:10px}.os-feature-card h3{font-size:14px;margin-bottom:8px}.os-feature-card p{font-size:12px;margin-bottom:10px}.os-feature-badge{font-size:9px;padding:4px 10px}.details-grid{gap:14px;grid-template-columns:1fr}.confirmation-card{border-radius:16px;padding:18px}.card-header{margin-bottom:16px;padding-bottom:12px}.card-header h3{font-size:15px}.detail-row{align-items:flex-start;flex-direction:column;gap:5px;padding:7px 0}.label{font-size:11px}.value{font-size:12px;text-align:left}.value.address{max-width:none;text-align:left}.company-footer{border-radius:16px;padding:30px 20px}.footer-brand h3{font-size:22px;margin-bottom:5px}.footer-brand p{font-size:12px}.footer-divider{margin:18px 0}.footer-contact{gap:16px;grid-template-columns:1fr;margin-bottom:16px}.contact-label{font-size:9px;margin-bottom:5px}.contact-item p{font-size:11px;margin:3px 0}.footer-text{padding-top:12px}.footer-text p{font-size:10px;margin:3px 0}}@media (max-width:480px){.order-success-container{padding:12px 10px}.success-content{max-width:100%;width:100%}.quick-confirmation{margin-bottom:12px}.confirmation-badge{font-size:12px;gap:6px;padding:8px 12px}.badge-icon{font-size:14px}.confirmation-text{font-size:12px;margin-top:5px}.order-details-section{margin-bottom:14px}.order-details-actions{flex-direction:column;margin-bottom:8px}.btn-print-details{font-size:12px;gap:6px;justify-content:center;padding:10px 16px;width:100%}.toggle-details{font-size:12px;padding:11px 12px}.app-download-section{gap:14px;grid-template-columns:1fr;margin-bottom:18px}.app-download-card{border-radius:18px;padding:22px 16px}.app-icon-large{font-size:40px;margin-bottom:10px}.app-download-card h1{font-size:18px;margin-bottom:8px}.app-tagline{font-size:11px;margin-bottom:14px}.btn-download-primary{font-size:12px;gap:6px;margin-bottom:14px;padding:10px 20px}.app-benefits{gap:8px;margin-top:12px;padding-top:12px}.benefit-item{font-size:11px;gap:6px}.benefit-icon{font-size:12px}.os-features-showcase{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:18px}.os-feature-card{border-radius:14px;padding:14px 10px}.os-feature-icon{font-size:30px;margin-bottom:8px}.os-feature-card h3{font-size:12px;margin-bottom:6px}.os-feature-card p{font-size:10px;line-height:1.3;margin-bottom:8px}.os-feature-badge{font-size:8px;padding:3px 8px}.details-grid{gap:12px;grid-template-columns:1fr}.confirmation-card{border-radius:14px;padding:14px}.card-header{margin-bottom:12px;padding-bottom:10px}.card-header h3{font-size:13px}.confirmation-details{gap:10px}.detail-row{align-items:flex-start;flex-direction:column;gap:4px;padding:5px 0}.label{font-size:10px}.value{font-size:11px;text-align:left}.value.order-number{font-size:10px;padding:3px 6px}.value.amount{font-size:13px}.value.status.paid{font-size:9px;gap:3px;padding:3px 8px}.value.address{font-size:11px;max-width:none;text-align:left}.company-footer{border-radius:14px;padding:18px 12px}.footer-brand h3{font-size:18px;margin-bottom:4px}.footer-brand p{font-size:11px}.footer-divider{margin:12px 0}.footer-contact{gap:12px;grid-template-columns:1fr;margin-bottom:12px}.contact-label{font-size:8px;margin-bottom:4px}.contact-item p{font-size:10px;margin:2px 0}.footer-text{padding-top:10px}.footer-text p{font-size:9px;margin:2px 0}}@media print{@page{size:A4;margin:0;padding:0}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%}.order-success-container{background:#fff;display:block;min-height:auto;padding:20px}.success-content{max-width:100%}.app-download-section,.os-features-showcase,.quick-confirmation{display:none}.order-details-section{margin-bottom:20px}.order-details-actions,.toggle-details{display:none}.order-details-content{animation:none;display:block!important;margin-top:0}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.confirmation-card{border:1px solid #e5e7eb;box-shadow:none;padding:20px;page-break-inside:avoid}.card-header{border-bottom:2px solid #e5e7eb;margin-bottom:15px;padding-bottom:10px}.card-header h3{color:#1f2937;font-size:16px}.detail-row{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.label{color:#6b7280;font-weight:600}.label,.value{font-size:12px}.value{color:#1f2937;font-weight:700}.company-footer{background:#fff;border-top:2px solid #e5e7eb;box-shadow:none;margin-top:30px;padding:20px;page-break-inside:avoid}.footer-brand h3{font-size:20px;margin-bottom:5px}.footer-contact{gap:10px;grid-template-columns:1fr;margin-bottom:15px}.contact-item p{font-size:11px;margin:2px 0}.footer-text p{font-size:10px;margin:2px 0}}body{background-color:#f4f4f4;color:#333;font-family:Poppins,sans-serif}body,h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.container{margin:auto;max-width:1200px;padding:20px;width:90%}.button{border:none;border-radius:5px;cursor:pointer;padding:10px 15px}.button-primary{background-color:#007bff;color:#fff}.button-secondary{background-color:#6c757d;color:#fff}.card{background:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:15px}.card,.table{margin-bottom:20px}.table{border-collapse:collapse;width:100%}.table td,.table th{border:1px solid #ddd;padding:8px}.table th{background-color:#f2f2f2}.alert{border:1px solid #0000;border-radius:5px;margin-bottom:20px;padding:15px}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}
/*# sourceMappingURL=main.a72a6962.css.map*/