body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.layout-container{background:#f8fafc;display:flex;height:100vh;overflow:hidden}.sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);border-right:1px solid #ffffff08;box-shadow:4px 0 25px #0000004d;color:#f8fafc;display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar-open{width:270px}.sidebar-closed{width:76px}.sidebar-header{border-bottom:1px solid #ffffff0d;height:80px;justify-content:space-between;padding:20px 16px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{flex:1 1;gap:12px;overflow:hidden;text-decoration:none}.logo-image{background:#fff;border-radius:10px;flex-shrink:0;height:42px;object-fit:contain;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.logo-image:hover{box-shadow:0 0 20px #3b82f680;transform:scale(1.1) rotate(-5deg)}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 4px 12px #3b82f64d;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.logo-icon{font-size:24px}.logo-text-wrapper{animation:fadeIn .4s ease-out;display:flex;flex-direction:column;white-space:nowrap}.logo-main-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.logo-sub-text{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sidebar-toggle{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.sidebar-toggle:hover{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 0 15px #3b82f633;color:#60a5fa;transform:rotate(180deg)}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 14px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#ffffff26}.nav-group{margin-bottom:20px}.nav-group-header,.sidebar-closed .nav-group{margin-bottom:12px}.nav-group-header{align-items:center;background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:10px;font-weight:700;justify-content:space-between;letter-spacing:1.5px;padding:10px 14px;text-transform:uppercase;transition:all .3s;-webkit-user-select:none;user-select:none;width:100%}.nav-group-header:hover{color:#cbd5e1}.nav-group-header-active{color:#3b82f6}.nav-group-label{flex:1 1;text-align:left}.nav-group-chevron{color:#94a3b8;font-size:14px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-group-divider{background:#ffffff0d;height:1px;margin:12px 14px}.nav-item{align-items:center;border:1px solid #0000;border-radius:10px;color:#cbd5e1;display:flex;font-size:14px;font-weight:500;margin-bottom:4px;padding:10px 14px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:#ffffff0d;box-shadow:0 4px 15px #0003;color:#fff;transform:translateX(4px)}.nav-item:hover .nav-icon{animation:bounce .5s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.nav-item-active{background:linear-gradient(90deg,#3b82f626,#3b82f600);border-left:3px solid #3b82f6;border-radius:0 10px 10px 0;color:#60a5fa;margin-left:-14px;padding-left:25px}.nav-item-active:after{background:#3b82f6;border-radius:0 4px 4px 0;bottom:0;box-shadow:0 0 15px #3b82f699;content:"";left:0;position:absolute;top:0;width:4px}.nav-item-active:hover{background:linear-gradient(90deg,#3b82f633,#3b82f60d);color:#60a5fa;transform:none}.nav-indicator{display:none}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;justify-content:center;opacity:.8;transition:transform .2s;width:24px}.nav-item:hover .nav-icon{opacity:1;transform:scale(1.1)}.nav-item-active .nav-icon{color:#3b82f6;opacity:1}.nav-text{margin-left:12px;opacity:1;transition:opacity .2s;white-space:nowrap}.sidebar-closed .nav-text{margin:0;opacity:0;width:0}.nav-indicator{background:#3b82f6;border-radius:0 4px 4px 0;bottom:10px;box-shadow:2px 0 8px #3b82f666;left:0;position:absolute;top:10px;width:3px}.sidebar-closed .nav-indicator{left:0;width:4px}.sidebar-footer{border-top:1px solid #ffffff0d;padding:20px 14px}.sidebar-footer-content{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 20px #0003;cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar-footer-content:hover{background:#ffffff0f;border-color:#3b82f666;box-shadow:0 12px 30px #0006;transform:translateY(-4px) scale(1.02)}.footer-icon{align-items:center;background:#3b82f61a;border-radius:8px;display:flex;font-size:20px;height:36px;justify-content:center;width:36px}.footer-title{color:#f8fafc;font-size:13px;font-weight:600;margin:0 0 2px}.footer-subtitle{color:#94a3b8;font-size:11px;margin:0}.main-content{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:80px;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left{display:flex;flex-direction:column}.header-title{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.header-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.header-right{gap:16px}.header-icon-btn,.header-right{align-items:center;display:flex}.header-icon-btn{background:#f1f5f9;border:none;border-radius:10px;color:#475569;cursor:pointer;font-size:18px;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.header-icon-btn:hover{background:#e2e8f0;transform:scale(1.05)}.notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.user-menu{position:relative}.user-menu-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s}.user-menu-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:#0f172a;font-size:14px;font-weight:600;margin:0}.user-role{color:#64748b;font-size:12px;margin:0}.dropdown-arrow{color:#94a3b8;font-size:10px;transition:transform .2s}.user-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001a;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px}.dropdown-user-name{color:#0f172a;font-size:14px;font-weight:600;margin:0 0 4px}.dropdown-user-email{color:#64748b;font-size:12px;margin:0}.dropdown-divider{background:#e2e8f0;height:1px}.dropdown-item{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.dropdown-item:hover{background:#f8fafc;color:#0f172a}.dropdown-item-danger{color:#ef4444}.dropdown-item-danger:hover{background:#fef2f2;color:#dc2626}.page-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:32px}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:#f1f5f9}.page-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.page-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard{display:flex;flex-direction:column;gap:32px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden;padding:24px;position:relative;transition:all .3s}.stat-card:before{background:linear-gradient(90deg,var(--gradient-from),var(--gradient-to));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.gradient-blue{--gradient-from:#3b82f6;--gradient-to:#2563eb}.gradient-green{--gradient-from:#10b981;--gradient-to:#059669}.gradient-purple{--gradient-from:#8b5cf6;--gradient-to:#7c3aed}.gradient-yellow{--gradient-from:#f59e0b;--gradient-to:#d97706}.gradient-red{--gradient-from:#ef4444;--gradient-to:#dc2626}.gradient-indigo{--gradient-from:#6366f1;--gradient-to:#4f46e5}.stat-card-header{margin-bottom:16px}.stat-icon{background:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:28px;height:56px;justify-content:center;width:56px}.stat-icon,.stat-trend{align-items:center;display:flex}.stat-trend{border-radius:8px;font-size:13px;gap:4px;padding:6px 12px}.trend-up{background:#d1fae5;color:#059669}.trend-down{background:#fee2e2;color:#dc2626}.stat-content{margin-bottom:12px}.stat-title{color:#64748b;font-size:14px;font-weight:500;margin:0 0 8px}.stat-value{color:#0f172a;font-size:32px;letter-spacing:-1px;margin:0}.stat-footer{border-top:1px solid #f1f5f9;padding-top:12px}.stat-footer-text{color:#94a3b8;font-size:12px}.section-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:24px}.section-header{margin-bottom:20px}.section-title{color:#0f172a;font-size:20px;margin:0 0 4px}.section-subtitle{color:#64748b;font-size:14px;margin:0}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-card{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s}.quick-action-card:before{bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;transition:opacity .3s}.action-blue{background:#eff6ff;border-color:#dbeafe;color:#1e40af}.action-blue:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.action-blue:hover{border-color:#3b82f6;box-shadow:0 8px 16px #3b82f633;transform:translateY(-2px)}.action-green{background:#f0fdf4;border-color:#dcfce7;color:#166534}.action-green:before{background:linear-gradient(135deg,#10b981,#059669)}.action-green:hover{border-color:#10b981;box-shadow:0 8px 16px #10b98133;transform:translateY(-2px)}.action-purple{background:#faf5ff;border-color:#f3e8ff;color:#6b21a8}.action-purple:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.action-purple:hover{border-color:#8b5cf6;box-shadow:0 8px 16px #8b5cf633;transform:translateY(-2px)}.action-orange{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.action-orange:before{background:linear-gradient(135deg,#f97316,#ea580c)}.action-orange:hover{border-color:#f97316;box-shadow:0 8px 16px #f9731633;transform:translateY(-2px)}.action-icon{font-size:24px}.action-title{flex:1 1}.action-arrow{font-size:18px;opacity:.5;transition:all .3s}.quick-action-card:hover .action-arrow{opacity:1;transform:translateX(4px)}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.content-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-title{color:#0f172a;font-size:18px;font-weight:700}.card-action-btn{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.card-action-btn:hover{background:#eff6ff}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:flex-start;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s}.activity-item:hover{background:#f1f5f9;transform:translateX(4px)}.activity-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-message{color:#0f172a;font-size:14px;font-weight:500;margin:0 0 4px}.activity-time{color:#94a3b8;font-size:12px;margin:0}.product-list{display:flex;flex-direction:column;gap:12px}.product-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s}.product-item:hover{background:#f1f5f9;transform:translateX(4px)}.product-rank{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.product-info{flex:1 1}.product-name{color:#0f172a;font-size:14px;margin:0 0 4px}.product-sales{color:#64748b;font-size:12px;margin:0}.product-stats{text-align:right}.product-revenue{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 4px}.product-trend{font-size:12px;font-weight:600;margin:0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;height:48px;width:48px}.text-blue-900{color:#1e3a8a}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-900{color:#7f1d1d}.border{border-style:solid;border-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-red-400{border-color:#f87171}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.z-50{z-index:50}.block{display:block}.divide-y>*+*{border-top-width:1px}.divide-gray-200>*+*{border-top-color:#e5e7eb}.min-w-full{min-width:100%}.tracking-wider{letter-spacing:.05em}.transition-all{transition-duration:.3s;transition-property:all}.transition-colors{transition-property:color,background-color,border-color}.duration-300{transition-duration:.3s}.disabled\:opacity-50:disabled{opacity:.5}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:bg-gray-400:hover{background-color:#9ca3af}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:bg-blue-200:hover{background-color:#bfdbfe}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-green-200:hover{background-color:#a7f3d0}.hover\:bg-red-700:hover{background-color:#b91c1c}.hover\:text-blue-900:hover{color:#1e3a8a}.hover\:text-red-900:hover{color:#7f1d1d}.hover\:text-white:hover{color:#fff}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus,.focus\:ring-blue-500:focus{box-shadow:0 0 0 3px #3b82f680}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.ml-3{margin-left:.75rem}.mr-3{margin-right:.75rem}.space-x-2>*+*{margin-left:.5rem}.space-y-2>*+*{margin-top:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.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))}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.uppercase{text-transform:uppercase}.whitespace-nowrap{white-space:nowrap}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:#9ca3af}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-blue-100{background-color:#dbeafe}.bg-blue-200{background-color:#bfdbfe}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-green-100{background-color:#d1fae5}.bg-green-200{background-color:#a7f3d0}.bg-green-500{background-color:#10b981}.bg-purple-100{background-color:#e9d5ff}.bg-purple-500{background-color:#a855f7}.bg-yellow-500{background-color:#eab308}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.bg-indigo-500{background-color:#6366f1}.bg-black{background-color:#000}.bg-opacity-50{opacity:.5}.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-blue-600{color:#2563eb}@media (max-width:768px){.sidebar-open{width:240px}.content-grid,.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.header{padding:16px 20px}.header-title{font-size:20px}.page-content{padding:20px}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dashboard>*{animation:fadeIn .5s ease-out}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}.page-container{display:flex;flex-direction:column;gap:24px}.page-header{align-items:center;gap:20px}.page-header-content{align-items:center;display:flex;gap:16px}.page-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;box-shadow:0 4px 12px #3b82f64d;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.page-title{color:#0f172a;font-size:28px;letter-spacing:-.5px;margin:0}.page-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.permission-notice{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fef9c3,#fef3c7);border:1px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:10px;color:#92400e;display:flex;font-size:14px;gap:12px;padding:12px 16px}.permission-notice-icon{flex-shrink:0;font-size:20px}.permission-notice-role{color:#b45309;font-weight:700}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.card-padding{padding:20px 24px}.card-body{padding:24px}.card-header{background:#fafbfc;border-bottom:1px solid #e2e8f0;padding:20px 24px}.card-header h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.modern-table-container{display:flex;flex-direction:column}.table-wrapper{border-radius:12px;overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modern-table{border-collapse:initial;border-spacing:0;width:100%}.modern-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modern-table thead tr th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:0;text-transform:uppercase}.th-content{align-items:center;display:flex;gap:8px;padding:16px 20px}.th-actions{justify-content:center}.modern-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.modern-table tbody tr:hover{background:#f8fafc;box-shadow:0 2px 8px #0000000a}.modern-table tbody tr:last-child{border-bottom:none}.modern-table tbody tr td{padding:0}.td-content{color:#0f172a;font-size:14px;font-weight:500;padding:16px 20px}.td-actions{gap:8px;justify-content:center;padding:16px 20px}.action-btn,.td-actions{align-items:center;display:flex}.action-btn{background:none;border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.action-icon{font-size:14px}.action-text{display:none}@media (min-width:768px){.action-text{display:inline}}.action-btn-edit{background:#eff6ff;border-color:#dbeafe;color:#3b82f6}.action-btn-edit:hover{background:#dbeafe;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f633;transform:translateY(-2px)}.action-btn-delete{background:#fef2f2;border-color:#fee2e2;color:#ef4444}.action-btn-delete:hover{background:#fee2e2;border-color:#ef4444;box-shadow:0 4px 8px #ef444433;transform:translateY(-2px)}.table-loading{gap:16px}.table-empty,.table-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.table-empty{gap:12px}.empty-icon{font-size:48px;opacity:.5}.empty-title{color:#64748b;font-size:16px;font-weight:600;margin:0}.empty-subtitle{color:#94a3b8;font-size:14px;margin:0}.table-footer{align-items:center;background:#fafbfc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.table-info{color:#64748b;font-size:13px;font-weight:500}.info-highlight{color:#3b82f6;font-weight:700}.btn{border-radius:10px;padding:12px 24px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.btn-block{justify-content:center;width:100%}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.modal-overlay{animation:fadeIn .2s ease-out;inset:0;padding:20px}.modal-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#f1f5f9}.modal-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-header{background:linear-gradient(180deg,#fafbfc,#fff);border-bottom:1px solid #e2e8f0;padding:24px 28px}.modal-header-content{align-items:center;display:flex;flex:1 1;gap:16px}.modal-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.modal-title{color:#0f172a;letter-spacing:-.5px}.modal-subtitle{color:#64748b;font-size:13px;margin:4px 0 0}.modal-close{background:#f1f5f9;color:#64748b;font-size:18px;height:36px;width:36px}.modal-close:hover{background:#e2e8f0;color:#0f172a;transform:scale(1.05)}.modal-body{flex:1 1;overflow:visible;padding:28px}.modal-footer{align-items:center;background:#fafbfc;border-top:1px solid #e2e8f0;padding:20px 28px}@media (max-width:768px){.modal-container{height:100vh;max-height:100vh}.modal-overlay{padding:0}}.form-grid-container{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 380px}@media (max-width:1024px){.form-grid-container{grid-template-columns:1fr}}.form-main-section,.form-sidebar-section{display:flex;flex-direction:column;gap:24px}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#475569;font-size:13px;letter-spacing:.3px}.required{margin-left:2px}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#0f172a;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fafbfc;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#cbd5e1}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.alert{padding:16px 20px}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.form-input-group{position:relative}.form-input-icon{color:#94a3b8;font-size:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.form-input-group .form-input{padding-left:44px}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 4px #ef44441a}.form-error{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px;margin-top:4px}.form-input.success,.form-select.success,.form-textarea.success{border-color:#10b981}.form-input.success:focus,.form-select.success:focus,.form-textarea.success:focus{box-shadow:0 0 0 4px #10b9811a}.form-helper{color:#64748b;font-size:12px;margin-top:4px}.form-checkbox,.form-radio{align-items:center;cursor:pointer;display:flex;gap:10px}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.form-checkbox label,.form-radio label{color:#475569;cursor:pointer;font-size:14px;margin:0}.status-badge{align-items:center;border-radius:6px;display:inline-flex;gap:4px;letter-spacing:.3px;padding:6px 12px}.status-active{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.loading-text{color:#64748b;font-size:14px;font-weight:500;margin:0}.form-error{margin-top:6px}.form-error-message{align-items:center;color:#dc2626;display:flex;font-size:13px;gap:4px;margin:0;padding:4px 0}.form-error-message:before{content:"⚠️";font-size:12px}.form-input.error,.form-select.error,.form-textarea.error{background-color:#fef2f2;border-color:#dc2626}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.report-content{margin-top:20px}.report-section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:24px 0 16px;padding-bottom:8px}.report-content .modern-table{margin-bottom:24px}.report-content .modern-table th{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:600;padding:12px 16px;text-align:left}.report-content .modern-table td{border-bottom:1px solid #e5e7eb;padding:12px 16px}.report-content .modern-table tbody tr:hover{background-color:#f8fafc}@media print{.btn,.header,.modal-overlay,.page-header button,.sidebar{display:none!important}.page-container{margin:0;padding:0}.card{border:1px solid #000;box-shadow:none}.modern-table{page-break-inside:avoid}.modern-table th{background:#000!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{color:#1e293b;margin-bottom:20px;padding-bottom:12px}.card-footer{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.details-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.details-section-title{border-bottom:2px solid #e5e7eb;color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{gap:6px}.detail-value{font-size:15px}.checkbox-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.checkbox-label span{font-weight:500}.form-textarea{border:1px solid #e2e8f0;border-radius:8px;min-height:80px;padding:12px 16px}.form-textarea:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea.error{border-color:#ef4444}.tabs-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:8px}.tab,.tabs{display:flex;gap:8px}.tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:12px 24px;transition:all .2s}.tab:hover{background:#f1f5f9;color:#334155}.tab-active{box-shadow:0 4px 12px #3b82f64d}.tab-active,.tab-active:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.detail-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-value{font-size:14px;font-weight:500}.detail-notes{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;color:#475569;font-size:14px;line-height:1.6;padding:12px}.action-btn-view,.status-badge.status-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.action-btn-view:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 4px 12px #06b6d44d;transform:translateY(-1px)}.back-button{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-right:16px;padding:8px 16px;transition:all .2s}.back-button:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateX(-2px)}.page-header-actions{align-items:center;display:flex;gap:12px}.btn-success{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1e293b;font-size:15px;font-weight:500}.summary-grid{display:flex;flex-direction:column;gap:16px;margin-left:auto;max-width:500px}.summary-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.summary-row:last-child{border-bottom:none}.summary-total{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;border-radius:8px;margin-top:8px;padding:16px}.summary-label{color:#64748b;font-size:14px;font-weight:500}.summary-total .summary-label{color:#1e293b;font-size:16px;font-weight:700}.summary-value{color:#1e293b;font-size:16px;font-weight:600}.summary-total .summary-value{color:#3b82f6;font-size:24px;font-weight:700}.text-danger{color:#ef4444!important}.text-muted{color:#94a3b8;font-style:italic}.notes-text{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;color:#475569;font-size:14px;line-height:1.6;padding:16px}.font-semibold{font-weight:600}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.error-icon{font-size:64px}.error-title{color:#1e293b;font-size:24px;font-weight:700;margin:0}.error-message{color:#64748b;font-size:16px;margin:0}.sale-details-page{background:#f8fafc;padding:0!important}.sale-details-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 16px 16px;box-shadow:0 4px 20px #667eea26;margin:-24px -24px 16px;padding:16px 24px 20px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.modern-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.modern-back-btn:hover{background:#ffffff40;transform:translateX(-4px)}.download-invoice-btn{align-items:center;background:#fffffff2;border:none;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#667eea;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s}.download-invoice-btn:hover{background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.header-content{gap:24px}.header-content,.sale-badge{align-items:center;color:#fff;display:flex}.sale-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:16px;height:64px;justify-content:center;width:64px}.header-info{flex:1 1}.sale-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.sale-meta{align-items:center;color:#ffffffe6;display:flex;font-size:14px;gap:12px}.sale-number{background:#ffffff26;border-radius:6px;font-weight:600;padding:4px 12px}.sale-divider{color:#ffffff80}.sale-date{font-weight:500}.header-amount{text-align:right}.amount-label{color:#fffc;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.amount-value{color:#fff;font-size:28px;font-weight:700;text-shadow:0 2px 8px #0000001a}.sale-content-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 340px;padding:0 24px 24px}.sale-main-column,.sale-sidebar-column{display:flex;flex-direction:column;gap:16px}.detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow:hidden;transition:all .3s}.detail-card:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.detail-card-header{background:linear-gradient(180deg,#fafbfc 0,#fff);border-bottom:1px solid #e2e8f0;gap:10px;padding:14px 18px}.card-icon,.detail-card-header{align-items:center;display:flex}.card-icon{border-radius:8px;color:#fff;height:32px;justify-content:center;width:32px}.customer-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.items-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.notes-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-title{color:#1e293b;flex:1 1;font-size:14px;font-weight:600;margin:0}.items-count{background:#f1f5f9;border-radius:10px;color:#64748b;font-size:12px;font-weight:500;padding:3px 10px}.detail-card-body{padding:16px 18px}.detail-card-body.no-padding{padding:0}.detail-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:13px;font-weight:500}.detail-value{color:#1e293b;font-size:13px;font-weight:600;text-align:right}.detail-value.highlight{color:#667eea;font-size:15px}.invoice-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:6px 14px}.items-table-wrapper{overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table thead{background:#f8fafc}.items-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.items-table th.text-center{text-align:center}.items-table th.text-right{text-align:right}.items-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.items-table tbody tr:hover{background:#fafbfc}.items-table tbody tr:last-child{border-bottom:none}.items-table td{color:#475569;font-size:14px;padding:16px 20px}.items-table td.text-center{text-align:center}.items-table td.text-right{text-align:right}.product-cell{gap:12px}.product-cell,.product-icon{align-items:center;display:flex}.product-icon{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:8px;font-size:18px;height:36px;justify-content:center;width:36px}.product-name{color:#1e293b;font-weight:600}.quantity-badge{background:#f1f5f9;border-radius:8px;color:#475569;font-size:13px;font-weight:600;padding:6px 14px}.discount-cell{color:#ef4444;font-weight:600}.total-cell{color:#1e293b;font-size:15px;font-weight:700}.notes-card{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #bae6fd}.notes-content{background:#fff;border-left:4px solid #0ea5e9;border-radius:8px;color:#475569;font-size:14px;line-height:1.7;margin:0;padding:16px}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow:hidden;position:-webkit-sticky;position:sticky;top:16px}.summary-card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 18px}.summary-title{font-size:14px;font-weight:600;margin:0}.summary-card-body{padding:16px 18px}.summary-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 0}.summary-item:last-of-type{border-bottom:none}.summary-item-label{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:500}.summary-item-value{color:#1e293b;font-size:13px;font-weight:600}.discount-item{background:#fef2f2;border-bottom:1px solid #fee2e2;margin:0 -18px;padding:10px 18px}.discount-item .summary-item-label{color:#dc2626}.discount-value{color:#dc2626;font-weight:700}.summary-divider{background:linear-gradient(90deg,#e2e8f0 0,#cbd5e1 50%,#e2e8f0);height:2px;margin:16px 0}.summary-total-row{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-top:2px solid #0ea5e9;display:flex;justify-content:space-between;margin:0 -18px -16px;padding:14px 18px}.summary-total-label{color:#0c4a6e;font-size:14px;font-weight:700}.summary-total-value{color:#0284c7;font-size:22px;font-weight:800}.summary-card-footer{background:#fafbfc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;padding:20px 24px}.sticky-summary{position:-webkit-sticky;position:sticky;top:24px}.payment-status-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;padding:24px;transition:all .3s}.payment-status-card.paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.payment-status-card.unpaid{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#f59e0b}.payment-status-icon{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.payment-status-card.paid .payment-status-icon{background:#10b981;color:#fff}.payment-status-card.unpaid .payment-status-icon{background:#f59e0b;color:#fff}.payment-status-content{flex:1 1}.payment-status-label{font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.payment-status-card.paid .payment-status-label{color:#065f46}.payment-status-card.unpaid .payment-status-label{color:#92400e}.payment-status-value{font-size:20px;font-weight:700}.payment-status-card.paid .payment-status-value{color:#047857}.payment-status-card.unpaid .payment-status-value{color:#b45309}@media (max-width:1200px){.sale-content-grid{grid-template-columns:1fr}.sale-sidebar-column{order:-1}.summary-card{position:static}}@media (max-width:768px){.sale-details-header{margin:-24px -16px 20px;padding:20px}.header-content{align-items:flex-start;flex-direction:column;gap:16px}.header-amount{text-align:left;width:100%}.sale-content-grid{padding:0 16px 16px}.items-table-wrapper{overflow-x:scroll}}.sales-history-page{background:#f8fafc}.sales-history-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 20px 20px;box-shadow:0 8px 24px #667eea26;margin:-24px -24px 24px;padding:20px 32px}.header-content-wrapper{align-items:center;display:flex;gap:16px}.header-icon-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.header-icon-badge svg{height:24px;width:24px}.header-text{flex:1 1}.main-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.main-subtitle{color:#ffffffe6;font-size:13px;font-weight:500;margin:0}.enhanced-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.enhanced-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s}.enhanced-stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.enhanced-stat-card.total-sales:before,.enhanced-stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2)}.enhanced-stat-card.paid-sales:before{background:linear-gradient(90deg,#10b981,#059669)}.enhanced-stat-card.partially-paid-sales:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.enhanced-stat-card.unpaid-sales:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.enhanced-stat-card.total-records:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.enhanced-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-icon-wrapper{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.total-sales .stat-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)}.paid-sales .stat-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669)}.partially-paid-sales .stat-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706)}.unpaid-sales .stat-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626)}.total-records .stat-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-trend{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:12px;font-weight:600;padding:4px 10px}.stat-trend.positive{background:#d1fae5;color:#065f46}.stat-trend.negative{background:#fee2e2;color:#991b1b}.stat-card-body{display:flex;flex-direction:column;gap:2px}.stat-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1e293b;font-size:22px;font-weight:700;line-height:1.2}.stat-footer{color:#94a3b8;font-size:11px;font-weight:500;margin-top:2px}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;margin-bottom:20px;padding:16px 20px}.filters-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.filters-title-wrapper{align-items:center;color:#667eea;display:flex;gap:10px}.filters-title-wrapper svg{height:18px;width:18px}.filters-title{color:#1e293b;font-size:15px;font-weight:600;margin:0}.filters-actions{display:flex;gap:12px}.filter-apply-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px #667eea40;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s}.filter-apply-btn:hover{box-shadow:0 3px 10px #667eea59;transform:translateY(-1px)}.filter-reset-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s}.filter-reset-btn:hover{background:#f8fafc;border-color:#cbd5e1}.filters-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{align-items:center;color:#475569;display:flex;font-size:12px;font-weight:600;gap:5px}.filter-label svg{color:#94a3b8;height:14px;width:14px}.filter-input,.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea14;outline:none}.filter-input:hover,.filter-select:hover{border-color:#cbd5e1}.searchable-select{font-size:13px}.sales-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.table-card-header{align-items:center;background:linear-gradient(180deg,#fafbfc 0,#fff);border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px}.table-header-left{align-items:center;display:flex;gap:12px}.table-card-title{color:#1e293b;font-size:18px;font-weight:700;margin:0}.table-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:6px 14px}.table-empty-state,.table-loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 24px}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.loading-text-large{color:#64748b;font-size:16px;font-weight:600;margin:0}.empty-illustration{margin-bottom:8px}.empty-title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.empty-description{color:#64748b;font-size:14px;margin:0}.enhanced-table-wrapper{overflow-x:auto}.enhanced-sales-table{border-collapse:collapse;width:100%}.enhanced-sales-table thead{background:linear-gradient(180deg,#f8fafc 0,#f1f5f9);border-bottom:2px solid #e2e8f0}.enhanced-sales-table th{color:#475569;font-size:12px;font-weight:700;letter-spacing:.8px;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.th-wrapper{align-items:center;display:flex;gap:6px}.th-wrapper.th-actions{justify-content:center}.enhanced-sales-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.enhanced-sales-table tbody tr:hover{background:linear-gradient(90deg,#fafbfc 0,#f8fafc);transform:scale(1.001)}.enhanced-sales-table tbody tr:last-child{border-bottom:none}.table-row-animated{animation:fadeInUp .4s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.enhanced-sales-table td{padding:18px 20px}.td-wrapper{align-items:center;display:flex}.td-wrapper:has(.partially-paid-status-wrapper){align-items:flex-start;padding:8px 0}.enhanced-sales-table td:nth-child(6),.enhanced-sales-table th:nth-child(6){min-width:250px}.sale-number-cell{background:linear-gradient(135deg,#f0f4ff,#e8edff);border-radius:8px;color:#667eea;display:inline-block;font-size:14px;font-weight:700;padding:6px 12px}.date-cell{color:#475569;font-size:14px;font-weight:500}.customer-cell{align-items:center;display:flex;gap:12px}.customer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.customer-name{color:#1e293b;font-size:14px;font-weight:600}.officer-cell{color:#64748b;font-size:14px;font-weight:500}.amount-cell{color:#1e293b;font-size:15px;font-weight:700}.enhanced-status-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:8px 14px;transition:all .2s}.enhanced-status-badge.paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.enhanced-status-badge.unpaid{background:linear-gradient(135deg,#fed7aa,#fdba74);border:2px solid #f59e0b;color:#92400e}.enhanced-status-badge.partially-paid{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e}.partially-paid-status-wrapper{display:flex;flex-direction:column;gap:8px;min-width:200px}.partially-paid-badge-container{align-items:center;display:flex}.payment-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.payment-progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;height:100%;transition:width .3s ease}.payment-amount-details{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:500;gap:4px}.paid-amount-text{color:#059669;font-weight:600}.total-amount-text{color:#1e293b;font-weight:600}.separator{color:#94a3b8}.remaining-amount-text{color:#ef4444;font-weight:600;margin-left:4px}.invoice-number-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:13px;font-weight:700;padding:6px 12px}.no-invoice{color:#cbd5e1;font-weight:600}.td-actions-wrapper{justify-content:center}.enhanced-action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s}.enhanced-action-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.enhanced-stats-grid,.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sales-history-header{margin:-24px -16px 20px;padding:16px 20px}.header-icon-badge{height:40px;width:40px}.header-icon-badge svg{height:20px;width:20px}.main-title{font-size:18px}.main-subtitle{font-size:12px}.enhanced-stats-grid{gap:12px;margin-bottom:16px}.enhanced-stats-grid,.filters-grid{grid-template-columns:1fr}.filters-section{padding:14px 16px}.enhanced-table-wrapper{overflow-x:scroll}}.modal-overlay{animation:fadeIn .2s ease-in-out;background-color:#00000080}.modal-content{animation:slideUp .3s ease-out;border-radius:12px;max-width:500px}.modal-header{padding:24px 24px 16px}.modal-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:12px}.modal-icon-danger{font-size:28px}.modal-close{border-radius:4px;color:#9ca3af;font-size:32px;padding:0}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.modal-footer{padding:16px 24px}.btn-danger{background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-danger:hover{background-color:#b91c1c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ph-page{display:flex;flex-direction:column;gap:24px;position:relative}.ph-toast{align-items:center;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1);border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px 20px;position:fixed;right:32px;top:24px;z-index:9999}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ph-toast-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.ph-toast-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.ph-header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;box-shadow:0 4px 16px #3b82f64d;display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.ph-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.ph-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ph-stats-row{grid-template-columns:1fr}}.ph-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 4px #0000000d;display:flex;gap:16px;overflow:hidden;padding:20px 24px;position:relative;transition:transform .2s,box-shadow .2s}.ph-stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.ph-stat-card:hover{box-shadow:0 8px 24px #00000017;transform:translateY(-3px)}.ph-stat-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.ph-stat-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.ph-stat-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.ph-stat-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.ph-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:52px;justify-content:center;width:52px}.ph-stat-blue .ph-stat-icon{background:#eff6ff}.ph-stat-green .ph-stat-icon{background:#f0fdf4}.ph-stat-purple.ph-stat-icon{background:#f5f3ff}.ph-stat-amber .ph-stat-icon{background:#fffbeb}.ph-stat-body{flex:1 1;min-width:0}.ph-stat-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.ph-stat-value{color:#0f172a;font-size:22px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 4px #0000000d;overflow:hidden}.ph-toolbar{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.ph-search-wrapper{flex:1 1;max-width:420px;min-width:240px;position:relative}.ph-search-icon{font-size:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ph-search{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;outline:none;padding:10px 40px 10px 42px;transition:all .2s;width:100%}.ph-search:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ph-search::placeholder{color:#94a3b8}.ph-search-clear{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:14px;padding:2px 4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.ph-search-clear:hover{color:#475569}.ph-filters{align-items:center;display:flex;gap:12px}.ph-filter-select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:9px 14px;transition:all .2s}.ph-filter-select:focus{background:#fff;border-color:#3b82f6}.ph-result-count{background:#f1f5f9;border-radius:8px;color:#94a3b8;font-size:13px;font-weight:600;padding:6px 12px;white-space:nowrap}.ph-table-wrapper{overflow-x:auto}.ph-table{border-collapse:collapse;width:100%}.ph-th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.6px;padding:13px 18px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.ph-th.clickable{cursor:pointer;transition:color .2s}.ph-th.clickable:hover{color:#3b82f6}.ph-th-center{text-align:center}.ph-sort-icon{font-size:12px;margin-left:4px}.ph-sort-both{color:#cbd5e1}.ph-sort-active{color:#3b82f6;font-weight:800}.ph-row{animation:rowFadeIn .3s ease both;animation-delay:calc(var(--row-index)*.04s);transition:background .15s}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ph-row:hover{background:#f8fafc}.ph-row:not(:last-child) td{border-bottom:1px solid #f1f5f9}.ph-td{color:#334155;font-size:14px;padding:14px 18px;vertical-align:middle;white-space:nowrap}.ph-td-center{text-align:center}.ph-payment-num{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700;padding:4px 10px}.ph-date{color:#475569;font-weight:500}.ph-sale-num{color:#64748b;font-family:SFMono-Regular,Consolas,monospace;font-size:12.5px;font-weight:600}.ph-customer{align-items:center;display:flex;gap:10px}.ph-customer-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.ph-customer-name{color:#1e293b;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis}.ph-amount{color:#16a34a;font-size:15px;font-weight:700}.ph-method-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:5px 12px;white-space:nowrap}.ph-method-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.ph-ref{color:#64748b;font-family:SFMono-Regular,Consolas,monospace;font-size:12.5px}.ph-na{color:#cbd5e1}.ph-recorder{align-items:center;color:#475569;display:flex;font-size:13.5px;font-weight:500;gap:8px}.ph-recorder-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #dcfce7;flex-shrink:0;height:8px;width:8px}.ph-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;transition:all .2s}.ph-btn-undo{background:#fff7ed;border:1.5px solid #fed7aa;color:#c2410c;padding:7px 14px}.ph-btn-undo:hover:not(:disabled){background:#ffedd5;border-color:#fb923c;transform:scale(1.03)}.ph-btn-undo:disabled{cursor:not-allowed;opacity:.5}.ph-confirm-row{align-items:center;display:flex;gap:6px;justify-content:center}.ph-confirm-label{color:#94a3b8;font-size:12px;font-weight:600}.ph-btn-danger-sm{background:#ef4444;color:#fff;padding:5px 10px}.ph-btn-danger-sm:hover:not(:disabled){background:#dc2626}.ph-btn-ghost-sm{background:#f1f5f9;color:#475569;padding:5px 10px}.ph-btn-ghost-sm:hover{background:#e2e8f0}.ph-loading{gap:14px;padding:60px 32px}.ph-empty,.ph-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.ph-empty{gap:10px;padding:64px 32px;text-align:center}.ph-empty-icon{font-size:48px;margin-bottom:4px;opacity:.5}.ph-empty-title{color:#1e293b;font-size:18px;font-weight:700;margin:0}.ph-empty-sub{color:#94a3b8;font-size:14px;margin:0}.settings-tabs{display:flex;flex-direction:column;height:100%}.tabs-header{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;gap:8px;padding:20px 20px 0}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;position:relative;top:2px;transition:all .2s ease}.tab-button:hover{background:#f3f4f6;border-radius:8px 8px 0 0;color:#374151}.tab-button.tab-active{background:#fff;border-bottom-color:#2563eb;border-radius:8px 8px 0 0;color:#2563eb}.tab-icon{font-size:18px}.tab-name{font-weight:600}.tabs-content{background:#fff;flex:1 1;padding:24px}.site-settings-container{margin:0 auto;max-width:1000px}.tab-pane-header-minimal{border-bottom:1px solid #f1f5f9;margin-bottom:32px;padding-bottom:16px}.tab-pane-subtitle{color:#64748b;font-size:14px;margin-top:4px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;overflow:hidden}.section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 20px}.section-icon{font-size:20px}.section-title{color:#1e293b;font-size:16px;font-weight:700;margin:0}.section-content{padding:24px}.grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.full-width{grid-column:1/-1}.form-label-modern{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon.top-align{align-items:flex-start}.input-icon{color:#94a3b8;font-size:16px;left:12px;pointer-events:none;position:absolute}.input-with-icon.top-align .input-icon{top:12px}.form-input-modern{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;transition:all .2s;width:100%}.form-input-modern:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-help-modern{color:#94a3b8;display:block;font-size:12px;margin-top:6px}.branding-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.branding-card{align-items:center;background:#fdfdfd;border:1px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;padding:24px;text-align:center;transition:all .2s}.branding-card:hover{background:#f8fafc;border-color:#3b82f6}.branding-preview-area{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:20px;width:100%}.preview-container{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;position:relative}.branding-preview{max-height:100px;max-width:100%;object-fit:contain}.preview-overlay{background:#0f172ab3;bottom:0;left:0;opacity:0;padding:4px;position:absolute;right:0;transition:opacity .2s}.preview-container:hover .preview-overlay{opacity:1}.overlay-text{color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.preview-placeholder{color:#94a3b8;display:flex;flex-direction:column;font-size:12px;font-weight:500}.placeholder-icon{font-size:32px;margin-bottom:8px;opacity:.5}.branding-info{width:100%}.branding-label{color:#1e293b;display:block;font-size:14px;font-weight:700;margin-bottom:12px}.hidden-file-input{display:none}.file-upload-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s;width:100%}.file-upload-btn:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.file-hint{color:#94a3b8;font-size:11px;margin-top:8px}.form-actions-modern{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:16px;margin-top:40px;padding-top:24px}.btn-save-settings{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 6px -1px #2563eb33;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;padding:12px 28px;transition:all .3s}.btn-save-settings:hover:not(:disabled){box-shadow:0 10px 15px -3px #2563eb4d;transform:translateY(-2px)}.btn-save-settings:active:not(:disabled){transform:translateY(0)}.btn-save-settings:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.7}.btn-reset{background:#0000;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.btn-reset:hover{background:#f8fafc;border-color:#fee2e2;color:#ef4444}.modern-alert{align-items:center;animation:slideDown .4s cubic-bezier(.16,1,.3,1);border-radius:12px;display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 20px}.alert-success.modern-alert{background:#f0fdf4;border:1px solid #dcfce7;color:#166534}.alert-error.modern-alert{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.filter-bar-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px #00000008;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.filters-wrapper{align-items:center;display:flex;flex:1 1;gap:12px}.filter-select-wrapper{min-width:180px}.search-wrapper-modern{flex:1 1;max-width:400px;position:relative}.search-icon-inside{color:#94a3b8;font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.search-input-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;height:42px;padding:10px 16px 10px 38px!important;transition:all .2s;width:100%}.search-input-modern:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-filters-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.clear-filters-btn:hover{background:#fee2e2;color:#ef4444}.actions-wrapper{align-items:center;display:flex;gap:12px}.divider-vertical{background:#e2e8f0;height:24px;width:1px}.btn-add-modern{align-items:center;background:#2563eb;border:none;border-radius:10px;box-shadow:0 1px 2px #2563eb1a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-add-modern:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.btn-add-modern:active{transform:translateY(0)}@media (max-width:768px){.filter-bar-container,.filters-wrapper{align-items:stretch;flex-direction:column}.search-wrapper-modern{max-width:none}.divider-vertical{display:none}}.discount-settings-page{margin:0 auto;max-width:1400px;padding:24px}.page-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.page-title{align-items:center;color:#111827;display:flex;font-size:32px;font-weight:700;gap:12px;margin:0 0 8px}.page-subtitle{color:#6b7280;font-size:16px;margin:0}.page-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-icon{font-size:16px}.status-badge{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.discount-modal{max-width:800px}.modal-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-title{color:#111827;font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-body{padding:24px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-section{margin-bottom:24px}.form-section-title{border-bottom:2px solid #e5e7eb;color:#111827;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.required{color:#ef4444}.form-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-input.error{border-color:#ef4444}.form-hint{color:#6b7280;display:block;font-size:12px;margin-top:6px}.form-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:1px;margin:32px 0}.form-checkbox-card{align-items:flex-start;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.form-checkbox-card:hover{background:#eef2ff;border-color:#4f46e5}.form-checkbox-card input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;height:20px;margin-top:2px;width:20px}.checkbox-card-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.checkbox-card-title{color:#111827;font-size:14px;font-weight:600}.checkbox-card-desc{color:#6b7280;font-size:13px}.discount-preview{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:8px;display:flex;gap:16px;margin-top:24px;padding:16px}.preview-icon{font-size:24px}.preview-content{color:#78350f;flex:1 1;font-size:14px;line-height:1.6}.preview-content strong{color:#92400e}@media (max-width:768px){.discount-settings-page{padding:16px}.page-header{flex-direction:column;gap:16px}.modal-content{max-height:95vh;width:95%}.page-title{font-size:24px}}.profile-page{display:flex;flex-direction:column;gap:28px}.profile-layout{grid-gap:24px;align-items:flex-start;display:grid;gap:24px;grid-template-columns:300px 1fr}@media (max-width:1100px){.profile-layout{grid-template-columns:1fr}}.profile-sidebar-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:16px;padding:32px 24px;position:-webkit-sticky;position:sticky;top:24px}.profile-avatar-wrapper{height:100px;margin-bottom:4px;position:relative;width:100px}.profile-avatar-circle{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 8px 24px #3b82f659;color:#fff;display:flex;font-size:36px;font-weight:700;height:100px;justify-content:center;letter-spacing:-1px;position:relative;width:100px;z-index:1}.profile-avatar-ring{animation:ringPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6) border-box;border:3px solid #0000;border-radius:50%;inset:-4px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;position:absolute}@keyframes ringPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.profile-display-name{color:#0f172a;font-size:20px;font-weight:700;margin:0;text-align:center}.profile-role-badge{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #c7d2fe;border-radius:20px;color:#4f46e5;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 16px;text-transform:uppercase}.profile-info-list{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:20px;width:100%}.profile-info-item{align-items:flex-start;border-radius:10px;display:flex;gap:12px;padding:10px 8px;transition:background .2s}.profile-info-item:hover{background:#f8fafc}.profile-info-icon{flex-shrink:0;font-size:18px;margin-top:2px;width:24px}.profile-info-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 2px;text-transform:uppercase}.profile-info-value{color:#334155;font-size:14px;font-weight:500;margin:0;word-break:break-all}.profile-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.profile-form-header{background:linear-gradient(135deg,#f8fafc,#f0f4ff);border-bottom:1px solid #f1f5f9;padding:28px 32px 20px}.profile-form-title{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 4px}.profile-form-subtitle{color:#64748b;font-size:14px;margin:0}.alert{align-items:center;gap:10px;margin:20px 32px 0}.profile-form{gap:28px;padding:28px 32px}.form-section,.profile-form{display:flex;flex-direction:column}.form-section{gap:20px}.form-section-title{border-bottom:2px solid #ede9fe;color:#4f46e5;font-size:14px;font-weight:700;letter-spacing:.8px;margin:0;padding-bottom:10px;text-transform:uppercase}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-group-full{grid-column:1/-1}.form-textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-family:inherit;font-size:14px;outline:none;padding:11px 14px;resize:vertical;transition:all .2s;width:100%}.form-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.profile-form-actions{border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;padding-top:8px}.change-password-page{display:flex;flex-direction:column;gap:28px}.cp-layout{grid-gap:24px;align-items:flex-start;display:grid;gap:24px;grid-template-columns:280px 1fr}@media (max-width:1000px){.cp-layout{grid-template-columns:1fr}}.cp-tips-card{background:linear-gradient(160deg,#1e293b,#0f172a);border-radius:20px;box-shadow:0 8px 32px #0f172a33;color:#e2e8f0;display:flex;flex-direction:column;gap:16px;padding:32px 24px;position:-webkit-sticky;position:sticky;top:24px}.cp-tips-icon{font-size:40px;text-align:center}.cp-tips-title{color:#fff;font-size:18px;font-weight:700;margin:0;text-align:center}.cp-tips-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.cp-tip-item{color:#cbd5e1;font-size:13.5px;gap:10px;line-height:1.4}.cp-tip-check,.cp-tip-item{align-items:center;display:flex}.cp-tip-check{background:#3b82f633;border:1px solid #3b82f666;border-radius:50%;color:#60a5fa;flex-shrink:0;font-size:12px;height:22px;justify-content:center;width:22px}.cp-security-note{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#93c5fd;display:flex;font-size:12.5px;gap:10px;line-height:1.5;margin-top:8px;padding:12px 14px}.cp-security-note span{flex-shrink:0;font-size:18px}.cp-security-note p{margin:0}.cp-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.cp-form-header{background:linear-gradient(135deg,#f8fafc,#f0f4ff);border-bottom:1px solid #f1f5f9;padding:28px 32px 20px}.cp-form-title{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 4px}.cp-form-subtitle{color:#64748b;font-size:14px;margin:0}.cp-alert{margin:20px 32px 0!important}.alert{align-items:flex-start;animation:slideDown .3s ease;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.cp-form{display:flex;flex-direction:column;gap:24px;padding:28px 32px}.cp-divider{align-items:center;color:#94a3b8;display:flex;font-size:12px;font-weight:600;gap:12px;letter-spacing:.8px;text-transform:uppercase}.cp-divider:after,.cp-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.password-input-wrapper{position:relative}.password-input{padding-right:48px!important}.password-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:#475569}.strength-bar-wrapper{align-items:center;display:flex;gap:12px;margin-top:8px}.strength-bar-track{background:#e2e8f0;border-radius:999px;flex:1 1;height:6px;overflow:hidden}.strength-bar-fill{border-radius:999px;height:100%}.strength-label{font-size:12px;font-weight:700;min-width:44px;text-align:right}.pwd-checklist{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-top:10px}.check-item{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px;transition:all .2s}.check-ok{color:#16a34a}.check-pending{color:#94a3b8}.match-indicator{font-size:12.5px;font-weight:600;margin:6px 0 0}.match-ok{color:#16a34a}.match-fail{color:#ef4444}.input-error{background:#fff5f5!important;border-color:#ef4444!important}.field-error{color:#ef4444;font-size:12px;margin:4px 0 0 2px}.cp-form-actions{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:6px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8f27ada8.css.map*/