:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-900:#1e3a8a;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--danger-50:#fef2f2;--danger-500:#ef4444;--danger-600:#dc2626;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-hover:#475569;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:14px;line-height:1.6;transition:background-color .25s ease-in-out,color .25s ease-in-out;transition:background-color var(--transition-normal),color var(--transition-normal)}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:16px;top:16px;z-index:10001}.toast{animation:slideInDown .25s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#1e293b;color:var(--text-primary);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.toast-success{background:#f0fdf4;background:var(--success-50);border-color:#22c55e;border-color:var(--success-500);color:#16a34a;color:var(--success-600)}.toast-error{background:#fef2f2;background:var(--danger-50);border-color:#ef4444;border-color:var(--danger-500);color:#dc2626;color:var(--danger-600)}.toast-info{background:#eff6ff;background:var(--primary-50);border-color:#3b82f6;border-color:var(--primary-500);color:#1d4ed8;color:var(--primary-700)}.toast-warning{background:#fffbeb;background:var(--warning-50);border-color:#f59e0b;border-color:var(--warning-500);color:#d97706;color:var(--warning-600)}code{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-family:var(--font-mono);font-size:.875em}.container{margin:0 auto;max-width:1400px;padding:1.5rem;padding:var(--space-6)}.layout{display:flex;gap:1.5rem;gap:var(--space-6);min-height:calc(100vh - 80px)}.app-shell-mobile .container{padding-bottom:calc(72px + env(safe-area-inset-bottom, 16px))}.main-content-mobile{padding-bottom:calc(96px + env(safe-area-inset-bottom, 16px))}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--text-primary);font-weight:600;line-height:1.25;margin-bottom:1rem;margin-bottom:var(--space-4)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:#64748b;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-4)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;overflow:hidden;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .25s ease-in-out;transition:left var(--transition-normal);width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-secondary:hover{background:#e2e8f0;background:var(--border-color);border-color:#cbd5e1;border-color:var(--border-hover);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-500),var(--danger-600));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--danger-600),#b91c1c);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500),var(--success-600));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--success-600),#15803d);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{font-size:.75rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-lg{font-size:1rem;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.form-group{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.form-label{display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-control,.form-label{color:#1e293b;color:var(--text-primary);font-size:.875rem}.form-control{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.form-control+.form-control{margin-top:.75rem;margin-top:var(--space-3)}.form-control:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-control::placeholder{color:#94a3b8;color:var(--text-muted)}.card .form-control{margin-bottom:.75rem;margin-bottom:var(--space-3)}.table{animation:fadeInUp .3s ease-out;background:#fff;background:var(--bg-primary);border-collapse:collapse;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;table-layout:auto;width:100%}.table td,.table th{word-wrap:break-word;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);font-size:.8rem;max-width:200px;overflow-wrap:break-word;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:left;white-space:normal}.table th{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tbody tr{transition:all .15s ease-in-out;transition:all var(--transition-fast)}.table tbody tr:hover{background:#f8fafc;background:var(--bg-secondary);transform:scale(1.01)}.table tbody tr:last-child td{border-bottom:none}.card{animation:fadeInUp .4s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:1.25rem;margin-bottom:var(--space-5);padding-bottom:1rem;padding-bottom:var(--space-4)}.card-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.alert{animation:slideInDown .3s ease-out;border:1px solid;border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem;padding:var(--space-4)}.alert-success{background:#f0fdf4;background:var(--success-50);border-color:#22c55e;border-color:var(--success-500);color:#16a34a;color:var(--success-600)}.alert-danger{background:#fef2f2;background:var(--danger-50);border-color:#ef4444;border-color:var(--danger-500);color:#dc2626;color:var(--danger-600)}.alert-info{background:#eff6ff;background:var(--primary-50);border-color:#3b82f6;border-color:var(--primary-500);color:#1d4ed8;color:var(--primary-700)}.navbar{animation:slideInDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem 0;padding:var(--space-4) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-nav{display:flex;gap:1.5rem;gap:var(--space-6);list-style:none;margin:0;padding:0}.nav-link{color:#64748b;color:var(--text-secondary);padding:.5rem 0;padding:var(--space-2) 0;position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{color:#3b82f6;color:var(--primary-500)}.nav-link:after{background:#3b82f6;background:var(--primary-500);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .15s ease-in-out;transition:width var(--transition-fast);width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.sidebar{animation:slideInLeft .4s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:-webkit-fit-content;height:fit-content;padding:1.5rem;padding:var(--space-6);position:-webkit-sticky;position:sticky;top:calc(80px + 1.5rem);top:calc(80px + var(--space-6));width:280px}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:.5rem;margin-bottom:var(--space-2)}.sidebar-link,.sidebar-nav a{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:.875rem;font-weight:500;gap:.75rem;gap:var(--space-3);overflow:hidden;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative;text-align:left;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.sidebar-label{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sidebar-label-1{text-overflow:ellipsis;white-space:nowrap}.sidebar-label-2{-webkit-line-clamp:2;white-space:normal}.sidebar-notification-badge{align-items:center;background:#ef4444;background:var(--danger-500);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:0 4px}.sidebar-link.active,.sidebar-link:hover,.sidebar-nav a.active,.sidebar-nav a:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;transform:translateX(4px)}.sidebar-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .25s ease-in-out;transition:left var(--transition-normal);width:100%}.sidebar-link:hover:before{left:100%}.main-content{animation:fadeInUp .5s ease-out;flex:1 1}.mobile-nav{background:#fff;background:var(--bg-primary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 20px #0f172a14;gap:.25rem;gap:var(--space-1);justify-content:space-around;left:0;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom, 12px));padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom, 12px));position:fixed;right:0;z-index:1100}.mobile-nav,.mobile-nav-item{align-items:center;display:flex}.mobile-nav-item{background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);flex:1 1;flex-direction:column;font-size:.75rem;gap:4px;justify-content:center;padding:6px 4px;position:relative;transition:background .15s ease-in-out,color .15s ease-in-out;transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav-item.active{background:#eff6ff;background:var(--primary-50);color:#2563eb;color:var(--primary-600)}.mobile-nav-icon{align-items:center;display:inline-flex;font-size:1.25rem;justify-content:center}.mobile-nav-badge{background:#ef4444;background:var(--danger-500);border-radius:999px;color:#fff;font-size:.625rem;font-weight:600;padding:0 6px;position:absolute;right:20%;top:4px}.status-badge{border-radius:1.5rem;border-radius:var(--radius-2xl);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);white-space:nowrap}.status-processing{background:#fffbeb;background:var(--warning-50);border:1px solid #f59e0b;border:1px solid var(--warning-500);color:#d97706;color:var(--warning-600)}.status-completed{background:#f0fdf4;background:var(--success-50);border:1px solid #22c55e;border:1px solid var(--success-500);color:#16a34a;color:var(--success-600)}.status-cancelled{background:#fef2f2;background:var(--danger-50);border:1px solid #ef4444;border:1px solid var(--danger-500);color:#dc2626;color:var(--danger-600)}.customer-type{border-radius:1.5rem;border-radius:var(--radius-2xl);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase;white-space:nowrap}.customer-ctv{background:#eff6ff;background:var(--primary-50);border:1px solid #3b82f6;border:1px solid var(--primary-500);color:#1d4ed8;color:var(--primary-700)}.customer-retail{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #a855f7;color:#7c3aed}.modal{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:none;-webkit-backdrop-filter:none;background:#00000080;display:flex;height:100%;isolation:isolate;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{-ms-overflow-style:none;animation:scaleIn .3s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-x:hidden;overflow-y:auto;padding:2rem;padding:var(--space-8);position:relative;scrollbar-width:none;width:90%;z-index:10000}.modal-content::-webkit-scrollbar{display:none;height:0;width:0}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4)}.modal-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:.5rem;padding:var(--space-2);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.close:hover{background:#f8fafc;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2,.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.mb-3{margin-bottom:1rem;margin-bottom:var(--space-4)}.mt-3{margin-top:1rem;margin-top:var(--space-4)}.mb-4{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.mt-4{margin-top:1.25rem;margin-top:var(--space-5)}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.ms-1{margin-left:.25rem;margin-left:var(--space-1)}.ms-2{margin-left:.5rem;margin-left:var(--space-2)}.ms-3{margin-left:.75rem;margin-left:var(--space-3)}.ms-4{margin-left:1rem;margin-left:var(--space-4)}.me-1{margin-right:.25rem;margin-right:var(--space-1)}.me-2{margin-right:.5rem;margin-right:var(--space-2)}.me-3{margin-right:.75rem;margin-right:var(--space-3)}.me-4{margin-right:1rem;margin-right:var(--space-4)}.theme-toggle{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.theme-toggle:hover{background:#e2e8f0;background:var(--border-color);transform:translateY(-1px)}.theme-toggle-icon{font-size:1.125rem;transition:transform .15s ease-in-out;transition:transform var(--transition-fast)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(180deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 20px #3b82f699}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.wordmark{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.tracking-in{animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) both}@keyframes tracking-in-expand{0%{letter-spacing:-.2em;opacity:0}40%{opacity:.6}to{letter-spacing:.08em;opacity:1}}body:has(.modal) .main-content,body:has(.modal) .navbar,body:has(.modal) .sidebar{pointer-events:none}body:has(.modal){overflow:hidden}body:has(.modal) .modal,body:has(.modal) .modal *{pointer-events:auto}[data-motion=reduce] *,body.reduce-motion *{animation:none!important;transition:none!important}body:has(.modal) .card:hover,body:has(.modal) .hover-lift:hover,body:has(.modal) .hover-rotate:hover,body:has(.modal) .hover-scale:hover,body:has(.modal) .interactive:hover,body:has(.modal) .sidebar-link:hover,body:has(.modal) .sidebar-nav a:hover,body:has(.modal) .table tbody tr:hover{box-shadow:none!important;transform:none!important;transition:none!important}body:has(.modal) .main-content,body:has(.modal) .main-content *,body:has(.modal) .navbar,body:has(.modal) .navbar *,body:has(.modal) .sidebar,body:has(.modal) .sidebar *{transition:none!important}.loading{animation:pulse 1.5s ease-in-out infinite}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.hover-lift:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-glow:hover{box-shadow:0 0 20px #3b82f666}.hover-scale:hover{transform:scale(1.05)}.hover-rotate:hover{transform:rotate(5deg)}.interactive{cursor:pointer;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.interactive:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.interactive:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.table-responsive{overflow-x:visible;width:100%}.table-responsive.orders-table{display:block}.orders-mobile{display:none}.table-responsive.warehouse-table{display:block}.warehouse-mobile{display:none}.table-responsive.customer-table{display:block}.customer-mobile{display:none}.table-responsive.product-table{display:block}.product-mobile{display:none}.table-responsive.package-table{display:block}.package-mobile{display:none}.table-responsive.expense-table{display:block}.expense-mobile{display:none}.table-responsive.activity-table{display:block}.activity-mobile{display:none}.table-responsive.warranty-table{display:block}.warranty-mobile{display:none}.order-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px}.order-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.order-card-title{color:#1e293b;color:var(--text-primary);font-weight:700}.order-card-subtitle{color:#64748b;color:var(--text-secondary);font-size:.8rem}.order-card-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin:6px 0}.order-card-label{color:#94a3b8;color:var(--text-muted);font-weight:600;min-width:90px}.order-card-value{color:#1e293b;color:var(--text-primary);flex:1 1;text-align:right}.order-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.warehouse-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px}.warehouse-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.warehouse-card-title{color:#1e293b;color:var(--text-primary);font-weight:700}.warehouse-card-subtitle{color:#64748b;color:var(--text-secondary);font-size:.8rem}.warehouse-card-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin:6px 0}.warehouse-card-label{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:600;min-width:90px}.warehouse-card-value{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.8rem;text-align:right;word-break:break-word}.warehouse-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.customer-card{border-radius:12px;margin-bottom:12px;padding:12px}.customer-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.customer-card-title{color:#1e293b;color:var(--text-primary);font-weight:700}.customer-card-subtitle{color:#64748b;color:var(--text-secondary);font-size:.8rem}.customer-card-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin:6px 0}.customer-card-label{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:600;min-width:90px}.customer-card-value{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.8rem;text-align:right;word-break:break-word}.customer-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.product-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px}.product-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.product-card-title{color:#1e293b;color:var(--text-primary);font-weight:700}.product-card-subtitle{color:#64748b;color:var(--text-secondary);font-size:.8rem}.product-card-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin:6px 0}.product-card-label{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:600;min-width:90px}.product-card-value{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.8rem;text-align:right;word-break:break-word}.product-card-description{background:#f8fafc;background:var(--bg-secondary);border-left:3px solid #e2e8f0;border-left:3px solid var(--border-color);border-radius:6px;color:#64748b;color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:6px 0;padding:8px}.product-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.package-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px}.package-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.package-card-title{color:#1e293b;color:var(--text-primary);font-weight:700}.package-card-subtitle{color:#64748b;color:var(--text-secondary);font-size:.8rem}.package-card-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin:6px 0}.package-card-label{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:600;min-width:90px}.package-card-value{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.8rem;text-align:right;word-break:break-word}.package-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.expense-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px}.expense-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.expense-card-title{color:#1e293b;color:var(--text-primary);font-weight:700}.expense-card-subtitle{color:#64748b;color:var(--text-secondary);font-size:.8rem}.expense-card-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin:6px 0}.expense-card-label{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:600;min-width:90px}.expense-card-value{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.8rem;text-align:right;word-break:break-word}.expense-card-description{background:#f8fafc;background:var(--bg-secondary);border-left:3px solid #e2e8f0;border-left:3px solid var(--border-color);border-radius:6px;color:#64748b;color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:6px 0;padding:8px}.expense-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.activity-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px}.activity-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.activity-card-title{color:#1e293b;color:var(--text-primary);font-weight:700}.activity-card-subtitle{color:#64748b;color:var(--text-secondary);font-size:.8rem}.activity-card-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin:6px 0}.activity-card-label{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:600;min-width:90px}.activity-card-value{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.8rem;text-align:right;word-break:break-word}.activity-card-details{background:#f8fafc;background:var(--bg-secondary);border-left:3px solid #e2e8f0;border-left:3px solid var(--border-color);border-radius:6px;color:#64748b;color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:6px 0;padding:8px}.warranty-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px}.warranty-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.warranty-card-title{color:#1e293b;color:var(--text-primary);font-weight:700}.warranty-card-subtitle{color:#64748b;color:var(--text-secondary);font-size:.8rem}.warranty-card-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin:6px 0}.warranty-card-label{color:#94a3b8;color:var(--text-muted);font-size:.8rem;font-weight:600;min-width:90px}.warranty-card-value{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.8rem;text-align:right;word-break:break-word}.warranty-card-description{background:#f8fafc;background:var(--bg-secondary);border-left:3px solid #e2e8f0;border-left:3px solid var(--border-color);border-radius:6px;color:#64748b;color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:6px 0;padding:8px}.warranty-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.table td:has(input[type=checkbox]),.table th:has(input[type=checkbox]){max-width:36px;min-width:36px;width:36px}@media (max-width:768px){.container{padding:1rem;padding:var(--space-4)}.navbar .container{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.navbar .customer-type,.navbar .text-muted{display:none!important}.navbar-brand{font-size:1.25rem!important}.navbar .d-flex.gap-3{gap:.5rem!important;gap:var(--space-2)!important}.navbar .btn span:not([style*="display: inline-flex"]),.navbar .theme-toggle span:not(.theme-toggle-icon){display:none!important}.navbar .btn,.navbar .theme-toggle{min-width:auto!important;padding:.5rem!important;padding:var(--space-2)!important}.notification-toggle span:not(.notification-toggle-icon):not(.notification-badge){display:none!important}.layout{flex-direction:column;gap:1rem;gap:var(--space-4)}.sidebar{order:-1;position:static;width:100%}.main-content{margin-left:0}.navbar-nav{flex-direction:column;gap:.5rem;gap:var(--space-2)}.table{font-size:.75rem}.table td,.table th{padding:.5rem;padding:var(--space-2)}.table-responsive.orders-table{display:none}.orders-mobile{display:block}.orders-mobile-list{height:calc(100vh - 260px);margin-bottom:calc(72px + env(safe-area-inset-bottom, 16px));overflow:hidden}.table-responsive.warehouse-table{display:none}.warehouse-mobile{display:block}.table-responsive.customer-table{display:none}.customer-mobile{display:block}.table-responsive.product-table{display:none}.product-mobile{display:block}.table-responsive.package-table{display:none}.package-mobile{display:block}.table-responsive.expense-table{display:none}.expense-mobile{display:block}.table-responsive.activity-table{display:none}.activity-mobile{display:block}.table-responsive.warranty-table{display:none}.warranty-mobile{display:block}.card-header .d-flex.justify-content-between{align-items:center}.card-header .d-flex.justify-content-between>.d-flex{-webkit-overflow-scrolling:touch;align-items:center;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px}.card-header .d-flex.justify-content-between>.d-flex .d-flex{align-items:center;flex-wrap:nowrap;gap:6px}.card-header .d-flex.justify-content-between>.d-flex::-webkit-scrollbar{height:4px}.card-header .d-flex.justify-content-between>.d-flex::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:2px}.card-header .btn{align-items:center;box-sizing:border-box;display:inline-flex;flex:0 0 auto;font-size:.8rem;height:32px;line-height:32px;padding:0 10px;white-space:nowrap}.btn:before{display:none}.btn{overflow:visible}.btn-light{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.modal-content{border-radius:20px 20px 0 0;bottom:0;height:95vh;left:0;margin:0;max-width:100%;position:fixed;right:0;transform:none!important;width:100%}.modal{align-items:flex-end}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--border-hover)}:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}::selection{background:#dbeafe;background:var(--primary-100);color:#1e3a8a;color:var(--primary-900)}[data-theme=dark] ::selection{background:#1e3a8a;background:var(--primary-900);color:#dbeafe;color:var(--primary-100)}.currency-input{position:relative}.currency-input .form-control{padding-right:2.25rem}.currency-suffix{color:#94a3b8;color:var(--text-muted);font-weight:600;pointer-events:none;position:absolute;right:.65rem;top:50%;transform:translateY(-50%)}.stats-card{border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease}.stats-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stats-card.revenue{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e;border-left:4px solid var(--success-500)}.stats-card.cost{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444;border-left:4px solid var(--danger-500)}.stats-card.profit{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;border-left:4px solid var(--primary-500)}.stats-card.margin{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #06b6d4}.stats-icon{font-size:2rem;opacity:.3}.stats-icon i{color:inherit}.card-header{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);font-weight:600}.border{border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important}.border.rounded{border-radius:.5rem!important;border-radius:var(--radius-md)!important}.stats-card-compact{border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);min-height:60px;overflow:hidden;transition:all .2s ease}.stats-card-compact:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.stats-card-compact.revenue{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:3px solid #22c55e;border-left:3px solid var(--success-500)}.stats-card-compact.cost{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:3px solid #ef4444;border-left:3px solid var(--danger-500)}.stats-card-compact.profit{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:3px solid #3b82f6;border-left:3px solid var(--primary-500)}.stats-card-compact.margin{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:3px solid #06b6d4}.stats-icon-compact{font-size:1.2rem;margin-left:.5rem;margin-left:var(--space-2);opacity:.3}.stats-card-ultra-compact{border:none;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);min-height:45px;overflow:hidden;transition:all .2s ease}.stats-card-ultra-compact:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.stats-card-ultra-compact.revenue{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:2px solid #22c55e;border-left:2px solid var(--success-500)}.stats-card-ultra-compact.cost{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:2px solid #ef4444;border-left:2px solid var(--danger-500)}.stats-card-ultra-compact.profit{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:2px solid #3b82f6;border-left:2px solid var(--primary-500)}.stats-card-ultra-compact.margin{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:2px solid #06b6d4}.stats-icon-ultra-compact{font-size:1rem;margin-left:.5rem;margin-left:var(--space-2);opacity:.3}.simple-chart{display:flex;flex-direction:column;height:120px}.chart-title{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3);text-align:center}.chart-bars{align-items:end;display:flex;gap:.25rem;gap:var(--space-1);height:90px;justify-content:space-around;padding:.25rem;padding:var(--space-1)}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.chart-bar{align-items:flex-end;border-radius:.375rem .375rem 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2);min-height:20px;position:relative;transition:all .3s ease;width:100%}.chart-bar:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:scale(1.05)}.chart-value{color:#1e293b;color:var(--text-primary);font-size:.75rem;font-weight:600;position:absolute;top:-25px;white-space:nowrap}.chart-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:500;text-align:center}.pie-chart{display:flex;flex-direction:column;height:120px}.pie-container{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);height:90px;justify-content:center}.pie-svg{flex-shrink:0;height:60px;width:60px}.pie-legend{flex:1 1;flex-direction:column}.legend-item,.pie-legend{display:flex;gap:.5rem;gap:var(--space-2)}.legend-item{align-items:center;font-size:.875rem}.legend-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-label{color:#64748b;color:var(--text-secondary);flex:1 1;font-weight:500}.legend-value{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600}@media (max-width:768px){.chart-bars{gap:.25rem;gap:var(--space-1);height:120px}.chart-value{top:-20px}.chart-label,.chart-value{font-size:.7rem}.pie-container{flex-direction:column;gap:.5rem;gap:var(--space-2)}.pie-svg{height:80px;width:80px}.pie-legend{flex-direction:row;flex-wrap:wrap;justify-content:center}}.stats-card .card-body{padding:1rem;padding:var(--space-4)}.stats-icon{font-size:1.5rem;margin-left:.75rem;margin-left:var(--space-3);opacity:.4}.overview-tab{max-height:calc(100vh - 100px);overflow-y:auto;padding:1.5rem;padding:var(--space-6)}.overview-tab .row{margin-bottom:.25rem;margin-bottom:var(--space-1)}.overview-tab .card{border:1px solid #e2e8f0;border:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.overview-tab .card:hover{transform:translateY(-1px);transition:all .2s ease}.dashboard-section,.overview-tab .card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.dashboard-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:2rem;margin-bottom:var(--space-8);overflow:hidden}.section-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.section-title{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;gap:var(--space-2);margin:0}.section-content{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1.5rem;padding:var(--space-6)}.section-content.horizontal{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between}.section-content.horizontal .kpi-card{flex:1 1;max-width:300px;min-width:200px}.kpi-card.ctv-revenue{border-left:4px solid #3b82f6}.kpi-card.retail-revenue{border-left:4px solid #f59e0b}.kpi-card.ctv-orders{border-left:4px solid #22c55e}.kpi-card.retail-orders{border-left:4px solid #f59e0b}.kpi-card.total-orders{border-left:4px solid #3b82f6}.kpi-card.current-month{border-left:4px solid #ef4444}.kpi-card.average-month{border-left:4px solid #8b5cf6}.ros-value{align-items:center;display:flex;height:100px;justify-content:center}.ros-percentage{color:#22c55e;font-size:2rem;font-weight:700}.modern-dashboard{background:#f8fafc;min-height:calc(100vh - 120px);padding:1rem;padding:var(--space-4)}.dashboard-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:.75rem;padding-bottom:var(--space-3)}.dashboard-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.dashboard-controls{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.dashboard-row{grid-gap:1.25rem;grid-gap:var(--space-5);align-items:start;display:grid;gap:1.25rem;gap:var(--space-5);grid-template-columns:1fr 1fr 1fr;margin-bottom:1.5rem;margin-bottom:var(--space-6);min-height:320px}.kpi-section{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.kpi-card{background:#fff;border-left:4px solid #3b82f6;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem;padding:var(--space-4);transition:all .3s ease}.kpi-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.kpi-value{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.kpi-value.cost{color:#dc2626}.kpi-value.profit{color:#16a34a}.kpi-value.orders{color:#7c3aed}.chart-section{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:visible}.chart-card{display:flex;flex-direction:column;height:100%;overflow:visible}.chart-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem .75rem;padding:var(--space-4) var(--space-3)}.chart-header h6{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.chart-body{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:visible;padding:1rem;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-4)}.modern-bar-chart{height:220px;padding:10px 0 30px;width:100%}.modern-bar-chart .chart-bars{align-items:flex-end;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;gap:var(--space-2);height:calc(100% - 40px);justify-content:space-around;margin-bottom:20px}.modern-bar-chart .bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.modern-bar-chart .bar{align-items:flex-end;align-self:flex-end;border-radius:.375rem .375rem 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2);min-height:20px;position:relative;transition:all .3s ease;width:100%}.modern-bar-chart .bar:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:scale(1.05)}.modern-bar-chart .bar-value{color:#374151;font-weight:600;top:-25px}.modern-bar-chart .bar-label,.modern-bar-chart .bar-value{font-size:.75rem;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.modern-bar-chart .bar-label{bottom:-25px;color:#6b7280;font-weight:500;margin-top:5px;text-align:center}.modern-donut-chart{align-items:center;display:flex;height:120px;justify-content:center}.donut-svg{height:120px;width:120px}.donut-text{fill:#374151;font-size:1.25rem;font-weight:700}.modern-line-chart{height:240px;padding:10px 50px 40px;position:relative;width:100%}.line-svg{height:calc(100% - 50px);margin-bottom:40px;margin-left:50px;width:calc(100% - 50px)}.line-labels{bottom:10px;display:flex;justify-content:space-between;left:0;margin-top:.5rem;margin-top:var(--space-2);padding-left:45px;padding-right:5px;position:absolute;right:0}.line-label{color:#6b7280;font-size:.75rem;text-align:center}.modern-line-chart .chart-axis-labels{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.modern-line-chart .y-axis-label{color:#6b7280;font-size:.75rem;font-weight:500;left:-15px;position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);white-space:nowrap}.modern-line-chart .x-axis-label{bottom:-30px;color:#6b7280;font-size:.75rem;font-weight:500;left:50%;position:absolute;transform:translateX(-50%)}.modern-line-chart .y-axis-ticks{align-items:flex-end;bottom:30px;display:flex;flex-direction:column;justify-content:space-between;left:5px;position:absolute;top:10px;width:40px}.modern-line-chart .y-tick{align-items:center;display:flex;height:0;position:relative}.modern-line-chart .tick-value{color:#6b7280;font-size:.7rem;margin-right:5px;white-space:nowrap}.modern-line-chart .tick-line{background-color:#d1d5db;height:1px;width:5px}.metrics-section{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.metric-card{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem;padding:var(--space-4);text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card.growth{border-left:4px solid #3b82f6}.metric-card.ros{border-left:4px solid #22c55e}.metric-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.metric-value{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.ros-chart{align-items:center;display:flex;justify-content:center}.stats-section{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.stats-card{display:flex;flex-direction:column;height:100%}.stats-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem;padding:var(--space-3)}.stats-header h6{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.stats-grid{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;flex:1 1;gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem;padding:var(--space-4)}.stat-item{background:#f8fafc;border-radius:.5rem;border-radius:var(--radius-md);padding:.75rem;padding:var(--space-3);text-align:center;transition:all .2s ease}.stat-item:hover{background:#f1f5f9;transform:translateY(-1px)}.stat-value{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-1)}.stat-label{font-size:.75rem;font-weight:500}.dashboard{margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--space-6)}.dashboard-header{margin-bottom:2rem;margin-bottom:var(--space-8)}.dashboard-header h1{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.dashboard-header p{color:#64748b;color:var(--text-secondary);font-size:var(--text-lg);margin:0}.dashboard-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:1rem;padding-bottom:var(--space-4)}.dashboard-tab,.dashboard-tabs{display:flex;gap:.5rem;gap:var(--space-2)}.dashboard-tab{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative;transition:all .2s ease}.dashboard-tab:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.dashboard-tab.active{background:#eff6ff;background:var(--primary-50);color:#2563eb;color:var(--primary-600)}.dashboard-tab.active:after{background:#2563eb;background:var(--primary-600);border-radius:1px;bottom:-19px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.tab-icon{align-items:center;display:flex}.tab-label{font-size:var(--text-xl)}.dashboard-content{min-height:400px}.dashboard .stats-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.stat-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6);transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{align-items:center;background:#eff6ff;background:var(--primary-50);border-radius:.75rem;border-radius:var(--radius-lg);color:#2563eb;color:var(--primary-600);display:flex;height:48px;justify-content:center;width:48px}.stat-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left;width:100%}.stat-content h3{color:#1e293b;color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.stat-content p{color:#64748b;color:var(--text-secondary);font-size:var(--text-lg);margin:0}.recent-orders{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6)}.recent-orders h2{color:#1e293b;color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}.orders-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.order-item{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem;padding:var(--space-3)}.order-info{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.order-code{color:#1e293b;color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.order-date{color:#64748b;color:var(--text-secondary);font-size:var(--text-xs)}.status-badge{border-radius:.375rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-transform:uppercase}.status-badge.processing{background:#fffbeb;background:var(--warning-50);color:#d97706;color:var(--warning-600)}.status-badge.completed{background:#f0fdf4;background:var(--success-50);color:#16a34a;color:var(--success-600)}.status-badge.cancelled{background:#fef2f2;background:var(--danger-50);color:#dc2626;color:var(--danger-600)}.sales-stats{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.sales-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);text-align:center}.sales-card h3{color:#1e293b;color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}.sales-amount{color:#2563eb;color:var(--primary-600);font-size:var(--text-3xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.sales-growth{align-items:center;display:flex;font-size:var(--text-sm);font-weight:500;gap:.25rem;gap:var(--space-1);justify-content:center}.sales-growth.positive{color:#16a34a;color:var(--success-600)}.sales-growth.negative{color:#dc2626;color:var(--danger-600)}.sales-subtitle{color:#64748b;color:var(--text-secondary);font-size:var(--text-sm);margin:0}.orders-summary{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6)}.orders-summary h3{color:#1e293b;color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}.orders-stats{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.order-stat{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-4);text-align:center}.stat-number{color:#2563eb;color:var(--primary-600);display:block;font-size:var(--text-2xl);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-1)}.stat-label{color:#64748b;color:var(--text-secondary);font-size:var(--text-sm)}.inventory-stats{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr 2fr;margin-bottom:2rem;margin-bottom:var(--space-8)}.inventory-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);text-align:center}.customers-tab,.inventory-tab,.overview-tab,.sales-tab{max-height:calc(100vh - 100px);overflow-y:auto;padding:1.5rem;padding:var(--space-6)}.dashboard .overview-tab .stat-card{align-items:center!important;background:#fff!important;background:var(--bg-primary)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:1rem!important;gap:var(--space-4)!important;padding:1.5rem!important;padding:var(--space-6)!important;text-align:center!important;transition:all .2s ease!important}.dashboard .overview-tab .stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.dashboard .overview-tab .stat-card .stat-icon{align-items:center!important;background:#eff6ff!important;background:var(--primary-50)!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;color:#2563eb!important;color:var(--primary-600)!important;display:flex!important;height:48px!important;justify-content:center!important;width:48px!important}.dashboard .overview-tab .stat-card .stat-content{align-items:center!important;display:flex!important;flex-direction:column!important;text-align:center!important;width:100%!important}.dashboard .overview-tab .stat-card .stat-content h3{color:#1e293b!important;color:var(--text-primary)!important;font-size:var(--text-3xl)!important;font-weight:600!important;margin:0 0 .5rem!important;margin:0 0 var(--space-2) 0!important;text-align:center!important}.dashboard .overview-tab .stat-card .stat-content p{color:#64748b!important;color:var(--text-secondary)!important;font-size:var(--text-sm)!important;margin:0!important;text-align:center!important}.inventory-card h3{color:#1e293b;color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}.inventory-amount{color:#2563eb;color:var(--primary-600);font-size:var(--text-3xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.inventory-subtitle{color:#64748b;color:var(--text-secondary);font-size:var(--text-sm);margin:0}.inventory-breakdown{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.breakdown-item{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-4);text-align:center}.breakdown-item.available,.breakdown-item.expired,.breakdown-item.reserved,.breakdown-item.sold{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}.breakdown-item.expiring,.breakdown-item.needs-update,.inventory-breakdown .breakdown-item:not(.available):not(.sold):not(.expired){background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important}.breakdown-number{display:block;font-size:var(--text-2xl);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-1)}.breakdown-item.available .breakdown-number,.breakdown-item.expired .breakdown-number,.breakdown-item.reserved .breakdown-number,.breakdown-item.sold .breakdown-number{color:#1e293b;color:var(--text-primary)}.breakdown-item.expiring .breakdown-number,.breakdown-item.needs-update .breakdown-number,.inventory-breakdown .breakdown-item:not(.available):not(.sold):not(.expired) .breakdown-number{color:#1e293b!important;color:var(--text-primary)!important}.breakdown-label{color:#64748b;color:var(--text-secondary);font-size:var(--text-sm)}.customers-stats{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-bottom:var(--space-8)}.customer-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);text-align:center}.customer-card h3{color:#1e293b;color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-4) 0}.customer-amount{color:#2563eb;color:var(--primary-600);font-size:var(--text-3xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.customer-subtitle{color:#64748b;color:var(--text-secondary);font-size:var(--text-sm);margin:0}.customer-breakdown{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.breakdown-item.ctv,.breakdown-item.retail{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}.breakdown-item.ctv .breakdown-number,.breakdown-item.retail .breakdown-number{color:#1e293b;color:var(--text-primary)}.loading{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:var(--text-lg);height:200px;justify-content:center}@media (max-width:1200px){.dashboard-row{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr 1fr}.kpi-section{flex-direction:row;grid-column:1/-1;margin-bottom:.75rem;margin-bottom:var(--space-3)}.kpi-card{flex:1 1}}@media (max-width:768px){.dashboard-row{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}.dashboard-controls,.kpi-section{flex-direction:column}.dashboard-controls{gap:.5rem;gap:var(--space-2)}.section-content.horizontal{flex-direction:column}.section-content.horizontal .kpi-card{max-width:none}.dashboard{padding:1rem;padding:var(--space-4)}.dashboard-tabs{flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.dashboard-tab{font-size:var(--text-sm);margin-bottom:.5rem;margin-bottom:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.dashboard-tab.active:after{bottom:-21px;width:100%}.dashboard .stats-grid{justify-items:center}.customers-stats,.dashboard .stats-grid,.inventory-stats,.sales-stats{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}.customer-breakdown,.inventory-breakdown{grid-template-columns:1fr}.orders-stats{grid-template-columns:repeat(2,1fr)}}.notification-panel{position:relative}.notification-toggle{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.notification-toggle:hover{background:#e2e8f0;background:var(--border-color);transform:translateY(-1px)}.notification-toggle-icon{font-size:1.125rem;transition:transform .15s ease-in-out;transition:transform var(--transition-fast)}.notification-toggle:hover .notification-toggle-icon{transform:scale(1.1)}.notification-badge{align-items:center;background:#ef4444;background:var(--danger-500);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;position:absolute;right:-4px;top:-4px}.notification-dropdown{animation:slideInDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-top:8px;max-height:600px;overflow:hidden;position:absolute;right:0;top:100%;width:450px;z-index:1000}.notification-dropdown.mobile{box-sizing:border-box!important;left:12px!important;margin:0!important;max-height:calc(100vh - 100px)!important;max-width:calc(100vw - 24px)!important;overflow:auto!important;padding:0!important;position:fixed!important;right:12px!important;top:80px!important;transform:none!important;width:auto!important;z-index:10001!important}.notification-overlay{background:#0000;inset:0;position:fixed;z-index:10000}.notification-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.notification-title{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:600}.notification-mark-all{color:#2563eb;color:var(--primary-600);cursor:pointer;font-size:14px;font-weight:500;transition:color .2s ease}.notification-mark-all:hover{color:#1d4ed8;color:var(--primary-700)}.notification-tabs{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex}.notification-tab{background:none;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.notification-tab:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.notification-tab.active{background:#fff;background:var(--bg-primary);border-bottom-color:#3b82f6;border-bottom-color:var(--primary-500);color:#2563eb;color:var(--primary-600)}.notification-filters{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:12px 16px}.filter-group{align-items:center;display:flex;gap:8px}.filter-label{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:500}.filter-select{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:4px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:12px;padding:4px 8px}.filter-select:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 2px #eff6ff;box-shadow:0 0 0 2px var(--primary-50);outline:none}.notification-list{max-height:450px;overflow-y:auto}.notification-item{border-left:4px solid;cursor:pointer;padding:16px;transition:background-color .2s ease}.notification-item:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.notification-item.unread{background-color:#3b82f60d}.notification-item.high-priority{background-color:#ef44440d;border-left-color:#ef4444;border-left-color:var(--danger-500)}.notification-item.medium-priority{background-color:#f59e0b0d;border-left-color:#f59e0b;border-left-color:var(--warning-500)}.notification-item.low-priority{background-color:#3b82f60d;border-left-color:#3b82f6;border-left-color:var(--primary-500)}.notification-content{align-items:flex-start;display:flex;gap:12px}.notification-icon{flex-shrink:0;margin-top:2px}.notification-details{flex:1 1;min-width:0}.notification-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.notification-item-title{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600}.notification-item-time{color:#94a3b8;color:var(--text-muted);font-size:12px;white-space:nowrap}.notification-item-message{color:#64748b;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:8px}.notification-group{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}.notification-group:last-child{border-bottom:none}.notification-group-header{align-items:center;background:#f8fafc;background:var(--bg-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.notification-group-header:hover{background:#f1f5f9;background:var(--bg-tertiary)}.notification-group-title{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600}.notification-group-count{background:#dbeafe;background:var(--primary-100);border-radius:10px;color:#1d4ed8;color:var(--primary-700);font-size:11px;font-weight:600;padding:2px 6px}.notification-group-toggle{color:#94a3b8;color:var(--text-muted);transition:transform .2s ease}.notification-group-content{background:#fff;background:var(--bg-primary)}.notification-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notification-action-button{background:#3b82f6;background:var(--primary-500);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:background-color .2s ease}.notification-action-button:hover{background-color:#2563eb;background-color:var(--primary-600)}.notification-mark-read{color:#2563eb;color:var(--primary-600);cursor:pointer;font-size:12px;font-weight:500;transition:color .2s ease}.notification-mark-read:hover{color:#1d4ed8;color:var(--primary-700)}.notification-remove{color:#94a3b8;color:var(--text-muted);cursor:pointer;padding:2px;transition:color .2s ease}.notification-remove:hover{color:#64748b;color:var(--text-secondary)}.notification-empty{color:#94a3b8;color:var(--text-muted);padding:32px;text-align:center}.notification-empty-icon{color:#94a3b8;color:var(--text-muted);margin:0 auto 8px;opacity:.5}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .notification-dropdown{background:#fff;background:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .notification-item.unread{background-color:#3b82f61a}[data-theme=dark] .notification-item.high-priority{background-color:#ef44441a}[data-theme=dark] .notification-item.medium-priority{background-color:#f59e0b1a}[data-theme=dark] .notification-item.low-priority{background-color:#3b82f61a}[data-theme=dark] .notification-item:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.expense-list{padding:24px}.expense-list .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.expense-list .page-header h1{color:#1e293b;color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.expense-list .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.expense-list .btn-primary{background-color:#2563eb;background-color:var(--primary-600);color:#fff}.expense-list .btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-700)}.expense-list .btn-secondary{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.expense-list .btn-secondary:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.expense-list .btn-danger{background-color:#dc2626;background-color:var(--danger-600);color:#fff}.expense-list .btn-danger:hover{background-color:var(--danger-700)}.expense-list .btn-sm{font-size:12px;padding:4px 8px}.expenses-table{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.expenses-table table{border-collapse:collapse;width:100%}.expenses-table th{background-color:#f8fafc;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-weight:600;text-align:left}.expenses-table td,.expenses-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);font-size:14px;padding:12px 16px}.expenses-table td{color:#64748b;color:var(--text-secondary)}.expenses-table tr:last-child td{border-bottom:none}.expenses-table tr:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.expenses-table .amount{color:#1e293b;color:var(--text-primary);font-weight:600}.expenses-table .btn{margin-right:8px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-overlay .modal{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:24px;padding:20px 24px 0}.modal-header h2{color:#1e293b;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.expense-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group label{color:#1e293b;color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#1e293b;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input[type=checkbox],.form-group input[type=radio]{background:#0000;border:none;border-radius:0;padding:0;width:auto}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}[data-theme=dark] .modal{background:#fff;background:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .modal-header{border-bottom-color:#e2e8f0;border-bottom-color:var(--border-color)}[data-theme=dark] .form-actions{border-top-color:#e2e8f0;border-top-color:var(--border-color)}[data-theme=dark] .expenses-table{background:#fff;background:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .expenses-table th{background-color:#f8fafc;background-color:var(--bg-secondary)}[data-theme=dark] .expenses-table td,[data-theme=dark] .expenses-table th{border-bottom-color:#e2e8f0;border-bottom-color:var(--border-color)}[data-theme=dark] .expenses-table tr:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.statusbar-overlay{background:#fff!important;height:env(safe-area-inset-top,20px);left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000}[data-theme=dark] .statusbar-overlay{background:#0f172a!important}
/*# sourceMappingURL=main.9179f233.css.map*/