:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--info-50: #f0f9ff;--info-100: #e0f2fe;--info-200: #bae6fd;--info-300: #7dd3fc;--info-400: #38bdf8;--info-500: #0ea5e9;--info-600: #0284c7;--info-700: #0369a1;--info-800: #075985;--info-900: #0c4a6e;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-slower: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--secondary-800);background-color:var(--secondary-50);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--secondary-900);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--secondary-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px #3b82f61a}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;border-color:var(--primary-600);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--secondary-700);border-color:var(--secondary-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--secondary-50);border-color:var(--secondary-400);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);color:#fff;border-color:var(--success-500);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-600) 0%,var(--success-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:linear-gradient(135deg,var(--warning-500) 0%,var(--warning-600) 100%);color:#fff;border-color:var(--warning-500);box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-600) 0%,var(--warning-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-error{background:linear-gradient(135deg,var(--error-500) 0%,var(--error-600) 100%);color:#fff;border-color:var(--error-500);box-shadow:var(--shadow-sm)}.btn-error:hover:not(:disabled){background:linear-gradient(135deg,var(--error-600) 0%,var(--error-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--font-size-xl)}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200);border-left:3px solid #f97316;border-right:3px solid #f97316;overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--secondary-200);background:var(--secondary-50)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--secondary-200);background:var(--secondary-50)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--secondary-700);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--secondary-900);background:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-lg);transition:all var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--secondary-400)}.form-error{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--error-600)}.form-help{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--secondary-500)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--primary-100);color:var(--primary-800)}.badge-secondary{background:var(--secondary-100);color:var(--secondary-800)}.badge-success{background:var(--success-100);color:var(--success-800)}.badge-warning{background:var(--warning-100);color:var(--warning-800)}.badge-error{background:var(--error-100);color:var(--error-800)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-4)}.alert-primary{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-800)}.alert-success{background:var(--success-50);border-color:var(--success-200);color:var(--success-800)}.alert-warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.alert-error{background:var(--error-50);border-color:var(--error-200);color:var(--error-800)}.loading{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--secondary-500);font-size:var(--font-size-sm)}.spinner{width:1rem;height:1rem;border:2px solid var(--secondary-200);border-top:2px solid var(--primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}@media(max-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:p-4{padding:var(--space-4)}}@media(max-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-base{font-size:var(--font-size-base)}.md\:p-6{padding:var(--space-6)}}@media(max-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:text-lg{font-size:var(--font-size-lg)}.lg\:p-8{padding:var(--space-8)}}@media(max-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:text-xl{font-size:var(--font-size-xl)}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus{outline:2px solid var(--primary-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--secondary-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-400)}::selection{background:var(--primary-200);color:var(--primary-900)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.btn{border:1px solid black}.card{border:1px solid black;box-shadow:none}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{max-width:640px;padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--secondary-50);position:relative}.app-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);color:#fff;padding:var(--space-2) 0;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.header-content{display:flex;flex-direction:column;gap:var(--space-2);max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.header-main{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);text-align:left}.header-brand{display:flex;align-items:center;gap:var(--space-3)}.shop-logo{width:40px;height:40px;border-radius:var(--radius-lg);object-fit:cover;border:2px solid rgba(255,255,255,.2);box-shadow:var(--shadow-sm)}.shop-emoji{font-size:var(--font-size-2xl);display:block}.header-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-subtitle{font-size:var(--font-size-base);opacity:.9;margin:0;font-weight:var(--font-weight-medium);color:#ffffffe6}.shop-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin:var(--space-1) 0;padding:var(--space-2) var(--space-3);background:#ffffff1a;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;align-self:flex-start;max-width:400px}.shop-name{font-weight:var(--font-weight-bold);color:#fff;font-size:var(--font-size-lg)}.shop-address{font-size:var(--font-size-sm);color:#fffffff2;text-align:center;font-weight:var(--font-weight-medium);background:#ffffff26;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm),0 0 20px #ffffff1a;margin:var(--space-1) 0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base);position:relative;overflow:hidden}.shop-address:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 25px #ffffff26}.shop-address:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.shop-address:hover:before{left:100%}.address-icon{font-size:var(--font-size-lg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.address-text{font-weight:var(--font-weight-semibold);text-shadow:0 1px 2px rgba(0,0,0,.3)}.shop-type{font-size:var(--font-size-xs);color:var(--primary-200);font-weight:var(--font-weight-medium);background:#ffffff1a;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.shop-phone,.shop-email{font-size:var(--font-size-sm);color:#fffc;display:flex;align-items:center;gap:var(--space-1)}.header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.header-navigation{display:flex;align-items:center;gap:var(--space-2);justify-content:center;margin:var(--space-2) 0;flex-wrap:wrap}.nav-menu{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-6);padding:var(--space-4) 0;border-top:1px solid rgba(255,255,255,.1)}.nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-width:100px;text-align:center}.nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.nav-btn:hover:before{left:100%}.nav-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-btn.active{background:#ffffff40;border-color:#fff6;box-shadow:var(--shadow-sm)}.main-content{flex:1;padding:var(--space-6) 0;min-height:calc(100vh - 160px);margin-top:0;position:relative;z-index:1;background:var(--secondary-50)}.tab-navigation{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);border-bottom:2px solid var(--secondary-200);padding-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--secondary-600);transition:all var(--transition-base);border-bottom:3px solid transparent;white-space:nowrap;position:relative}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:3px;background:var(--primary-500);transition:all var(--transition-base);transform:translate(-50%)}.tab-btn:hover,.tab-btn.active{color:var(--primary-600);background:var(--primary-50)}.tab-btn.active:after{width:100%}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200);border-left:3px solid #f97316;border-right:3px solid #f97316;transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.stat-label{font-size:var(--font-size-sm);color:var(--secondary-600);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.stat-change{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-1)}.stat-change.up{background:var(--success-100);color:var(--success-700)}.stat-change.down{background:var(--error-100);color:var(--error-700)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--secondary-900);line-height:var(--line-height-tight)}.action-buttons{display:flex;gap:var(--space-2);align-items:center}.form-layout{display:grid;gap:var(--space-6)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.form-actions{display:flex;gap:var(--space-4);justify-content:flex-end;padding-top:var(--space-6);border-top:1px solid var(--secondary-200)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal-overlay,.settings-modal-overlay,.reports-modal-overlay{z-index:1200!important}.profile-modal,.settings-modal,.reports-modal{z-index:1201!important}.message{padding:12px 16px;margin:16px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.message-info{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.message-success{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.message-error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.modal-content{background:#fff;border-radius:var(--radius-2xl);max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-2xl);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--secondary-200);background:var(--secondary-50)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--secondary-900);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--secondary-500);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base)}.modal-close:hover{background:var(--secondary-200);color:var(--secondary-700)}.modal-body{padding:var(--space-6);max-height:70vh;overflow-y:auto}.modal-footer{display:flex;gap:var(--space-4);justify-content:flex-end;padding:var(--space-6);border-top:1px solid var(--secondary-200);background:var(--secondary-50)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #f973161a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--secondary-500)}.loading-spinner{width:2rem;height:2rem;border:3px solid var(--secondary-200);border-top:3px solid var(--primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--secondary-500)}.empty-state-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--secondary-700);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-base);margin-bottom:var(--space-6)}.app-footer{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);color:#fff;text-align:center;padding:var(--space-8) 0;margin-top:auto;box-shadow:0 -4px 20px #0000001a;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.footer-shop-info{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.footer-address{display:flex;align-items:center;gap:var(--space-2);background:#ffffff1a;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.footer-contact{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.footer-phone,.footer-email{display:flex;align-items:center;gap:var(--space-2);background:#ffffff1a;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-base)}.footer-phone:hover,.footer-email:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.footer-icon{font-size:var(--font-size-lg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.footer-copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-4)}.footer-text{font-size:var(--font-size-sm);color:#ffffffe6;margin:0;font-weight:var(--font-weight-medium)}@media(max-width:768px){.app-header{padding:var(--space-3) 0}.header-content{gap:var(--space-2);padding:0 var(--space-3)}.header-top{flex-direction:column;gap:var(--space-4);align-items:center}.header-main{gap:var(--space-2);align-items:center;text-align:center}.header-brand{flex-direction:column;gap:var(--space-2)}.shop-logo{width:40px;height:40px}.header-title{font-size:var(--font-size-3xl)}.header-subtitle{font-size:var(--font-size-base)}.shop-info{padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;align-items:center;text-align:center;align-self:center;max-width:100%}.header-actions{gap:var(--space-2)}.header-navigation{gap:var(--space-1);margin:var(--space-1) 0}.nav-btn{padding:var(--space-1) var(--space-3);min-width:90px;font-size:var(--font-size-xs)}.nav-menu{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) 0}.nav-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);min-width:100px}.main-content{padding:var(--space-4) 0}.app-footer{padding:var(--space-6) 0}.footer-content{gap:var(--space-5)}.footer-contact{flex-direction:column;gap:var(--space-2)}.footer-address{padding:var(--space-2) var(--space-3)}.footer-phone,.footer-email{padding:var(--space-1) var(--space-2)}.tab-navigation{gap:var(--space-1);margin-bottom:var(--space-6)}.tab-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.stats-grid,.dashboard-grid{grid-template-columns:1fr;gap:var(--space-4)}.search-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.search-input{min-width:auto}.filter-buttons{justify-content:center}.modal-content{margin:var(--space-4);max-width:calc(100vw - 2rem)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.form-actions{flex-direction:column}.action-buttons{flex-wrap:wrap}}@media(max-width:480px){.container{padding-left:var(--space-3);padding-right:var(--space-3)}.app-header{padding:var(--space-2) 0}.header-content{gap:var(--space-3);padding:0 var(--space-2)}.header-top{flex-direction:column;gap:var(--space-3);align-items:center}.header-main{align-items:center;text-align:center}.header-brand{flex-direction:column;gap:var(--space-1)}.shop-logo{width:36px;height:36px}.header-title{font-size:var(--font-size-2xl)}.header-subtitle{font-size:var(--font-size-sm)}.shop-info{padding:var(--space-2) var(--space-3);margin:var(--space-2) 0;align-items:center;text-align:center;align-self:center;max-width:100%}.shop-name{font-size:var(--font-size-base)}.shop-address{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);margin:var(--space-1) 0}.header-actions{flex-direction:column;gap:var(--space-2);width:100%}.header-navigation{gap:var(--space-1);margin:var(--space-1) 0}.nav-btn{padding:var(--space-1) var(--space-2);min-width:80px;font-size:var(--font-size-xs)}.header-actions .btn{width:100%;justify-content:center}.nav-menu{flex-direction:column;align-items:center;gap:var(--space-2)}.nav-btn{width:100%;max-width:200px}.tab-navigation{flex-direction:column;border-bottom:none;border-left:2px solid var(--secondary-200);padding-bottom:0;padding-left:var(--space-4)}.tab-btn{border-radius:0 var(--radius-lg) var(--radius-lg) 0;border-bottom:none;border-left:3px solid transparent;text-align:left}.tab-btn:after{display:none}.tab-btn.active{border-left-color:var(--primary-500)}.stat-card{padding:var(--space-4)}.table-header,.table-row{padding:var(--space-3);font-size:var(--font-size-sm)}.action-buttons{flex-direction:column;gap:var(--space-1)}.action-btn{width:100%;justify-content:center}}.spinner-small{width:1rem;height:1rem;border:2px solid var(--secondary-200);border-top:2px solid var(--primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-right:var(--space-2);display:inline-block}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);padding:var(--space-4);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.login-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-8);width:100%;max-width:400px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);font-size:var(--font-size-2xl);color:#fff;box-shadow:var(--shadow-lg)}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--secondary-900);margin-bottom:var(--space-2)}.login-subtitle{color:var(--secondary-600);font-size:var(--font-size-base);margin:0}.role-badge{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-block;box-shadow:var(--shadow-sm)}.login-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-weight:var(--font-weight-medium);color:var(--secondary-700);font-size:var(--font-size-sm)}.form-input{padding:var(--space-3) var(--space-4);border:2px solid var(--secondary-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-base);background:#fff}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #f973161a}.form-input::placeholder{color:var(--secondary-400)}.login-button{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:var(--error-50);border:1px solid var(--error-200);color:var(--error-700);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);text-align:center;animation:slideDown .3s ease-out}.success-message{background:var(--success-50);border:1px solid var(--success-200);color:var(--success-700);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--space-4);animation:slideDown .3s ease-out}.login-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--secondary-200)}.login-footer p{color:var(--secondary-500);font-size:var(--font-size-sm);margin:0}.switch-button{background:none;border:none;color:var(--primary-600);text-decoration:underline;cursor:pointer;font-size:var(--font-size-sm);padding:0;transition:color var(--transition-base)}.switch-button:hover{color:var(--primary-700)}.customer-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200);border-left:3px solid #f97316;border-right:3px solid #f97316;padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden}.customer-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.customer-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--secondary-900);margin-bottom:var(--space-1)}.customer-email{font-size:var(--font-size-sm);color:var(--secondary-600);margin-bottom:var(--space-2)}.customer-actions{display:flex;gap:.5rem;flex-wrap:wrap}.category-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);text-align:center}.category-filters h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--secondary-900);margin:0}.category-filters p{font-size:var(--font-size-sm);color:var(--secondary-600);margin:0}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);justify-items:center;max-width:1000px;margin:0 auto}.category-btn{display:flex;flex-direction:column;align-items:center;padding:var(--space-5);border:2px solid var(--secondary-200);border-radius:var(--radius-xl);background:var(--secondary-50);cursor:pointer;transition:all var(--transition-base);position:relative;min-height:140px;min-width:160px;justify-content:center;text-align:center}.skeleton{background:linear-gradient(90deg,var(--secondary-200) 25%,var(--secondary-100) 50%,var(--secondary-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-card{padding:var(--space-6);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:400px}.toast{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--secondary-200);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);animation:slideInRight .3s ease-out;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast.success:before{background:var(--success-500)}.toast.error:before{background:var(--error-500)}.toast.warning:before{background:var(--warning-500)}.toast.info:before{background:var(--info-500)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:var(--font-size-lg);flex-shrink:0}.toast.success .toast-icon{color:var(--success-500)}.toast.error .toast-icon{color:var(--error-500)}.toast.warning .toast-icon{color:var(--warning-500)}.toast.info .toast-icon{color:var(--info-500)}.toast-content{flex:1}.toast-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--secondary-900);margin-bottom:var(--space-1)}.toast-message{font-size:var(--font-size-sm);color:var(--secondary-600);margin:0}.toast-close{background:none;border:none;color:var(--secondary-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-base);flex-shrink:0}.toast-close:hover{background:var(--secondary-100);color:var(--secondary-600)}@media(max-width:768px){.login-card{padding:var(--space-6);margin:var(--space-4)}.category-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);max-width:100%}.category-btn{padding:var(--space-4);min-height:120px;min-width:140px}.category-header{text-align:center;margin-bottom:var(--space-4)}.category-icon{font-size:var(--font-size-xl)}.customer-header{flex-direction:column;text-align:center;gap:var(--space-3)}.customer-stats,.product-stats{grid-template-columns:1fr;gap:var(--space-2)}.toggle-buttons{flex-direction:column}.toast-container{left:var(--space-4);right:var(--space-4);max-width:none}}@media(max-width:480px){.login-container{padding:var(--space-2)}.login-card{padding:var(--space-4)}.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.category-btn{padding:var(--space-3);min-height:100px;min-width:120px}.category-icon{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.category-name{font-size:var(--font-size-xs)}.customer-actions,.product-actions,.order-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.App{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff!important;color:#1f2937!important;padding:2.25rem 2rem;box-shadow:0 2px 20px #0000001a;border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;transition:all .3s ease;width:100%;box-sizing:border-box}.app-header *{box-sizing:border-box}.header-container{display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:1400px;margin:0 auto;width:100%;overflow:visible}.header-left{display:flex!important;align-items:center;flex-shrink:1;min-width:0;max-width:45%;margin-right:.75rem;position:relative;z-index:1;overflow:visible}.header-brand{display:flex;align-items:center;gap:1.125rem;min-width:0;flex:0 1 auto;overflow:visible}.shop-logo{width:70px;height:70px;border-radius:8px;object-fit:cover;background:#f8fafc;border:1px solid #e2e8f0;flex-shrink:0}.shop-emoji{display:flex;align-items:center;justify-content:center}.header-brand-text{display:flex;flex-direction:column;gap:.1875rem;min-width:0;flex:1 1 auto;overflow:visible}.header-brand-text h1,.header-title,.app-header .header-title,.app-header .header-brand-text h1,.app-header .header-brand-text .header-title{font-size:.875rem!important;font-weight:500!important;margin:0!important;padding:0!important;line-height:1.2!important;color:#000!important;-webkit-text-fill-color:#000000!important;text-shadow:none!important;opacity:1!important;visibility:visible!important;display:block!important;white-space:normal;overflow:visible;text-overflow:clip;background:transparent!important;background-clip:unset!important;-webkit-background-clip:unset!important;border:none!important;word-wrap:break-word}.header-subtitle{font-size:.875rem;font-weight:500;margin:0;line-height:1.3;color:#000!important;display:block!important;white-space:normal;overflow:visible;text-overflow:clip;word-wrap:break-word}.header-actions-row{display:flex!important;align-items:center;gap:.5rem;flex:1 1 auto;justify-content:flex-end;flex-wrap:wrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0;margin-left:.75rem;position:relative;z-index:1;flex-shrink:1;overflow:visible}.header-actions-row::-webkit-scrollbar{display:none}.header-actions-row{-ms-overflow-style:none;scrollbar-width:none}.header-divider{width:1px;height:32px;background:#e2e8f0;margin:0 .375rem;flex-shrink:0}.nav-btn{background:transparent!important;border:none!important;color:#6b7280!important;padding:.625rem 1.25rem!important;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;white-space:nowrap!important;flex-shrink:0!important;display:inline-flex!important;align-items:center}.nav-btn:hover{background:#f8fafc;color:#f97316;transform:translateY(-1px)}.nav-btn.active{background:#f97316!important;color:#fff!important;font-weight:600;border:none!important;border-radius:8px;box-shadow:0 2px 8px #f973164d}.btn-icon{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#6b7280!important;padding:.625rem!important;border-radius:6px;cursor:pointer;font-size:1.375rem;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px!important;flex-shrink:0!important}.btn-icon:hover{background:#fff7ed;border-color:#f97316;color:#f97316;transform:translateY(-1px)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.75rem 1.5rem;font-size:1.3125rem;white-space:nowrap;flex-shrink:0}.app-header .btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#6b7280}.app-header .btn-secondary:hover{background:#fff7ed;border-color:#f97316;color:#f97316}.app-header .btn-error{background:#ef4444;border:1px solid #ef4444;color:#fff}.app-header .btn-error:hover{background:#dc2626;border-color:#dc2626;color:#fff}.app-header .spinner-small{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #f97316;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.header-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1rem}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#1f2937!important}.header-content p{font-size:1.1rem;opacity:.9}.nav-menu{display:flex;justify-content:center;gap:1rem}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.tab-navigation{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;padding-bottom:1rem}.tab-btn{background:none;border:none;padding:.75rem 1.5rem;border-radius:8px 8px 0 0;cursor:pointer;font-size:1rem;font-weight:500;color:#64748b;transition:all .3s ease;border-bottom:3px solid transparent}.tab-btn:hover{color:#1e40af;background-color:#f1f5f9}.tab-btn.active{color:#1e40af;background-color:#f1f5f9;border-bottom-color:#1e40af}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.stats-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:#334155}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;border-left:3px solid #f97316;border-right:3px solid #f97316}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-label{font-size:.9rem;color:#64748b;font-weight:500}.stat-change{font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.stat-change.up{background-color:#dcfce7;color:#166534}.stat-change.down{background-color:#fee2e2;color:#991b1b}.stat-value{font-size:2rem;font-weight:700;color:#1e293b}.orders-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:#334155}.orders-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;border-left:3px solid #f97316;border-right:3px solid #f97316}.orders-table.full-width{width:100%}.table-header{display:grid;grid-template-columns:.5fr 1.5fr .5fr .8fr 1fr 1fr 1fr;background-color:#f8fafc;padding:1rem;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.table-row{display:grid;grid-template-columns:.5fr 1.5fr .5fr .8fr 1fr 1fr 1fr;padding:1rem;border-bottom:1px solid #f1f5f9;align-items:center}.status-badge{color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center;display:inline-block}.actions{display:flex;gap:.5rem}.action-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.action-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.products-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:#334155}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.product-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;border-left:3px solid #f97316;border-right:3px solid #f97316}.product-info h3{font-size:1.2rem;margin-bottom:1rem;color:#334155}.product-stats p{margin-bottom:.5rem;color:#64748b;font-size:.9rem}.products-content .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.products-content h2{font-size:1.8rem;color:#334155}.add-btn{background:linear-gradient(135deg,#1e40af,#3730a3);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e40af66}.product-actions{display:flex;gap:12px;align-items:center}.bulk-upload-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.bulk-upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.products-table .table-header,.products-table .table-row{grid-template-columns:1.5fr 1fr .8fr .8fr 1fr 1.5fr}.orders-content h2{font-size:1.8rem;margin-bottom:1.5rem;color:#334155}.orders-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{background:#fff;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1.25rem;transition:all .3s ease;color:#64748b}.filter-btn:hover{border-color:#1e40af;color:#1e40af}.filter-btn.active{background:#1e40af;color:#fff;border-color:#1e40af}.orders-content .table-header,.orders-content .table-row{grid-template-columns:.5fr 1.5fr .5fr .8fr 1fr 1fr 1.5fr}.customers-content h2{font-size:1.8rem;margin-bottom:1.5rem;color:#334155}.customers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.customer-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;border-left:3px solid #f97316;border-right:3px solid #f97316;display:flex;align-items:center;gap:1rem}.customer-avatar{font-size:2.5rem;background:#f1f5f9;padding:1rem;border-radius:50%;min-width:60px;text-align:center}.customer-info h3{font-size:1.2rem;margin-bottom:.5rem;color:#334155}.customer-info p{color:#64748b;font-size:.9rem;margin-bottom:.25rem}.view-btn{background:#1e40af;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.view-btn:hover{background:#1e3a8a;transform:translateY(-1px)}.app-footer{background:#1e293b;color:#fff;text-align:center;padding:2rem;margin-top:auto}.products-filters{margin-bottom:2rem;padding:1.5rem;background-color:#f8fafc;border-radius:12px}.search-container{margin-bottom:1rem}.search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#667eea}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:8px 16px;border:2px solid #e2e8f0;border-radius:20px;background-color:#fff;color:#64748b;font-size:1.25rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background-color:#667eea;border-color:#667eea;color:#fff}.products-table{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border-left:3px solid #f97316;border-right:3px solid #f97316}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;gap:1rem;padding:1rem;background-color:#f1f5f9;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;gap:1rem;padding:1rem;border-bottom:1px solid #f1f5f9;align-items:center}.table-row:hover{background-color:#f8fafc}.product-cell{display:flex;align-items:center;gap:.75rem}.product-icon{font-size:2rem;width:40px;text-align:center}.product-details{display:flex;flex-direction:column}.product-details strong{color:#1e293b;font-size:14px;line-height:1.3}.product-details small{color:#64748b;font-size:12px}.category-info{display:flex;flex-direction:column;gap:.25rem}.top-category{font-size:12px;color:#64748b;font-weight:500}.sub-category{font-size:14px;color:#1e293b;font-weight:600}.stock-high{color:#059669;font-weight:600}.stock-medium{color:#d97706;font-weight:600}.stock-low{color:#dc2626;font-weight:600}.action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0 2px;display:inline-flex;align-items:center;gap:4px}.edit-btn{background:#3b82f6;color:#fff}.edit-btn:hover{background:#2563eb;transform:translateY(-1px)}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.add-btn{background:#10b981;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.add-btn:hover{background:#059669;transform:translateY(-1px)}.valuable-customer{border:2px solid #F59E0B!important;background:linear-gradient(135deg,#fef3c7,#fde68a)!important}.customer-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.customer-header h3{margin:0;flex:1}.valuable-indicator,.premium-indicator{font-size:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.avg-order{font-size:12px;color:#6b7280;margin-top:4px}.customer-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:18px}@media(max-width:1200px){.table-header,.table-row{grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;font-size:14px}}@media(max-width:1024px){.table-header,.table-row{grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;gap:.5rem;padding:.75rem}.product-icon{font-size:1.5rem;width:30px}.product-details strong{font-size:13px}.product-details small{font-size:11px}}@media(max-width:1024px){.header-container{gap:.75rem}.header-left{max-width:40%}.header-actions-row{gap:.375rem;flex-wrap:wrap}.nav-btn{padding:.5rem 1rem;font-size:.9375rem}.btn-sm{padding:.5rem .875rem;font-size:.9375rem}}@media(max-width:768px){.app-header{padding:1.125rem 1rem}.header-container{flex-wrap:wrap;gap:1rem}.header-left{max-width:100%;width:100%}.header-title{font-size:1.5rem;white-space:normal}.header-subtitle{display:block;font-size:1rem;white-space:normal}.header-actions-row{width:100%;order:3;justify-content:flex-start;overflow-x:auto;padding:.75rem 0;gap:.5rem;flex-wrap:wrap}.nav-btn{padding:.5rem 1rem;font-size:.9375rem}.btn-icon{width:40px;height:40px;font-size:1.125rem}.btn-sm{padding:.5rem .875rem;font-size:.9375rem}.header-divider{height:28px}.main-content{padding:1rem}.tab-navigation{flex-wrap:wrap}.stats-grid,.products-grid,.customers-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 1fr}.products-filters{padding:1rem}.category-filters{gap:.25rem}.filter-btn{padding:6px 12px;font-size:1.125rem}.table-header,.table-row{grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;gap:.25rem;padding:.5rem;font-size:12px}.product-icon{font-size:1.25rem;width:25px}.product-details strong{font-size:12px}.product-details small{font-size:10px}.top-category{font-size:11px}.sub-category{font-size:12px}}@media(max-width:480px){.nav-menu{flex-direction:column;align-items:center}.tab-navigation,.orders-filters{flex-direction:column}}.top-categories-section{margin-bottom:2rem;padding:1.5rem;background-color:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.top-categories-section h3{margin:0 0 .5rem;color:#1e293b;font-size:1.25rem;font-weight:600}.section-subtitle{margin:0 0 1rem;color:#64748b;font-size:.875rem}.top-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.top-category-btn{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border:2px solid #e2e8f0;border-radius:12px;background-color:#f1f5f9;cursor:pointer;transition:all .3s ease;position:relative;min-height:120px;justify-content:center}.top-category-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.top-category-btn.active{border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.top-category-icon{font-size:2rem;margin-bottom:.75rem}.top-category-name{font-size:.875rem;font-weight:600;text-align:center;line-height:1.2;color:#1e293b}.top-category-btn.active .top-category-name{color:#fff}.selected-indicator{position:absolute;top:.5rem;right:.5rem;background-color:#22c55e;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.top-category-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.top-category-btn{padding:1rem .75rem;min-height:100px}.top-category-icon{font-size:1.5rem;margin-bottom:.5rem}.top-category-name{font-size:.75rem}.selected-indicator{width:18px;height:18px;font-size:.7rem}}.header-controls{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.language-currency-controls{display:flex;gap:1rem;align-items:center}.language-select,.currency-select{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;font-size:14px;cursor:pointer;transition:border-color .3s ease}.language-select:focus,.currency-select:focus{outline:none;border-color:#667eea}.language-select option,.currency-select option{padding:8px}@media(max-width:768px){.language-currency-controls{flex-direction:column;gap:.5rem}.language-select,.currency-select{width:100%;text-align:center}}.loading-row,.no-data-row{display:flex;justify-content:center;align-items:center;padding:2rem;color:#64748b;font-style:italic;grid-column:1 / -1}.loading-row{background-color:#f1f5f9;border-radius:.5rem;margin:.5rem}.no-data-row{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin:.5rem}.order-details-modal,.order-edit-modal{max-width:800px;max-height:90vh;overflow-y:auto}.order-details{display:flex;flex-direction:column;gap:1.5rem}.order-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-row .label{font-weight:600;color:#64748b;font-size:.875rem}.info-row .value{color:#1e293b;font-size:1rem}.order-items h3{margin-bottom:1rem;color:#1e293b}.items-list{display:flex;flex-direction:column;gap:.75rem}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:.75rem;background-color:#f8fafc;border-radius:.5rem;align-items:center}.item-name{font-weight:500;color:#1e293b}.item-quantity,.item-price,.item-total{color:#64748b;font-size:.875rem}.item-total{font-weight:600;color:#1e293b}.no-items{text-align:center;color:#64748b;font-style:italic;padding:2rem}.order-edit{display:flex;flex-direction:column;gap:1.5rem}.current-status{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f1f5f9;border-radius:.5rem}.status-options{display:flex;flex-direction:column;gap:1rem}.status-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.status-btn{padding:.75rem 1rem;border:2px solid #e2e8f0;background-color:#fff;border-radius:.5rem;cursor:pointer;transition:all .2s;font-weight:500}.status-btn:hover:not(:disabled){border-color:#3b82f6;background-color:#eff6ff}.status-btn.current{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.status-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.modal-header h2{margin:0;color:#1e293b;font-size:1.5rem}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.customer-orders-modal{width:80vw;max-width:1000px}.customer-orders-modal .orders-table{margin-top:1rem}.customer-orders-modal .table-header{display:grid;grid-template-columns:1fr .8fr 1fr 1fr 1fr 1fr;gap:1rem;padding:.75rem 1rem;background:#f1f5f9;border-radius:8px;font-weight:600;color:#475569;margin-bottom:.5rem}.customer-orders-modal .table-row{display:grid;grid-template-columns:1fr .8fr 1fr 1fr 1fr 1fr;gap:1rem;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;align-items:center;transition:all .2s ease}.customer-orders-modal .table-row:hover{background:#f8fafc;border-color:#cbd5e1}.no-data{text-align:center;padding:3rem;color:#64748b}.no-data p{font-size:1.1rem;margin:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.modal-header h2{margin:0;color:#1f2937;font-size:1.25rem;font-weight:700}.reports-modal .modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem}.reports-modal .modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease;line-height:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-btn:hover{background-color:#e2e8f0;color:#1f2937}.reports-modal .close-btn{font-size:1rem;font-weight:600}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;background:#fff}.reports-modal .modal-body{padding:1.5rem 2rem;background:#fff}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc}.reports-modal .modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:1.25rem 1.5rem}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.btn-primary{background-color:#3b82f6;color:#fff;box-shadow:0 1px 3px #0000001a}.btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #e2e8f0}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#1f2937}.loading{text-align:center;color:#64748b;font-style:italic;padding:2rem}.report-content .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b;font-size:.875rem}.report-content .loading:before{content:"";width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:2rem;position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8)}.login-card{background:#fff;border-radius:1rem;box-shadow:0 2px 20px #0000001a,0 1px 3px #00000014;padding:2.5rem;width:100%;max-width:420px;border:1px solid #e2e8f0;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.login-logo svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.login-title{font-size:2rem;font-weight:700;color:#1f2937;margin:1rem 0 .5rem;line-height:1.2}.login-subtitle{color:#6b7280;font-size:1rem;margin:0;font-weight:400}.login-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.login-header p{color:#6b7280;font-size:1rem}.role-badge{margin-top:1rem;padding:.5rem 1rem;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.875rem;font-weight:600;display:inline-block}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-input{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:#fff;color:#1f2937;width:100%;box-sizing:border-box}.form-group input:focus,.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.form-input::placeholder{color:#9ca3af}.form-label{font-weight:500;color:#374151;font-size:.875rem;margin-bottom:.5rem;display:block}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;text-align:center;margin-bottom:1rem;font-weight:500}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;text-align:center;margin-bottom:1rem;font-weight:500}.info-message{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;text-align:center;margin-bottom:1rem;font-weight:500}.login-button{background:#3b82f6;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 1px 3px #0000001a}.login-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.login-button:disabled{background:#9ca3af;opacity:.7;cursor:not-allowed;transform:none}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.login-footer p{color:#64748b;font-size:.875rem;margin:0}.login-footer strong{color:#1f2937;font-weight:600}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.logout-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}.logout-button:hover{background:#fff3;border-color:#ffffff4d}.form-switch{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.form-switch p{color:#6b7280;font-size:.875rem;margin:0}.switch-button{background:none;border:none;color:#3b82f6;text-decoration:underline;cursor:pointer;font-size:.875rem;padding:0}.switch-button:hover{color:#1d4ed8}.disabled-input{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group small{color:#6b7280;font-size:.75rem;margin-top:.25rem}.reports-modal-overlay{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reports-modal{max-width:1200px;width:95%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:1rem;box-shadow:0 2px 20px #0000001a;border:1px solid #e2e8f0;transition:all .3s ease;display:flex;flex-direction:column}.reports-modal-maximized{max-width:98vw;width:98vw;max-height:98vh;height:98vh;border-radius:.5rem}.reports-modal-minimized{position:fixed;bottom:20px;right:20px;width:300px;background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;z-index:1051}.minimized-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;cursor:pointer}.minimized-title{font-weight:600;color:#1f2937;font-size:.875rem}.minimized-actions{display:flex;gap:.25rem}.minimized-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease;font-size:.875rem;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.minimized-btn:hover{background-color:#e2e8f0;color:#1f2937}.modal-header-actions{display:flex;align-items:center;gap:.5rem}.modal-action-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:.375rem .5rem;border-radius:.375rem;transition:all .2s ease;font-size:1rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-action-btn:hover{background-color:#e2e8f0;color:#1f2937}.modal-action-btn.close-btn:hover{background-color:#fee2e2;color:#dc2626}.modal-action-btn span{display:block;font-weight:600}.report-type-selector{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.report-type-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.875rem;color:#374151}.report-type-btn:hover{border-color:#f97316;background:#fff7ed;color:#c2410c}.report-type-btn.active{border-color:#f97316;background:#f97316;color:#fff;box-shadow:0 1px 3px #f973164d}.report-icon{font-size:1.1rem}.date-range-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.date-range-selector label{font-weight:500;color:#374151;font-size:.875rem}.date-range-buttons{display:flex;gap:.5rem}.date-range-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:#64748b}.date-range-btn:hover{border-color:#f97316;background:#fff7ed;color:#c2410c}.date-range-btn.active{border-color:#f97316;background:#f97316;color:#fff;box-shadow:0 1px 3px #f973164d}.report-content{min-height:400px}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0;border-left:3px solid #f97316;border-right:3px solid #f97316;text-align:center;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.summary-card h3{font-size:.875rem;color:#6b7280;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.summary-card p{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.products-table,.customers-table{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;border-left:3px solid #f97316;border-right:3px solid #f97316;overflow:hidden;box-shadow:0 1px 3px #0000001a}.products-table .table-header,.customers-table .table-header{background:#f8fafc;padding:1rem 1.25rem;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;font-size:.875rem}.products-table .table-row,.customers-table .table-row{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center;transition:background-color .2s ease;font-size:.875rem;color:#1f2937}.products-table .table-row:hover,.customers-table .table-row:hover{background:#f8fafc}.products-table .table-row:last-child,.customers-table .table-row:last-child{border-bottom:none}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.low{background:#fef3c7;color:#92400e}.status-badge.out{background:#fee2e2;color:#991b1b}.chart-placeholder{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.75rem;padding:3rem;text-align:center;color:#64748b;font-size:.875rem}.chart-placeholder p{margin:.5rem 0}.revenue-chart-container{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #f97316;border-right:3px solid #f97316;border-radius:.75rem;padding:1.5rem;margin-top:1rem;min-height:400px;display:block;visibility:visible}.revenue-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:.5rem;min-height:300px;height:300px;padding:1rem 0;border-bottom:2px solid #e2e8f0;margin-bottom:1rem;visibility:visible}.revenue-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.revenue-bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative;min-height:200px}.revenue-bar{width:100%;max-width:60px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:.375rem .375rem 0 0;position:relative;transition:all .3s ease;cursor:pointer;min-height:4px;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem}.revenue-bar.has-data{background:linear-gradient(180deg,#3b82f6,#2563eb)}.revenue-bar.no-data{background:linear-gradient(180deg,#e2e8f0,#cbd5e1);opacity:.5}.revenue-bar:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);transform:scaleY(1.05);box-shadow:0 4px 6px -1px #3b82f64d}.revenue-bar.no-data:hover{background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.revenue-bar-value{font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap;transform:rotate(-90deg);transform-origin:center;position:absolute;top:50%;left:50%;margin-left:-1.5rem;margin-top:-.5rem;opacity:0;transition:opacity .2s ease}.revenue-bar:hover .revenue-bar-value{opacity:1}.revenue-bar-label{font-size:.75rem;color:#64748b;font-weight:500;text-align:center}.revenue-summary{display:flex;justify-content:space-around;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.revenue-summary p{margin:0;font-size:.875rem;color:#374151;font-weight:600}.chart-no-data-message{margin-top:1.5rem;padding:1rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;color:#92400e;font-size:.875rem}.chart-no-data-message p{margin:.5rem 0}.chart-no-data-message ul{margin:.5rem 0 .5rem 1.5rem;padding:0}.chart-no-data-message li{margin:.25rem 0}.sales-report,.inventory-report,.customer-report,.revenue-report{animation:fadeIn .3s ease}.top-products,.low-stock-products,.top-customers,.top-revenue-products{margin-top:2rem}.top-products h3,.low-stock-products h3,.top-customers h3,.top-revenue-products h3,.revenue-chart h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.settings-modal{max-width:1000px;width:95%;max-height:90vh;overflow-y:auto}.settings-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;border-bottom:1px solid #e2e8f0}.settings-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:none;cursor:pointer;transition:all .2s;font-weight:500;color:#6b7280;border-bottom:2px solid transparent}.settings-tab:hover{color:#3b82f6;background:#f8fafc}.settings-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f8fafc}.tab-icon{font-size:1.1rem}.settings-content{min-height:400px}.settings-section{background:#fff;padding:2rem;border-radius:.5rem;border:1px solid #e2e8f0;border-left:3px solid #f97316;border-right:3px solid #f97316}.settings-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1f2937}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:auto;margin:0}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0}.theme-card{border:2px solid var(--secondary-200);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;background:#fff;box-shadow:0 1px 2px #0000000d}.theme-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;border-color:var(--primary-300)}.theme-card.selected{border:3px solid var(--primary-500);box-shadow:0 4px 6px -1px #0000001a;background:var(--primary-50)}.theme-card .theme-preview{display:flex;gap:.5rem;margin-bottom:.75rem}.theme-card .theme-preview-color{width:30px;height:30px;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.theme-card h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--secondary-900)}.theme-card p{margin:0;font-size:.875rem;color:var(--secondary-600);line-height:1.4}.theme-card .selected-indicator{margin-top:.75rem;padding:.5rem;background-color:var(--primary-100);border-radius:.375rem;text-align:center;font-size:.875rem;font-weight:600;color:var(--primary-700)}.footer-actions{display:flex;gap:1rem;align-items:center}.save-message{position:fixed;bottom:20px;right:20px;padding:1rem 1.5rem;border-radius:.75rem;font-weight:500;z-index:10000;box-shadow:0 10px 25px -5px #0003,0 4px 6px -2px #0000001a;animation:slideInUp .3s ease;display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.save-message-icon{font-size:1.25rem;flex-shrink:0}.save-message-text{flex:1;line-height:1.5}.save-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.2)}.save-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(255,255,255,.2)}.save-message.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid rgba(255,255,255,.2)}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.save-message:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #0000004d,0 6px 8px -2px #00000026;transition:all .2s ease}.profile-modal{max-width:1000px;width:95%;max-height:90vh;overflow-y:auto}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;border-bottom:1px solid #e2e8f0}.profile-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:none;cursor:pointer;transition:all .2s;font-weight:500;color:#6b7280;border-bottom:2px solid transparent}.profile-tab:hover{color:#3b82f6;background:#f8fafc}.profile-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f8fafc}.profile-content{min-height:400px}.profile-section{background:#fff;padding:2rem;border-radius:.5rem;border:1px solid #e2e8f0;border-left:3px solid #f97316;border-right:3px solid #f97316}.profile-header{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar{width:100px;height:100px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-actions{display:flex;flex-direction:column;gap:.5rem}.profile-info h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.profile-info p{color:#6b7280;margin-bottom:.25rem}.form-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.account-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:.5rem}.info-row .label{font-weight:500;color:#374151}.info-row .value{color:#6b7280}.info-row .value.status-active{color:#10b981;font-weight:500}.notifications-section{margin-top:2rem}.notifications-section h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.password-change-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.password-change-section h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.security-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.report-type-selector,.settings-tabs,.profile-tabs{flex-direction:column}.profile-header{flex-direction:column;text-align:center}.form-section{grid-template-columns:1fr}.footer-actions{flex-direction:column;align-items:stretch}}.loading-message{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;margin-right:1rem}.header-actions{display:flex;align-items:center;gap:1rem}.shop-select{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;color:#1a202c;transition:all .2s ease}.shop-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.shop-select option{padding:8px;font-size:14px}.shop-info{display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 0;padding:8px 16px;background:#3b82f61a;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.shop-name{font-weight:600;color:#1e40af;font-size:16px}.shop-address{font-size:14px;color:#64748b;text-align:center}.shop-type{font-size:12px;color:#1e40af;font-weight:500;background:#3b82f61a;padding:2px 8px;border-radius:12px;margin-top:4px}.switch-shop-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.switch-shop-button:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.refresh-button{background:#059669;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s;margin-right:8px}.refresh-button:hover{background:#047857}.profile-dropdown-container{position:relative;display:inline-block;z-index:10001}.profile-dropdown-container *{box-sizing:border-box}.profile-dropdown-btn{position:relative}.profile-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:180px;z-index:10001!important;overflow:visible!important;animation:dropdownFadeIn .2s ease;display:block!important;visibility:visible!important;opacity:1!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;background:#fff;border:none;color:#374151;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;gap:.5rem}.profile-dropdown-item:hover{background:#f8fafc;color:#1f2937}.profile-dropdown-item-danger{color:#dc2626}.profile-dropdown-item-danger:hover{background:#fef2f2;color:#991b1b}.profile-dropdown-divider{height:1px;background:#e2e8f0;margin:.25rem 0}@media(max-width:768px){.profile-dropdown-menu{inset:100% auto auto 0;min-width:160px}}.product-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200);border-left:3px solid #f97316;border-right:3px solid #f97316;overflow:hidden;transition:all var(--transition-base);position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card-header{padding:var(--space-4);background:var(--secondary-50);border-bottom:1px solid var(--secondary-200)}.product-icon{font-size:var(--font-size-2xl);width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-3)}.product-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--secondary-900);margin-bottom:var(--space-1)}.product-category{font-size:var(--font-size-sm);color:var(--secondary-600);margin-bottom:var(--space-2)}.product-card-body{padding:var(--space-4)}.product-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.stat-item{text-align:center;padding:var(--space-2);background:var(--secondary-50);border-radius:var(--radius-md)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--secondary-900);display:block}.stat-label{font-size:var(--font-size-xs);color:var(--secondary-600);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.product-actions{display:flex;gap:var(--space-2)}.customer-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200);border-left:3px solid #f97316;border-right:3px solid #f97316;padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:visible;min-height:280px;display:flex;flex-direction:column}.customer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.customer-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.customer-card.valuable{border-color:var(--warning-300);background:linear-gradient(135deg,var(--warning-50),white)}.customer-card.valuable:before{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.customer-card.premium{border-color:var(--primary-300);background:linear-gradient(135deg,var(--primary-50),white)}.customer-card.premium:before{background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.customer-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.customer-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);flex-shrink:0}.customer-info{flex:1;min-width:0}.customer-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--secondary-900);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-email{font-size:var(--font-size-sm);color:var(--secondary-600);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-tier{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.customer-tier.valuable{background:var(--warning-100);color:var(--warning-800)}.customer-tier.premium{background:var(--primary-100);color:var(--primary-800)}.customer-tier.regular{background:var(--secondary-100);color:var(--secondary-800)}.customer-tier.bronze{background:#f3f4f6;color:#6b7280}.customer-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.stat-item{text-align:center;padding:var(--space-3);background:var(--secondary-50);border-radius:var(--radius-md);border:1px solid var(--secondary-200)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--secondary-900);display:block;margin-bottom:var(--space-1)}.stat-subtitle{font-size:.875rem;color:var(--secondary-600);font-weight:500;display:block}.metrics-summary{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb}.metrics-summary h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.metric-label{font-weight:500;color:#374151;font-size:14px}.metric-value{font-weight:700;color:#1f2937;font-size:16px}.stat-label{font-size:var(--font-size-xs);color:var(--secondary-600);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.customer-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.customer-actions .btn{flex:1;min-width:120px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.customer-actions .btn-primary{background:var(--primary-500);color:#fff}.customer-actions .btn-primary:hover{background:var(--primary-600)}.customer-actions .btn-secondary{background:var(--secondary-100);color:var(--secondary-700);border:1px solid var(--secondary-300)}.customer-actions .btn-secondary:hover{background:var(--secondary-200)}.customers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);padding:var(--space-4)}.customers-content{padding:var(--space-4)}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--secondary-200)}.customers-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--secondary-900)}.customers-actions{display:flex;gap:.5rem;flex-wrap:wrap}.customers-actions .btn{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:.875rem!important;font-weight:500!important;line-height:1.5!important;letter-spacing:-.01em!important;padding:.625rem 1.25rem!important}.customers-actions .btn-success,.customers-actions .btn.btn-success{background:#fff!important;color:#1f2937!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000001a}.customers-actions .btn-success:hover,.customers-actions .btn.btn-success:hover{background:#f8fafc!important;border-color:#f97316!important;color:#f97316!important;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.customers-actions .btn-warning,.customers-actions .btn.btn-warning{background:#fff!important;color:#1f2937!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000001a}.customers-actions .btn-warning:hover,.customers-actions .btn.btn-warning:hover{background:#f8fafc!important;border-color:#f97316!important;color:#f97316!important;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.customer-card *{visibility:visible!important}.customer-stats,.customer-actions{display:block!important;visibility:visible!important}.order-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200);border-left:3px solid #f97316;border-right:3px solid #f97316;padding:var(--space-6);transition:all var(--transition-base);position:relative}.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.order-id{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--secondary-600);font-family:var(--font-family-mono)}.order-time{font-size:var(--font-size-sm);color:var(--secondary-500)}.order-customer{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--secondary-900);margin-bottom:var(--space-2)}.order-items{font-size:var(--font-size-sm);color:var(--secondary-600);margin-bottom:var(--space-4)}.order-footer{display:flex;justify-content:space-between;align-items:center}.order-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--secondary-900)}.order-actions{display:flex;gap:var(--space-2)}.category-filters{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200);margin-bottom:var(--space-8)}.category-filters h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--secondary-900);margin-bottom:var(--space-2)}.category-filters p{font-size:var(--font-size-sm);color:var(--secondary-600);margin-bottom:var(--space-4)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.category-btn{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);border:2px solid var(--secondary-200);border-radius:var(--radius-lg);background:var(--secondary-50);cursor:pointer;transition:all var(--transition-base);position:relative;min-height:120px;justify-content:center}.category-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-300);background:var(--primary-50)}.category-btn.active{border-color:var(--primary-500);background:var(--primary-500);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.category-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.category-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;line-height:var(--line-height-snug)}.selected-indicator{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--success-500);color:#fff;width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);animation:scaleIn .3s ease-out}.data-source-toggle{background:#fff;border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200);margin-bottom:var(--space-6)}.toggle-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.toggle-icon{font-size:var(--font-size-lg);color:var(--primary-500)}.toggle-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--secondary-900)}.toggle-description{font-size:var(--font-size-sm);color:var(--secondary-600);margin-bottom:var(--space-4)}.toggle-buttons{display:flex;gap:var(--space-2)}.toggle-btn{flex:1;padding:var(--space-3) var(--space-4);border:2px solid var(--secondary-200);border-radius:var(--radius-lg);background:#fff;color:var(--secondary-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.toggle-btn:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.toggle-btn.active{border-color:var(--primary-500);background:var(--primary-500);color:#fff;box-shadow:var(--shadow-sm)}.search-filter-bar{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:250px;padding:var(--space-3) var(--space-4);border:1px solid var(--secondary-300);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-base);background:#fff}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.filter-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--secondary-300);border-radius:var(--radius-lg);background:#fff;color:var(--secondary-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{border-color:var(--primary-500);color:var(--primary-600);background:var(--primary-50)}.filter-btn.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.table-container{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--secondary-200);margin-bottom:var(--space-8)}.table-header{display:grid;background:var(--secondary-50);padding:var(--space-4) var(--space-6);font-weight:var(--font-weight-semibold);color:var(--secondary-700);border-bottom:1px solid var(--secondary-200);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.table-row{display:grid;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--secondary-100);align-items:center;transition:all var(--transition-base)}.table-row:hover{background:var(--secondary-50)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.status-pending{background:var(--warning-100);color:var(--warning-800)}.status-processing{background:var(--info-100);color:var(--info-800)}.status-ready{background:var(--success-100);color:var(--success-800)}.status-delivered{background:var(--primary-100);color:var(--primary-800)}.status-cancelled{background:var(--error-100);color:var(--error-800)}.action-buttons{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.action-btn{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-1)}.action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-btn.edit{background:var(--primary-100);color:var(--primary-700)}.action-btn.edit:hover{background:var(--primary-200)}.action-btn.delete{background:var(--error-100);color:var(--error-700)}.action-btn.delete:hover{background:var(--error-200)}.action-btn.view{background:var(--secondary-100);color:var(--secondary-700)}.action-btn.view:hover{background:var(--secondary-200)}.product-cell{display:flex;align-items:center;gap:var(--space-3)}.product-icon{font-size:var(--font-size-2xl);width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.product-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.product-icon-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:var(--font-size-2xl)}.product-details{display:flex;flex-direction:column;min-width:0}.product-details strong{color:var(--secondary-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-details small{color:var(--secondary-600);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-info{display:flex;flex-direction:column;gap:var(--space-1)}.top-category{font-size:var(--font-size-xs);color:var(--secondary-600);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.sub-category{font-size:var(--font-size-sm);color:var(--secondary-900);font-weight:var(--font-weight-semibold)}.stock-high{color:var(--success-600);font-weight:var(--font-weight-semibold)}.stock-medium{color:var(--warning-600);font-weight:var(--font-weight-semibold)}.stock-low{color:var(--error-600);font-weight:var(--font-weight-semibold)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.section-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--secondary-900)}.product-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}@media(max-width:768px){.category-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.category-btn{padding:var(--space-3);min-height:100px}.category-icon{font-size:var(--font-size-xl)}.customer-header{flex-direction:column;text-align:center;gap:var(--space-3)}.customer-stats,.product-stats{grid-template-columns:1fr;gap:var(--space-2)}.toggle-buttons{flex-direction:column}.search-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.search-input{min-width:auto}.filter-buttons{justify-content:center}.section-header{flex-direction:column;align-items:stretch;text-align:center}.product-actions{justify-content:center}.action-buttons{flex-direction:column;gap:var(--space-1)}.action-btn{width:100%;justify-content:center}}@media(max-width:480px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-btn{padding:var(--space-2);min-height:80px}.category-icon{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.category-name{font-size:var(--font-size-xs)}.customer-actions,.product-actions,.order-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.table-header,.table-row{padding:var(--space-3);font-size:var(--font-size-sm)}.product-cell{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.product-icon{width:32px;height:32px;font-size:var(--font-size-lg)}}.bulk-actions-bar{background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease-out}.bulk-actions-info{display:flex;align-items:center;gap:var(--space-2)}.selected-count{font-weight:var(--font-weight-semibold);color:var(--warning-800);font-size:var(--font-size-sm)}.bulk-actions-buttons{display:flex;gap:var(--space-2)}.bulk-action-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.bulk-action-btn.bulk-delete{background:var(--danger-500);color:#fff}.bulk-action-btn.bulk-delete:hover:not(:disabled){background:var(--danger-600);transform:translateY(-1px)}.bulk-action-btn.bulk-delete:disabled{background:var(--secondary-300);cursor:not-allowed;opacity:.6}.bulk-action-btn.clear-selection{background:var(--secondary-100);color:var(--secondary-700);border:1px solid var(--secondary-300)}.bulk-action-btn.clear-selection:hover{background:var(--secondary-200);color:var(--secondary-800)}.checkbox-header,.checkbox-cell{display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.select-all-checkbox,.product-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-500)}.select-all-checkbox:checked,.product-checkbox:checked{background-color:var(--primary-500)}.table-row{transition:all var(--transition-base)}.table-row:hover{background-color:var(--secondary-50)}.table-row.selected{background-color:var(--primary-50);border-left:3px solid var(--primary-500)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.bulk-actions-bar{flex-direction:column;gap:var(--space-3);align-items:stretch}.bulk-actions-buttons{justify-content:center}.bulk-action-btn{flex:1;justify-content:center}}.order-details-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px}.order-details-modal .modal-overlay{position:absolute;inset:0;background:transparent}.order-details-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;position:relative;z-index:1301}.order-details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.order-details-modal .modal-header h3{color:#1f2937;font-size:24px;font-weight:600;margin:0}.order-details-modal .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.order-details-modal .close-btn:hover{background:#f3f4f6;color:#374151}.order-details-modal .modal-body{padding:0 24px 24px}.order-details-modal .order-info-section,.order-details-modal .order-items-section,.order-details-modal .fulfillment-section{margin-bottom:32px}.order-details-modal .order-info-section h4,.order-details-modal .order-items-section h4,.order-details-modal .fulfillment-section h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.order-details-modal .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.order-details-modal .info-item{display:flex;flex-direction:column;gap:4px}.order-details-modal .info-item label{font-weight:600;color:#374151;font-size:14px}.order-details-modal .info-item span{color:#1f2937;font-size:16px}.order-details-modal .total-amount{font-weight:700;color:#059669;font-size:18px}.order-details-modal .items-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.order-details-modal .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:#f9fafb;padding:16px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.order-details-modal .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px;border-bottom:1px solid #f3f4f6;align-items:center}.order-details-modal .table-row:last-child{border-bottom:none}.order-details-modal .product-info{display:flex;flex-direction:column;gap:4px}.order-details-modal .product-name{font-weight:600;color:#1f2937}.order-details-modal .product-id{font-size:12px;color:#6b7280}.order-details-modal .quantity-badge{background:#dbeafe;color:#f97316;padding:4px 8px;border-radius:6px;font-weight:600;font-size:14px}.order-details-modal .unit-price,.order-details-modal .item-total{font-weight:600;color:#1f2937}.order-details-modal .action-buttons{display:flex;gap:12px;flex-wrap:wrap}.order-details-modal .action-btn{padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.order-details-modal .action-btn.primary{background:#f97316;color:#fff}.order-details-modal .action-btn.primary:hover{background:#ea580c}.order-details-modal .action-btn.success{background:#10b981;color:#fff}.order-details-modal .action-btn.success:hover{background:#059669}.order-details-modal .action-btn.warning{background:#f59e0b;color:#fff}.order-details-modal .action-btn.warning:hover{background:#d97706}.order-details-modal .action-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.order-details-modal .action-btn:disabled:hover{background:#d1d5db;color:#9ca3af}.order-details-modal .modal-footer{padding:24px;text-align:center;border-top:1px solid #e5e7eb}.order-details-modal .btn-secondary{background:#6b7280;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.order-details-modal .btn-secondary:hover{background:#4b5563}@media(max-width:768px){.order-details-modal .modal-content{max-width:95%;margin:10px}.order-details-modal .info-grid{grid-template-columns:1fr}.order-details-modal .table-header,.order-details-modal .table-row{grid-template-columns:1fr;gap:8px}.order-details-modal .table-header>div,.order-details-modal .table-row>div{padding:4px 0}.order-details-modal .action-buttons{flex-direction:column}}.order-edit-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1400;padding:20px}.order-edit-modal .modal-overlay{position:absolute;inset:0;background:transparent}.order-edit-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;position:relative;z-index:1401}.order-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.order-edit-modal .modal-header h3{color:#1f2937;font-size:24px;font-weight:600;margin:0}.order-edit-modal .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.order-edit-modal .close-btn:hover{background:#f3f4f6;color:#374151}.order-edit-modal .modal-body{padding:0 24px 24px}.order-edit-form{display:flex;flex-direction:column;gap:32px}.edit-section{border:1px solid #e5e7eb;border-radius:8px;padding:20px;background:#f9fafb}.edit-section h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h4{margin:0;border:none;padding:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#374151;font-size:14px}.form-input,.form-select,.form-textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.items-edit-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.item-edit-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.item-product,.item-quantity,.item-price,.item-total{display:flex;flex-direction:column;gap:4px}.item-product label,.item-quantity label,.item-price label,.item-total label{font-weight:600;color:#374151;font-size:12px}.total-display{font-weight:600;color:#059669;font-size:16px;padding:8px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px}.item-actions{display:flex;align-items:center}.btn-add-item,.btn-remove-item{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-item{background:#f97316;color:#fff}.btn-add-item:hover{background:#ea580c}.btn-remove-item{background:#ef4444;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px}.btn-remove-item:hover{background:#dc2626}.btn-remove-item:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.order-total{text-align:right;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:18px;color:#059669}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-save{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#6b7280;color:#fff}.btn-cancel:hover{background:#4b5563}.btn-save{background:#10b981;color:#fff}.btn-save:hover{background:#059669}.btn-cancel:disabled,.btn-save:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}@media(max-width:768px){.order-edit-modal .modal-content{max-width:95%;margin:10px}.form-grid{grid-template-columns:1fr}.item-edit-row{grid-template-columns:1fr;gap:8px}.form-actions{flex-direction:column}.section-header{flex-direction:column;align-items:stretch;gap:12px}}.product-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200!important;padding:0;overflow-y:auto}.product-form-modal{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:800px;z-index:1201!important;height:100vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:0}.product-form-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.product-form-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.close-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.product-form{padding:0 20px 20px}.form-sections-nav{display:flex;gap:8px;border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding:0 20px;overflow-x:auto}.section-tab{background:none;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;white-space:nowrap}.section-tab:hover{color:#374151;background:#f9fafb}.section-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}.form-section{animation:fadeIn .3s ease-in}.form-section h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{font-weight:500;color:#374151;margin-bottom:6px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group textarea{resize:vertical;min-height:80px}.form-group small{color:#6b7280;font-size:12px;margin-top:4px}.error-message{color:#ef4444;font-size:12px;margin-top:4px;font-weight:500}.checkbox-group{margin-bottom:24px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#374151;margin-bottom:6px}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;margin-right:12px;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-label input[type=checkbox]:disabled+.checkmark{opacity:.5;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}@media(max-width:768px){.product-form-overlay{padding:0}.product-form-modal{height:100vh;margin:0}.form-row{grid-template-columns:1fr;gap:0}.product-form-header{padding:20px 20px 0}.product-form{padding:0 20px 20px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.product-form.loading{pointer-events:none;opacity:.7}.form-group{animation:fadeInUp .3s ease-out}.form-row:nth-child(1){animation-delay:.1s}.form-row:nth-child(2){animation-delay:.2s}.form-row:nth-child(3){animation-delay:.3s}.form-row:nth-child(4){animation-delay:.4s}.form-row:nth-child(5){animation-delay:.5s}.image-input-group{display:flex;gap:8px;align-items:stretch}.image-input-group input{flex:1;margin-bottom:0}.btn-generate-image{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px;display:flex;align-items:center;justify-content:center;gap:6px}.btn-generate-image:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-generate-image:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.image-preview-container{margin-top:12px}.image-preview{border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:center;min-height:120px;position:relative}.image-preview img{max-width:100%;max-height:200px;object-fit:cover;border-radius:6px;transition:transform .2s ease}.image-preview img:hover{transform:scale(1.02)}.image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#dc2626;text-align:center}.image-error span{font-weight:500;margin-bottom:8px}.image-error small{font-size:12px;color:#6b7280;word-break:break-all;max-width:100%}.image-actions{display:flex;gap:8px;margin-top:8px;justify-content:center}.btn-preview-image,.btn-clear-image{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.btn-preview-image{background:#3b82f6;color:#fff}.btn-preview-image:hover{background:#2563eb;transform:translateY(-1px)}.btn-clear-image{background:#ef4444;color:#fff}.btn-clear-image:hover{background:#dc2626;transform:translateY(-1px)}.image-generation-status{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0369a1;font-size:14px}.generation-spinner{width:16px;height:16px;border:2px solid #e0f2fe;border-top:2px solid #0ea5e9;border-radius:50%;animation:spin 1s linear infinite}.btn-generate-image:disabled .spinner{animation:spin 1s linear infinite}.bulk-upload-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200!important}.bulk-upload-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;z-index:1201!important}.bulk-upload-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.bulk-upload-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.close-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-upload-content{padding:24px;overflow-y:auto;flex:1}.step-header{margin-bottom:24px}.step-header h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#111827}.step-header p{margin:0;color:#6b7280;font-size:.875rem}.template-info{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.template-preview{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.template-preview h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#111827}.template-preview ul{margin:0;padding:0;list-style:none}.template-preview li{padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#374151}.template-preview li:last-child{border-bottom:none}.categories-list{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.categories-list h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#111827}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.category-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem}.category-id{background:#f97316;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600;font-size:.75rem}.category-name{color:#374151;font-weight:500}.template-actions{display:flex;gap:12px;justify-content:center}.upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:40px;text-align:center;margin-bottom:24px;transition:all .2s;cursor:pointer}.upload-area:hover,.upload-area.drag-active{border-color:#f97316;background:#eff6ff}.upload-content{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon{font-size:3rem;color:#6b7280}.upload-content h4{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.upload-content p{margin:0;color:#6b7280;font-size:.875rem}.selected-file{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;margin-bottom:24px}.file-info{display:flex;align-items:center;gap:12px}.file-icon{font-size:1.5rem;color:#0ea5e9}.file-details{display:flex;flex-direction:column;gap:4px}.file-details strong{color:#111827;font-weight:600}.file-details span{color:#6b7280;font-size:.875rem}.upload-actions{display:flex;gap:12px;justify-content:center}.processing-step{display:flex;align-items:center;justify-content:center;min-height:200px}.processing-content{text-align:center}.processing-spinner{font-size:3rem;margin-bottom:16px;animation:spin 2s linear infinite}.processing-content h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#111827}.processing-content p{margin:0;color:#6b7280;font-size:.875rem}.results-summary{display:flex;align-items:center;gap:16px;padding:20px;border-radius:8px;margin-bottom:24px}.results-summary.success{background:#f0fdf4;border:1px solid #22c55e}.results-summary.error{background:#fef2f2;border:1px solid #ef4444}.result-icon{font-size:2rem}.result-details h4{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#111827}.result-details p{margin:0;font-size:.875rem;color:#6b7280}.errors-section{margin-bottom:24px}.errors-section h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#dc2626}.errors-list{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin:0;list-style:none;max-height:200px;overflow-y:auto}.error-item{padding:4px 0;color:#dc2626;font-size:.875rem;border-bottom:1px solid #fecaca}.error-item:last-child{border-bottom:none}.products-preview{margin-bottom:24px}.products-preview h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#111827}.products-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;max-height:200px;overflow-y:auto}.product-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.product-item:last-child{border-bottom:none}.product-name{font-weight:500;color:#111827}.product-price{color:#059669;font-weight:600}.more-products{text-align:center;padding:8px 0;color:#6b7280;font-style:italic;font-size:.875rem}.results-actions{display:flex;gap:12px;justify-content:center}.image-generation-option{margin:16px 0;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.image-generation-option .checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#374151;margin-bottom:8px}.image-generation-option .checkbox-label input[type=checkbox]{display:none}.image-generation-option .checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;margin-right:12px;position:relative;transition:all .2s ease;flex-shrink:0}.image-generation-option .checkbox-label input[type=checkbox]:checked+.checkmark{background:#f97316;border-color:#f97316}.image-generation-option .checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.image-generation-option .checkbox-label input[type=checkbox]:disabled+.checkmark{opacity:.5;cursor:not-allowed}.image-generation-option small{color:#6b7280;font-size:12px;margin-left:32px;display:block}.btn-primary{background:#f97316;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-primary:hover:not(:disabled){background:#ea580c}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.bulk-upload-modal{width:95%;margin:20px}.template-info{grid-template-columns:1fr;gap:16px}.categories-grid{grid-template-columns:1fr}.template-actions,.upload-actions,.results-actions{flex-direction:column}.selected-file{flex-direction:column;gap:12px;text-align:center}}.categories-reference{margin:24px 0;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.categories-reference h4{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#1e293b}.categories-reference p{margin:0 0 16px;color:#64748b;font-size:.9rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:8px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.category-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f1f5f9;border-radius:4px;border:1px solid #e2e8f0;font-size:.85rem}.category-name{font-weight:500;color:#1e293b;flex:1}.category-id{color:#64748b;font-family:monospace;font-size:.75rem;margin-left:8px;opacity:.7}@media(max-width:768px){.categories-grid{grid-template-columns:1fr;max-height:150px}.category-item{flex-direction:column;align-items:flex-start;gap:4px}.category-id{margin-left:0}}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200!important;padding:20px;animation:fadeIn .2s ease-out}.confirm-dialog-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:400px;z-index:1201!important;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-header{display:flex;align-items:center;padding:24px 24px 0;gap:16px}.confirm-dialog-icon{font-size:32px;flex-shrink:0}.confirm-dialog-title{margin:0;font-size:20px;font-weight:600;color:#111827;flex:1}.confirm-dialog-content{padding:16px 24px 24px}.confirm-dialog-message{margin:0;color:#6b7280;line-height:1.5;font-size:14px}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px}.confirm-dialog-btn{padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;min-width:80px}.confirm-dialog-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.confirm-dialog-btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.confirm-dialog-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.confirm-dialog-btn-confirm{color:#fff}.confirm-dialog-btn-danger{background:#ef4444}.confirm-dialog-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.confirm-dialog-btn-warning{background:#f59e0b}.confirm-dialog-btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.confirm-dialog-btn-info{background:#f97316}.confirm-dialog-btn-info:hover:not(:disabled){background:#ea580c;transform:translateY(-1px)}@media(max-width:480px){.confirm-dialog-overlay{padding:10px}.confirm-dialog-modal{max-width:100%}.confirm-dialog-header{padding:20px 20px 0}.confirm-dialog-content{padding:16px 20px 20px}.confirm-dialog-actions{padding:0 20px 20px;flex-direction:column}.confirm-dialog-btn{width:100%}}.customer-details-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding:20px;overflow-y:auto}.customer-details-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:900px;max-height:calc(100vh - 40px);overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:20px 0;position:relative;z-index:1201}.customer-details-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.customer-header-info{display:flex;align-items:center;gap:16px}.customer-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f97316,#764ba2);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.customer-header-text h2{margin:0 0 8px;font-size:28px;font-weight:600;color:#111827}.customer-badges{display:flex;gap:8px;flex-wrap:wrap}.tier-badge,.valuable-badge,.premium-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.tier-badge{background:#6b7280}.valuable-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.premium-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.close-btn:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#dc2626;transform:scale(1.1);box-shadow:0 4px 8px #ef44444d}.close-btn:active:not(:disabled){transform:scale(.95)}.customer-details-content{padding:0 24px 24px;min-height:400px}.customer-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px;padding-top:16px}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center;transition:all .2s ease;min-height:100px;display:flex;flex-direction:column;justify-content:center}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.stat-value{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.2;display:block}.stat-label{font-size:14px;color:#64748b;font-weight:500}.customer-info-section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.edit-btn{background:#f97316;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-btn:hover:not(:disabled){background:#ea580c}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:6px}.info-item label{font-weight:600;color:#374151;font-size:14px}.info-item span{color:#6b7280;font-size:14px}.edit-input,.edit-textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.edit-textarea{resize:vertical;min-height:80px}.edit-actions{margin-top:20px;display:flex;justify-content:flex-end}.save-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#059669}.perks-section{margin-bottom:32px}.perks-section h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#111827}.perks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.perk-item{display:flex;align-items:center;gap:8px;padding:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:14px;color:#166534}.perk-icon{color:#16a34a;font-weight:700}.notes-section{margin-bottom:32px}.notes-section h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#111827}.notes-content{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;font-size:14px;line-height:1.5;min-height:80px}.notes-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:100px}.notes-textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.customer-actions{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb;align-items:stretch}.valuable-btn,.contact-btn,.orders-btn,.close-btn-bottom{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center}.valuable-btn{background:#f3f4f6;color:#374151;border:2px solid #d1d5db}.valuable-btn.valuable-active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#d97706}.valuable-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.contact-btn{background:#f97316;color:#fff}.contact-btn:hover:not(:disabled){background:#ea580c;transform:translateY(-1px)}.orders-btn{background:#10b981;color:#fff}.orders-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.close-btn-bottom:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.customer-details-overlay{z-index:1200!important}.customer-details-modal{z-index:1201!important}@media(max-width:768px){.customer-details-overlay{padding:10px;align-items:flex-start}.customer-details-modal{max-height:calc(100vh - 20px);margin:10px 0}.customer-details-header{padding:20px 20px 0}.customer-details-content{padding:0 20px 20px}.customer-header-info{flex-direction:column;text-align:center;gap:12px}.customer-avatar-large{width:60px;height:60px;font-size:24px}.customer-header-text h2{font-size:24px}.customer-stats{grid-template-columns:repeat(2,1fr)}.info-grid,.perks-grid{grid-template-columns:1fr}.customer-actions{flex-direction:column;gap:10px}.valuable-btn,.contact-btn,.orders-btn,.close-btn-bottom{width:100%;justify-content:center;padding:14px 20px;font-size:15px}}.customer-details-modal.loading{pointer-events:none;opacity:.7}.customer-info-section,.perks-section,.notes-section{animation:fadeInUp .3s ease-out}.customer-segmentation-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1100;padding:20px;overflow-y:auto}.customer-segmentation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1200px;max-height:calc(100vh - 40px);overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:20px 0;position:relative;z-index:1101}.segmentation-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:sticky;top:0;background:#fff;z-index:10}.segmentation-header h2{margin:0;font-size:28px;font-weight:600;color:#111827}.close-btn{background:#f3f4f6;border:2px solid #e5e7eb;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-weight:700;box-shadow:0 2px 4px #0000001a}.close-btn:hover{background:#ef4444;color:#fff;border-color:#dc2626;transform:scale(1.1);box-shadow:0 4px 8px #ef44444d}.segmentation-content{padding:0 24px 24px;margin-top:0}.segment-selector{margin-bottom:32px;padding-top:8px}.segment-selector h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#111827}.segment-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.segment-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.segment-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.segment-card.active{border-color:#f97316;background:#f8fafc;box-shadow:0 4px 6px -1px #f973161a}.segment-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.segment-info{flex:1;min-width:0}.segment-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segment-count{margin:0 0 2px;font-size:14px;color:#6b7280}.segment-percentage{margin:0;font-size:12px;color:#9ca3af;font-weight:500}.segment-details{display:grid;grid-template-columns:1fr 1fr;gap:32px}.segment-overview{background:#f8fafc;border-radius:12px;padding:24px}.segment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.segment-title{display:flex;align-items:center;gap:16px}.segment-icon-large{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.segment-title h3{margin:0 0 4px;font-size:24px;font-weight:600;color:#111827}.segment-title p{margin:0;font-size:14px;color:#6b7280}.segment-actions{display:flex;gap:12px}.export-btn{background:#f97316;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:#ea580c}.segment-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center}.metric-value{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:4px}.metric-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.segment-criteria,.segment-recommendations{margin-bottom:24px}.segment-criteria h4,.segment-recommendations h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#111827}.segment-criteria ul,.segment-recommendations ul{margin:0;padding-left:20px}.segment-criteria li,.segment-recommendations li{margin-bottom:8px;font-size:14px;color:#374151;line-height:1.5}.customer-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.customer-list h4{margin:0 0 16px;font-size:18px;font-weight:600;color:#111827}.no-customers{text-align:center;padding:40px 20px;color:#6b7280}.customers-table{overflow-x:auto}.table-header{display:grid;grid-template-columns:1fr 1.5fr .8fr 1fr 1fr 1fr;gap:16px;padding:12px 0;border-bottom:2px solid #e5e7eb;font-weight:600;color:#374151;font-size:14px}.table-row{display:grid;grid-template-columns:1fr 1.5fr .8fr 1fr 1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #f3f4f6;align-items:center;font-size:14px}.table-row:hover{background:#f8fafc}.customer-email{color:#6b7280;font-size:13px}.customer-orders{text-align:center;font-weight:500;color:#374151}.customer-spent{font-weight:600;color:#059669}.customer-last-order{color:#6b7280;font-size:13px}.customer-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.customer-status.valuable{background:#fef3c7;color:#92400e}.customer-status.premium{background:#ede9fe;color:#6b21a8}.customer-status.regular{background:#f3f4f6;color:#374151}.customer-segmentation-overlay{z-index:1200!important}.customer-segmentation-modal{z-index:1201!important}@media(max-width:1024px){.segment-details{grid-template-columns:1fr}.segment-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.customer-segmentation-overlay{padding:10px}.customer-segmentation-modal{max-height:calc(100vh - 20px);margin:10px 0}.segmentation-header{padding:20px 20px 0}.segmentation-content{padding:0 20px 20px}.segment-cards,.segment-metrics{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header span,.table-row span{display:block;margin-bottom:4px}.table-header span:before,.table-row span:before{content:attr(data-label) ": ";font-weight:600;color:#374151}}.customer-segmentation-modal.loading{pointer-events:none;opacity:.7}.segment-overview,.customer-list{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loyalty-program-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding:20px;overflow-y:auto}.loyalty-program-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1400px;max-height:calc(100vh - 40px);overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:20px 0;position:relative;z-index:1201}.loyalty-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.loyalty-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.loyalty-content{padding:0 24px 24px;margin-top:0}.loyalty-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #e5e7eb;overflow-x:auto;padding-bottom:0}.program-stats h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#111827}.tier-distribution h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#111827}.tier-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tier-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.tier-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tier-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.tier-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.tier-count{margin:0 0 2px;font-size:14px;color:#6b7280}.tier-percentage{margin:0;font-size:12px;color:#9ca3af;font-weight:500}.tiers-content h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#111827}.tiers-list{display:flex;flex-direction:column;gap:24px}.tier-detail-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .2s ease}.tier-detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.tier-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.tier-icon-large{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff}.tier-details h4{margin:0 0 8px;font-size:24px;font-weight:700;color:#111827}.tier-requirement{margin:0 0 4px;font-size:16px;color:#6b7280;font-weight:500}.tier-discount{margin:0;font-size:14px;color:#059669;font-weight:600}.tier-benefits h5{margin:0 0 12px;font-size:16px;font-weight:600;color:#111827}.tier-benefits ul{margin:0;padding:0;list-style:none}.tier-benefits li{font-size:14px;color:#374151;position:relative;padding:8px 0 8px 20px}.tier-benefits li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}.rewards-content h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#111827}.rewards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.add-reward-btn{background:#f97316;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-reward-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.reward-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease}.reward-card.active{border-color:#059669;background:#f0fdf4}.reward-card.inactive{border-color:#d1d5db;background:#f9fafb;opacity:.7}.reward-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.reward-icon{font-size:32px;text-align:center}.reward-info{flex:1}.reward-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.reward-info p{margin:0 0 12px;font-size:14px;color:#6b7280;line-height:1.5}.reward-cost{font-size:16px;font-weight:600;color:#f97316}.reward-actions{display:flex;gap:8px}.toggle-btn{background:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.toggle-btn:hover:not(:disabled){background:#4b5563}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.customers-content h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#111827}.customers-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 2fr;gap:16px;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:14px;color:#374151}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 2fr;gap:16px;padding:16px 20px;border-bottom:1px solid #f3f4f6;align-items:center;transition:all .2s ease}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.customer-name{font-weight:500;color:#111827}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;color:#fff}.customer-points,.customer-earned,.customer-redeemed{font-weight:500;color:#111827;text-align:right}.customer-activity{font-size:14px;color:#6b7280}.customer-progress{display:flex;flex-direction:column;gap:4px}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease}.progress-text{font-size:12px;color:#6b7280}.settings-content h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#111827}.setting-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease}.setting-group input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #1e40af1a}.threshold-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.threshold-input{display:flex;flex-direction:column}.threshold-input label{font-size:14px;margin-bottom:4px}.threshold-input input{padding:8px 10px}.loyalty-program-overlay{z-index:1200!important}.loyalty-program-modal{z-index:1201!important}@media(max-width:1024px){.loyalty-program-modal{max-width:95%;margin:10px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tier-cards,.rewards-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header span,.table-row span{display:block;margin-bottom:4px}}@media(max-width:768px){.loyalty-program-overlay{padding:10px}.loyalty-program-modal{max-height:calc(100vh - 20px);margin:10px 0}.loyalty-header{padding:20px 20px 0}.loyalty-content{padding:0 20px 20px}.loyalty-tabs{flex-wrap:wrap;gap:4px}.tab-btn{padding:8px 12px;font-size:12px}.stats-grid{grid-template-columns:1fr}.tier-header{flex-direction:column;text-align:center;gap:12px}.threshold-inputs{grid-template-columns:1fr}.setting-actions{flex-direction:column}}.customer-communication-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding:20px;overflow-y:auto}.customer-communication-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1400px;max-height:calc(100vh - 40px);overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:20px 0;position:relative;z-index:1201}.communication-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.communication-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.communication-content{padding:0 24px 24px;margin-top:0}.communication-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #e5e7eb;overflow-x:auto;padding-bottom:0}.campaigns-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.campaign-type{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.campaign-info h4{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.campaign-subject{margin:0;font-size:14px;color:#6b7280}.campaign-status{display:flex;align-items:center}.duplicate-btn:hover{background:#f0fdf4;border-color:#059669;color:#059669}.send-btn:hover{background:#fef3c7;border-color:#d97706;color:#d97706}.pause-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.resume-btn:hover{background:#f0fdf4;border-color:#059669;color:#059669}.templates-content{display:flex;flex-direction:column;gap:24px}.templates-header{display:flex;justify-content:space-between;align-items:center}.templates-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.template-type{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.template-category{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.template-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#111827}.template-subject{margin:0 0 8px;font-size:14px;color:#f97316;font-weight:500}.template-content{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.5}.template-actions{display:flex;gap:8px;flex-wrap:wrap}.audiences-content{display:flex;flex-direction:column;gap:24px}.audiences-header{display:flex;justify-content:space-between;align-items:center}.audiences-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.audiences-list{display:flex;flex-direction:column;gap:16px}.audience-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .2s ease}.audience-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.audience-info{flex:1}.audience-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.audience-info p{margin:0 0 12px;font-size:14px;color:#6b7280}.audience-criteria{display:flex;gap:8px;flex-wrap:wrap}.criteria-tag{background:#f0f9ff;color:#f97316;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.audience-stats{display:flex;align-items:center}.audience-count{display:flex;flex-direction:column;align-items:center;text-align:center}.count-value{font-size:24px;font-weight:700;color:#111827;margin-bottom:4px}.count-label{font-size:12px;color:#6b7280}.audience-actions{display:flex;gap:8px}.analytics-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.analytics-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.analytics-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.recent-campaigns{display:flex;flex-direction:column;gap:12px}.recent-campaign{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.recent-campaign-info h5{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.recent-campaign-info p{margin:0;font-size:12px;color:#6b7280}.recent-campaign-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.recent-campaign-stats span{font-size:12px;color:#6b7280}.audience-insights{display:flex;flex-direction:column;gap:12px}.audience-insight{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.insight-name{font-size:14px;font-weight:500;color:#111827}.insight-count{font-size:12px;color:#6b7280}.customer-communication-overlay{z-index:1200!important}.customer-communication-modal{z-index:1201!important}@media(max-width:1024px){.customer-communication-modal{max-width:95%;margin:10px}.campaigns-stats,.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.templates-grid{grid-template-columns:1fr}.campaign-details{flex-direction:column;align-items:flex-start;gap:16px}.campaign-metrics{justify-content:flex-start}.audience-card{flex-direction:column;align-items:flex-start;gap:16px}.analytics-sections{grid-template-columns:1fr}}@media(max-width:768px){.customer-communication-overlay{padding:10px}.customer-communication-modal{max-height:calc(100vh - 20px);margin:10px 0}.communication-header{padding:20px 20px 0}.communication-content{padding:0 20px 20px}.communication-tabs{flex-wrap:wrap;gap:4px}.tab-btn{padding:8px 12px;font-size:12px}.campaigns-stats,.analytics-stats{grid-template-columns:1fr}.campaign-metrics{flex-direction:column;gap:12px}.campaign-actions,.template-actions,.audience-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.review-form-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.review-form-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.review-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.review-form-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.review-form-close{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.review-form-close:hover:not(:disabled){background-color:#f5f5f5;color:#333}.review-form-close:disabled{opacity:.5;cursor:not-allowed}.review-form-product{padding:16px 24px;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0}.review-form-product h3{margin:0 0 8px;font-size:18px;font-weight:500;color:#333}.verified-badge{display:inline-block;padding:4px 8px;background-color:#4caf50;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.review-form{padding:24px}.review-form-group{margin-bottom:24px}.review-form-label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.required{color:#f44336}.rating-input{display:flex;align-items:center;gap:8px}.star-button{background:none;border:none;font-size:32px;color:#ddd;cursor:pointer;padding:0;transition:all .2s;line-height:1}.star-button:hover:not(:disabled){transform:scale(1.1)}.star-button.active{color:#ffc107}.star-button:disabled{cursor:not-allowed;opacity:.6}.rating-text{margin-left:12px;color:#666;font-size:14px;font-weight:500}.review-form-input,.review-form-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.review-form-input:focus,.review-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.review-form-input:disabled,.review-form-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.review-form-textarea{resize:vertical;min-height:120px}.character-count{margin-top:4px;font-size:12px;color:#999;text-align:right}.review-images-section{display:flex;flex-wrap:wrap;gap:12px}.review-image-preview{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid #ddd}.review-image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-image:hover:not(:disabled){background:#000000e6}.remove-image:disabled{opacity:.5;cursor:not-allowed}.add-image-input{display:flex;gap:8px;width:100%;max-width:300px}.add-image-input .review-form-input{flex:1}.add-image-btn{padding:12px 20px;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-image-btn:hover:not(:disabled){background-color:#5568d3}.add-image-btn:disabled{opacity:.6;cursor:not-allowed}.review-form-error{padding:12px;background-color:#ffebee;color:#c62828;border-radius:6px;margin-bottom:16px;font-size:14px}.review-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e0e0e0}.review-form-cancel,.review-form-submit{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.review-form-cancel{background-color:#f5f5f5;color:#666}.review-form-cancel:hover:not(:disabled){background-color:#e0e0e0}.review-form-submit{background-color:#667eea;color:#fff}.review-form-submit:hover:not(:disabled){background-color:#5568d3}.review-form-submit:disabled{opacity:.6;cursor:not-allowed}.review-form-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.review-form-modal{max-width:100%;margin:10px}.review-form,.review-form-header{padding:16px}.star-button{font-size:28px}}.customer-feedback-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding:20px;overflow-y:auto}.customer-feedback-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1400px;max-height:calc(100vh - 40px);overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:20px 0;position:relative;z-index:1201}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.feedback-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.feedback-content{padding:0 24px 24px;margin-top:0}.feedback-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #e5e7eb;overflow-x:auto;padding-bottom:0}.reviews-content{display:flex;flex-direction:column;gap:24px}.reviews-header{display:flex;flex-direction:column;gap:20px}.reviews-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.reviews-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease}.review-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.review-info{flex:1}.customer-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.customer-info h4{margin:0;font-size:16px;font-weight:600;color:#111827}.verification-badge{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.verification-badge.verified{background:#d1fae5;color:#065f46}.verification-badge.not-verified{background:#f3f4f6;color:#6b7280}.product-info{display:flex;flex-direction:column;gap:4px}.product-name{font-size:14px;font-weight:500;color:#374151}.order-id{font-size:12px;color:#6b7280}.review-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.rating{display:flex;align-items:center;gap:8px}.rating-stars{font-size:18px;color:#fbbf24}.rating-value{font-size:14px;font-weight:600;color:#111827}.review-content{margin-bottom:16px}.review-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#111827}.review-comment{margin:0 0 12px;font-size:14px;color:#374151;line-height:1.6}.review-category{display:flex;gap:8px}.category-tag{background:#f0f9ff;color:#f97316;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.review-response{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.response-label{font-size:14px;font-weight:600;color:#111827}.response-date{font-size:12px;color:#6b7280}.response-text{margin:0 0 8px;font-size:14px;color:#374151;line-height:1.6}.response-author{font-size:12px;color:#6b7280;font-style:italic}.review-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.review-stats{display:flex;gap:16px}.helpful-count,.report-count{font-size:12px;color:#6b7280}.review-actions{display:flex;gap:8px;flex-wrap:wrap}.approve-btn:hover{background:#d1fae5;border-color:#059669;color:#059669}.reject-btn:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.feature-btn:hover{background:#ede9fe;border-color:#7c3aed;color:#7c3aed}.respond-btn:hover{background:#dbeafe;border-color:#f97316;color:#f97316}.edit-btn:hover{background:#f0f9ff;border-color:#f97316;color:#f97316}.surveys-content{display:flex;flex-direction:column;gap:24px}.surveys-header{display:flex;justify-content:space-between;align-items:center}.surveys-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.surveys-list{display:flex;flex-direction:column;gap:16px}.survey-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.survey-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.survey-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.survey-info{flex:1}.survey-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.survey-info p{margin:0;font-size:14px;color:#6b7280}.survey-status{display:flex;align-items:center}.survey-details{display:flex;justify-content:space-between;align-items:center;gap:20px}.survey-meta{display:flex;gap:24px;flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;align-items:center;text-align:center}.meta-label{font-size:12px;color:#6b7280;margin-bottom:4px}.meta-value{font-size:16px;font-weight:600;color:#111827}.survey-actions{display:flex;gap:8px;flex-wrap:wrap}.analytics-overview{display:flex;flex-direction:column;gap:32px}.analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.chart-section h4{margin:0 0 20px;font-size:16px;font-weight:600;color:#111827}.rating-distribution{display:flex;flex-direction:column;gap:12px}.rating-bar{display:flex;align-items:center;gap:12px}.rating-label{font-size:14px;font-weight:500;color:#111827;min-width:40px}.bar-container{flex:1;height:20px;background:#f3f4f6;border-radius:10px;overflow:hidden}.bar-fill{height:100%;transition:width .3s ease}.bar-value{font-size:14px;font-weight:600;color:#111827;min-width:30px;text-align:right}.top-products{display:flex;flex-direction:column;gap:12px}.product-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px}.product-rank{font-size:16px;font-weight:700;color:#f97316;min-width:30px}.product-rating{font-size:12px;color:#6b7280}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.settings-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.setting-group{margin-bottom:24px}.setting-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.setting-group input,.setting-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease}.setting-group input:focus,.setting-group select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #1e40af1a}.setting-description{display:block;margin-top:4px;font-size:12px;color:#6b7280}.setting-actions{display:flex;gap:12px;margin-top:32px}.save-btn{background:#059669;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:#047857;transform:translateY(-1px)}.reset-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:#4b5563;transform:translateY(-1px)}.response-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px}.response-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.response-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.response-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.response-modal-content{padding:24px}.response-modal-content label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.response-modal-content textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:100px;transition:all .2s ease}.response-modal-content textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #1e40af1a}.response-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;justify-content:flex-end}.cancel-btn{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#4b5563}.customer-feedback-overlay{z-index:1200!important}.customer-feedback-modal{z-index:1201!important}@media(max-width:1024px){.customer-feedback-modal{max-width:95%;margin:10px}.reviews-stats,.overview-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.analytics-charts{grid-template-columns:1fr}.review-footer{flex-direction:column;align-items:flex-start;gap:12px}.survey-details{flex-direction:column;align-items:flex-start;gap:16px}.survey-meta{justify-content:flex-start}}@media(max-width:768px){.customer-feedback-overlay{padding:10px}.customer-feedback-modal{max-height:calc(100vh - 20px);margin:10px 0}.feedback-header{padding:20px 20px 0}.feedback-content{padding:0 20px 20px}.feedback-tabs{flex-wrap:wrap;gap:4px}.tab-btn{padding:8px 12px;font-size:12px}.reviews-stats,.overview-stats{grid-template-columns:1fr}.review-actions,.survey-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.setting-actions,.response-modal-actions{flex-direction:column}}.predictive-analytics-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding:20px;overflow-y:auto}.predictive-analytics-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1400px;max-height:calc(100vh - 40px);overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:20px 0;position:relative;z-index:1201}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.analytics-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.analytics-content{padding:0 24px 24px;margin-top:0}.analytics-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #e5e7eb;overflow-x:auto;padding-bottom:0}.overview-stats h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#111827}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.overview-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.overview-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.overview-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.top-customers,.churn-alerts{display:flex;flex-direction:column;gap:12px}.customer-item,.alert-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px}.customer-rank{font-size:16px;font-weight:700;color:#f97316;min-width:30px}.customer-info,.alert-info{flex:1;display:flex;flex-direction:column;gap:4px}.customer-name{font-size:14px;font-weight:500;color:#111827}.customer-clv,.churn-probability{font-size:12px;color:#6b7280}.risk-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.confidence-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;background:#dbeafe;color:#f97316}.clv-content{display:flex;flex-direction:column;gap:24px}.clv-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.clv-list{display:flex;flex-direction:column;gap:16px}.clv-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.clv-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.clv-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.clv-header .customer-info{display:flex;flex-direction:column;gap:8px}.clv-header .customer-info h4{margin:0;font-size:18px;font-weight:600;color:#111827}.clv-values{display:flex;gap:24px;flex-wrap:wrap}.clv-current,.clv-predicted,.clv-confidence{display:flex;flex-direction:column;align-items:center;text-align:center}.clv-label{font-size:12px;color:#6b7280;margin-bottom:4px}.clv-value{font-size:16px;font-weight:600;color:#111827}.clv-recommendations{background:#f9fafb;border-radius:8px;padding:16px}.clv-recommendations h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.clv-recommendations ul{margin:0;padding:0;list-style:none}.clv-recommendations li{font-size:14px;color:#374151;position:relative;padding:4px 0 4px 16px}.clv-recommendations li:before{content:"•";position:absolute;left:0;color:#f97316;font-weight:700}.churn-content{display:flex;flex-direction:column;gap:24px}.churn-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.churn-list{display:flex;flex-direction:column;gap:16px}.churn-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.churn-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.churn-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.churn-header .customer-info{display:flex;flex-direction:column;gap:8px}.churn-header .customer-info h4{margin:0;font-size:18px;font-weight:600;color:#111827}.churn-probability{display:flex;flex-direction:column;align-items:center;text-align:center}.probability-value{font-size:24px;font-weight:700;color:#dc2626;margin-bottom:4px}.probability-label{font-size:12px;color:#6b7280}.churn-details{display:flex;flex-direction:column;gap:16px}.churn-metrics{display:flex;gap:24px;flex-wrap:wrap}.metric-value{font-size:16px;font-weight:600;color:#111827}.churn-factors,.retention-actions{background:#f9fafb;border-radius:8px;padding:16px}.churn-factors h5,.retention-actions h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.churn-factors ul,.retention-actions ul{margin:0;padding:0;list-style:none}.churn-factors li,.retention-actions li{font-size:14px;color:#374151;position:relative;padding:4px 0 4px 16px}.churn-factors li:before{content:"⚠️";position:absolute;left:0}.retention-actions li:before{content:"💡";position:absolute;left:0}.recommendations-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.recommendations-list{display:flex;flex-direction:column;gap:16px}.recommendation-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.recommendation-header .customer-info{display:flex;flex-direction:column;gap:8px}.recommendation-header .customer-info h4{margin:0;font-size:18px;font-weight:600;color:#111827}.next-purchase{display:flex;flex-direction:column;align-items:center;text-align:center}.purchase-label{font-size:12px;color:#6b7280;margin-bottom:4px}.purchase-date{font-size:14px;font-weight:600;color:#111827}.recommended-products{background:#f9fafb;border-radius:8px;padding:16px}.recommended-products h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.product-recommendation{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;margin-bottom:8px}.product-recommendation:last-child{margin-bottom:0}.product-info{flex:1;display:flex;flex-direction:column;gap:4px}.product-name{font-size:14px;font-weight:500;color:#111827}.product-reason{font-size:12px;color:#6b7280}.product-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.product-confidence,.product-value{font-size:12px;color:#6b7280}.trends-content{display:flex;flex-direction:column;gap:24px}.trends-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.trends-list{display:flex;flex-direction:column;gap:16px}.trend-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.trend-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.trend-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.trend-info{flex:1}.trend-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.trend-indicator{display:flex;align-items:center;gap:8px}.trend-icon{font-size:16px}.trend-text{font-size:14px;font-weight:500;color:#374151;text-transform:capitalize}.trend-metrics{display:flex;align-items:center}.growth-rate{font-size:16px;font-weight:600;color:#059669}.trend-details{display:flex;flex-direction:column;gap:16px}.seasonality,.trend-recommendations{background:#f9fafb;border-radius:8px;padding:16px}.seasonality h5,.trend-recommendations h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.season-tags{display:flex;gap:8px;flex-wrap:wrap}.season-tag{background:#dbeafe;color:#f97316;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.trend-recommendations ul{margin:0;padding:0;list-style:none}.trend-recommendations li{font-size:14px;color:#374151;position:relative;padding:4px 0 4px 16px}.trend-recommendations li:before{content:"💡";position:absolute;left:0}.forecast-content{display:flex;flex-direction:column;gap:24px}.forecast-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.forecast-list{display:flex;flex-direction:column;gap:16px}.forecast-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.forecast-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.forecast-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.forecast-info{flex:1}.forecast-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.forecast-revenue{display:flex;flex-direction:column;align-items:center;text-align:center}.revenue-value{font-size:24px;font-weight:700;color:#059669;margin-bottom:4px}.revenue-label{font-size:12px;color:#6b7280}.forecast-factors{background:#f9fafb;border-radius:8px;padding:16px}.forecast-factors h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.forecast-factors ul{margin:0;padding:0;list-style:none}.forecast-factors li{font-size:14px;color:#374151;position:relative;padding:4px 0 4px 16px}.forecast-factors li:before{content:"📊";position:absolute;left:0}.predictive-analytics-overlay{z-index:1200!important}.predictive-analytics-modal{z-index:1201!important}@media(max-width:1024px){.predictive-analytics-modal{max-width:95%;margin:10px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.overview-sections{grid-template-columns:1fr}.clv-values,.churn-metrics{flex-direction:column;gap:12px}.clv-current,.clv-predicted,.clv-confidence,.metric{flex-direction:row;justify-content:space-between;text-align:left}}@media(max-width:768px){.predictive-analytics-overlay{padding:10px}.predictive-analytics-modal{max-height:calc(100vh - 20px);margin:10px 0}.analytics-header{padding:20px 20px 0}.analytics-content{padding:0 20px 20px}.analytics-tabs{flex-wrap:wrap;gap:4px}.tab-btn{padding:8px 12px;font-size:12px}.stats-grid{grid-template-columns:1fr}.clv-header,.churn-header,.recommendation-header,.trend-header,.forecast-header{flex-direction:column;align-items:flex-start;gap:12px}.product-recommendation{flex-direction:column;align-items:flex-start;gap:8px}.product-metrics{align-items:flex-start}}.customer-support-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding:20px;overflow-y:auto}.customer-support-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1400px;max-height:calc(100vh - 40px);overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:20px 0;position:relative;z-index:1201}.support-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.support-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.support-content{padding:0 24px 24px;margin-top:0}.support-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #e5e7eb;overflow-x:auto;padding-bottom:0}.tickets-content{display:flex;flex-direction:column;gap:24px}.tickets-header{display:flex;flex-direction:column;gap:20px}.tickets-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.tickets-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.tickets-list{display:flex;flex-direction:column;gap:16px}.ticket-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.ticket-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ticket-info{flex:1}.ticket-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.ticket-customer{margin:0;font-size:14px;color:#6b7280}.ticket-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.priority-badge,.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.ticket-details{display:flex;justify-content:space-between;align-items:center;gap:20px}.ticket-metrics{display:flex;gap:24px;flex-wrap:wrap}.metric{display:flex;flex-direction:column;align-items:center;text-align:center}.ticket-actions{display:flex;gap:8px;flex-wrap:wrap}.assign-btn:hover{background:#f0fdf4;border-color:#059669;color:#059669}.resolve-btn:hover{background:#fef3c7;border-color:#d97706;color:#d97706}.close-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.chat-content{display:flex;flex-direction:column;gap:24px}.chat-header{display:flex;flex-direction:column;gap:20px}.chat-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.chat-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.chat-sessions{display:flex;flex-direction:column;gap:16px}.chat-session-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.chat-session-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.session-info{flex:1}.session-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.session-status{margin:0;font-size:14px;color:#6b7280}.session-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.session-time{font-size:12px;color:#6b7280}.agent-name{font-size:12px;color:#059669;font-weight:500}.session-details{display:flex;justify-content:space-between;align-items:center;gap:20px}.last-message{flex:1;margin:0;font-size:14px;color:#374151;font-style:italic}.session-actions{display:flex;gap:8px}.join-btn:hover{background:#d1fae5;border-color:#059669;color:#059669}.end-btn:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.knowledge-content{display:flex;flex-direction:column;gap:24px}.knowledge-header{display:flex;justify-content:space-between;align-items:center}.knowledge-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.knowledge-articles{display:flex;flex-direction:column;gap:16px}.article-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.article-info{flex:1}.article-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.article-category{margin:0;font-size:14px;color:#6b7280;text-transform:capitalize}.article-stats{display:flex;gap:16px}.stat{font-size:12px;color:#6b7280}.article-content{margin-bottom:16px}.article-content p{margin:0 0 12px;font-size:14px;color:#374151;line-height:1.6}.article-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#f0f9ff;color:#f97316;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.article-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.article-date{font-size:12px;color:#6b7280}.article-actions{display:flex;gap:8px}.edit-btn:hover{background:#dbeafe;border-color:#f97316;color:#f97316}.delete-btn:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.customer-support-overlay{z-index:1200!important}.customer-support-modal{z-index:1201!important}@media(max-width:1024px){.customer-support-modal{max-width:95%;margin:10px}.tickets-stats,.chat-stats,.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ticket-details,.session-details{flex-direction:column;align-items:flex-start;gap:16px}.ticket-metrics{justify-content:flex-start}}@media(max-width:768px){.customer-support-overlay{padding:10px}.customer-support-modal{max-height:calc(100vh - 20px);margin:10px 0}.support-header{padding:20px 20px 0}.support-content{padding:0 20px 20px}.support-tabs{flex-wrap:wrap;gap:4px}.tab-btn{padding:8px 12px;font-size:12px}.tickets-stats,.chat-stats,.analytics-stats{grid-template-columns:1fr}.ticket-actions,.session-actions,.article-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.personalization-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding:20px;overflow-y:auto}.personalization-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1400px;max-height:calc(100vh - 40px);overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:20px 0;position:relative;z-index:1201}.personalization-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.personalization-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.personalization-content{padding:0 24px 24px;margin-top:0}.personalization-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #e5e7eb;overflow-x:auto;padding-bottom:0}.recommendations-content{display:flex;flex-direction:column;gap:24px}.recommendations-header{display:flex;flex-direction:column;gap:20px}.recommendations-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.recommendations-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-value{font-size:24px;font-weight:700;color:#111827;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.product-info{flex:1}.product-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.product-category{margin:0;font-size:14px;color:#6b7280;text-transform:capitalize}.recommendation-badge{display:flex;flex-direction:column;align-items:center;gap:4px;background:#f0f9ff;border:1px solid #f97316;border-radius:8px;padding:8px 12px}.badge-text{font-size:12px;font-weight:500;color:#f97316}.badge-score{font-size:14px;font-weight:700;color:#f97316}.product-details{display:flex;flex-direction:column;gap:16px}.product-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;background:#f9fafb;border-radius:6px}.metric-label{font-size:12px;color:#6b7280;margin-bottom:4px}.metric-value{font-size:14px;font-weight:600;color:#111827}.product-actions{display:flex;gap:8px}.delete-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.activate-btn:hover{background:#d1fae5;border-color:#059669;color:#059669}.pause-btn:hover{background:#fef3c7;border-color:#d97706;color:#d97706}.campaigns-content{display:flex;flex-direction:column;gap:24px}.campaigns-header{display:flex;justify-content:space-between;align-items:center}.campaigns-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.create-btn{background:#f97316;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.create-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.create-btn:before{content:"+";font-size:16px;font-weight:700}.campaigns-list{display:flex;flex-direction:column;gap:16px}.campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.campaign-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.campaign-info{flex:1}.campaign-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.campaign-description{margin:0;font-size:14px;color:#6b7280}.campaign-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.campaign-type{font-size:12px;color:#6b7280;text-transform:capitalize}.campaign-details{display:flex;justify-content:space-between;align-items:center;gap:20px}.campaign-metrics{display:flex;gap:24px;flex-wrap:wrap}.campaign-actions{display:flex;gap:8px;flex-wrap:wrap}.rules-content{display:flex;flex-direction:column;gap:24px}.rules-header{display:flex;justify-content:space-between;align-items:center}.rules-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.rule-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.rule-info{flex:1}.rule-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.rule-description{margin:0;font-size:14px;color:#6b7280}.rule-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.type-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.rule-details{display:flex;justify-content:space-between;align-items:center;gap:20px}.rule-metrics{display:flex;gap:24px;flex-wrap:wrap}.rule-actions{display:flex;gap:8px;flex-wrap:wrap}.analytics-content{display:flex;flex-direction:column;gap:32px}.analytics-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.personalization-overlay{z-index:1200!important}.personalization-modal{z-index:1201!important}@media(max-width:1024px){.personalization-modal{max-width:95%;margin:10px}.recommendations-stats,.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.campaign-details,.rule-details{flex-direction:column;align-items:flex-start;gap:16px}.campaign-metrics,.rule-metrics{justify-content:flex-start}}@media(max-width:768px){.personalization-overlay{padding:10px}.personalization-modal{max-height:calc(100vh - 20px);margin:10px 0}.personalization-header{padding:20px 20px 0}.personalization-content{padding:0 20px 20px}.personalization-tabs{flex-wrap:wrap;gap:4px}.tab-btn{padding:8px 12px;font-size:12px}.recommendations-stats,.analytics-stats,.products-grid,.product-metrics{grid-template-columns:1fr}.campaign-actions,.rule-actions,.product-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.customer-portal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding:20px;overflow-y:auto}.customer-portal-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1400px;max-height:calc(100vh - 40px);overflow-y:auto;animation:modalSlideIn .3s ease-out;margin:20px 0;position:relative;z-index:1201}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.header-left{display:flex;align-items:center;gap:16px}.back-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.back-btn:hover{background:#e5e7eb;color:#111827}.portal-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.close-btn{background:#f3f4f6;border:1px solid #d1d5db;font-size:18px;color:#6b7280;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.close-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.close-btn:active{transform:scale(.95)}.portal-content{padding:0 24px 24px;margin-top:0}.customer-selector{display:flex;flex-direction:column;gap:24px}.customer-selector h3{margin:0;font-size:20px;font-weight:600;color:#111827}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.customer-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.customer-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#f97316}.customer-info{flex:1}.customer-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.customer-email{margin:0 0 12px;font-size:14px;color:#6b7280}.customer-stats{display:flex;gap:16px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:12px;color:#6b7280;margin-bottom:4px}.stat-value{font-size:14px;font-weight:600;color:#111827}.customer-tier{display:flex;flex-direction:column;align-items:center}.tier-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.customer-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.customer-info h3{margin:0 0 8px;font-size:24px;font-weight:600;color:#111827}.customer-email{margin:0 0 12px;font-size:16px;color:#6b7280}.customer-meta{display:flex;gap:16px}.customer-tier{font-size:14px;font-weight:500;color:#f97316}.customer-phone{font-size:14px;color:#6b7280}.customer-stats{display:flex;gap:20px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center;min-width:120px}.stat-value{font-size:20px;font-weight:700;color:#111827;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.portal-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #e5e7eb;overflow-x:auto;padding-bottom:0}.tab-btn{background:none;border:none;padding:12px 16px;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent}.tab-btn:hover{color:#374151;background:#f9fafb}.tab-btn.active{color:#f97316;background:#f0f9ff;border-bottom-color:#f97316}.overview-content{display:flex;flex-direction:column;gap:32px}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#e0f2fe;border-radius:12px}.stat-info{flex:1}.recent-orders{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.recent-orders h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827}.orders-list{display:flex;flex-direction:column;gap:12px}.order-summary{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.order-info h5{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.order-info p{margin:0;font-size:14px;color:#6b7280}.order-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.order-total{font-size:16px;font-weight:600;color:#111827}.orders-content{display:flex;flex-direction:column;gap:24px}.orders-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.order-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.order-date{margin:0;font-size:14px;color:#6b7280}.order-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.order-details{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.order-items{flex:1}.order-items h5{margin:0 0 12px;font-size:16px;font-weight:600;color:#111827}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:6px;margin-bottom:8px}.item-info{display:flex;flex-direction:column;gap:4px}.item-name{font-size:14px;font-weight:500;color:#111827}.item-category{font-size:12px;color:#6b7280;text-transform:capitalize}.item-details{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-quantity{font-size:12px;color:#6b7280}.item-price{font-size:14px;font-weight:600;color:#111827}.order-actions{display:flex;flex-direction:column;gap:8px}.action-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff;color:#374151}.action-btn:hover{transform:translateY(-1px)}.view-btn:hover{background:#dbeafe;border-color:#f97316;color:#f97316}.track-btn:hover{background:#f0fdf4;border-color:#059669;color:#059669}.return-btn:hover{background:#fef3c7;border-color:#d97706;color:#d97706}.cancel-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.edit-btn:hover{background:#f0fdf4;border-color:#059669;color:#059669}.preferences-content{display:flex;flex-direction:column;gap:24px}.preferences-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.preferences-sections{display:flex;flex-direction:column;gap:24px}.preference-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.preference-section h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827;text-transform:capitalize}.preferences-list{display:flex;flex-direction:column;gap:16px}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.preference-info{flex:1}.preference-info h5{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.preference-info p{margin:0;font-size:14px;color:#6b7280}.preference-control{display:flex;align-items:center}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#f97316}input:checked+.toggle-slider:before{transform:translate(26px)}.account-content{display:flex;flex-direction:column;gap:24px}.account-content h3{margin:0;font-size:20px;font-weight:600;color:#111827}.account-sections{display:flex;flex-direction:column;gap:24px}.account-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.account-section h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827}.settings-list{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.setting-info{flex:1}.setting-info label{display:block;font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.setting-value{font-size:14px;color:#6b7280}.no-data{text-align:center;padding:40px;color:#6b7280}.no-data p{margin:0;font-size:16px}.customer-portal-overlay{z-index:1200!important}.customer-portal-modal{z-index:1201!important}@media(max-width:1024px){.customer-portal-modal{max-width:95%;margin:10px}.overview-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.customers-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.customer-header{flex-direction:column;gap:20px;align-items:flex-start}.customer-stats{width:100%;justify-content:space-around}.order-details{flex-direction:column;gap:16px}.order-actions{flex-direction:row;justify-content:flex-start}}@media(max-width:768px){.customer-portal-overlay{padding:10px}.customer-portal-modal{max-height:calc(100vh - 20px);margin:10px 0}.portal-header{padding:20px 20px 0}.portal-content{padding:0 20px 20px}.portal-tabs{flex-wrap:wrap;gap:4px}.tab-btn{padding:8px 12px;font-size:12px}.overview-stats,.customers-grid{grid-template-columns:1fr}.customer-stats{flex-direction:column;gap:12px}.order-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.order-confirmation-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px}.modal-overlay{position:absolute;inset:0;background:transparent}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;position:relative;z-index:1301}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-header h3{color:#1f2937;font-size:24px;font-weight:600;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:0 24px 24px}.success-icon{text-align:center;font-size:48px;margin-bottom:20px}.order-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:20px}.order-details h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.order-info p{margin:8px 0;color:#374151;font-size:14px}.order-info strong{color:#1f2937;font-weight:600}.order-items-summary{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.order-items-summary h5{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.order-items-summary ul{list-style:none;padding:0;margin:0}.order-items-summary li{padding:8px 0;border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px}.order-items-summary li:last-child{border-bottom:none}.next-steps{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:20px;margin-bottom:20px}.next-steps h4{color:#92400e;font-size:16px;font-weight:600;margin:0 0 12px}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{color:#92400e;font-size:14px;position:relative;padding:4px 0 4px 20px}.next-steps li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.modal-footer{padding:0 24px 24px;text-align:center}.done-btn{background:#10b981;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.done-btn:hover{background:#059669;transform:translateY(-1px)}.done-btn:active{transform:translateY(0)}.notifications-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.notifications-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.notifications-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.notifications-header-actions{display:flex;gap:.5rem;align-items:center}.notifications-refresh-btn,.notifications-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.notifications-refresh-btn:hover,.notifications-close-btn:hover{background:#f3f4f6;color:#1f2937}.notifications-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-content{flex:1;overflow-y:auto;padding:1rem}.notifications-loading,.notifications-error,.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.spinner{border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifications-error{color:#ef4444}.notifications-error button{margin-top:1rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.notifications-error button:hover{background:#2563eb}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .2s}.notification-item.unread{background:#eff6ff;border-color:#3b82f6;border-left:4px solid #3b82f6}.notification-item:hover{box-shadow:0 2px 8px #0000001a}.notification-content{flex:1;min-width:0}.notification-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.notification-title{margin:0;font-size:1rem;font-weight:600;color:#1f2937;flex:1}.notification-message{margin:.5rem 0;color:#4b5563;font-size:.875rem;line-height:1.5}.notification-meta{display:flex;gap:1rem;align-items:center;margin-top:.5rem;font-size:.75rem;color:#6b7280}.notification-type{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:500}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-read{background:#d1fae5;color:#065f46}.status-badge.status-unread{background:#dbeafe;color:#1e40af}.notification-actions{display:flex;gap:.5rem;margin-left:1rem}.notification-action-btn{background:none;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem;cursor:pointer;font-size:1rem;color:#6b7280;transition:all .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.notification-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.mark-read-btn:hover{background:#d1fae5;border-color:#10b981;color:#065f46}.delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626}.notifications-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #e2e8f0;margin-top:1rem}.pagination-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#2563eb}.pagination-btn:disabled{background:#e2e8f0;color:#9ca3af;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#6b7280}@media(max-width:768px){.notifications-modal{width:95%;max-height:95vh}.notification-item{flex-direction:column}.notification-actions{margin-left:0;margin-top:.5rem;justify-content:flex-end}.notifications-pagination{flex-direction:column;gap:.5rem}}.user-onboarding-modal{max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.user-onboarding-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#1f2937;font-size:.875rem}.form-group input{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-group input:disabled,.form-group select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.form-group select{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-group small{color:#6b7280;font-size:.75rem;margin-top:-.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.modal-subtitle{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem}.staff-list{width:100%}.staff-table-container{display:block;overflow-x:auto}.staff-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.staff-table thead{background:#f8fafc}.staff-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;border-bottom:2px solid #e2e8f0;white-space:nowrap}.staff-table td{padding:.75rem;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#1f2937}.staff-table tbody tr:hover{background:#f9fafb}.staff-table tbody tr:last-child td{border-bottom:none}.role-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.role-badge.role-admin{background:#dbeafe;color:#1e40af}.role-badge.role-viewer{background:#fef3c7;color:#92400e}.role-badge.role-staff{background:#dcfce7;color:#166534}.staff-actions{display:flex;gap:.5rem;flex-wrap:wrap}.staff-cards-container{display:none;flex-direction:column;gap:1rem}.staff-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.staff-card:hover{box-shadow:0 4px 6px #0000001a}.staff-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.staff-card-name{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.staff-card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.staff-card-field{display:flex;flex-direction:column;gap:.25rem}.staff-card-label{font-size:.75rem;font-weight:500;color:#6b7280}.staff-card-value{font-size:.875rem;color:#1f2937;word-break:break-word}.staff-card-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.btn-full{width:100%;justify-content:center}@media(max-width:768px){.staff-table-container{display:none}.staff-cards-container{display:flex}.form-row{grid-template-columns:1fr}.user-onboarding-modal{width:95%;max-height:95vh}.user-onboarding-modal .modal-content{padding:1rem}}@media(min-width:769px){.staff-cards-container{display:none}.staff-table-container{display:block}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.user-onboarding-modal{width:95%;max-height:95vh}.staff-card{padding:.875rem}.staff-card-name{font-size:.9375rem}.staff-card-value{font-size:.8125rem}}