@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#0053b3;--primary-light:#337cd6;--primary-dark:#003d82;--secondary:#fff;--background:#f4f7fb;--text-dark:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--success:#10b981;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}body{background-color:var(--background);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,HindSiliguri,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.auth-container{background:linear-gradient(135deg, var(--background) 0%, #e0eaf5 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background:var(--primary);filter:blur(120px);opacity:.15;border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite float;position:absolute;top:-10%;left:-10%}.auth-container:after{content:"";filter:blur(150px);opacity:.15;background:#3b82f6;border-radius:50%;width:500px;height:500px;animation:12s ease-in-out infinite reverse float;position:absolute;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)}50%{transform:translate(30px,30px)}to{transform:translate(0)}}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);z-index:10;background:#ffffffe6;border:1px solid #fff3;border-radius:20px;width:100%;max-width:420px;padding:3rem 2.5rem;transition:transform .3s,box-shadow .3s;transform:translateY(0)}.auth-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--text-light);font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-dark);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--border);background-color:var(--secondary);width:100%;color:var(--text-dark);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0053b326}.btn-primary{color:#fff;background-color:var(--primary);cursor:pointer;border:none;border-radius:8px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:var(--primary-dark)}.btn-primary:active{transform:scale(.98)}.otp-container{justify-content:space-between;gap:8px;margin-bottom:1.5rem;display:flex}.otp-input{text-align:center;border:2px solid var(--border);background-color:var(--secondary);border-radius:8px;width:100%;height:50px;font-size:1.5rem;font-weight:600;transition:all .2s}.otp-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0053b326}.logo-container{justify-content:center;margin-bottom:1.5rem;display:flex}.logo-container img{object-fit:contain;height:64px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#11998e;--primary-color-dark:#0f7a71;--sidebar-bg:#1e3a8a;--sidebar-hover:#10b981;--sidebar-text:#fff;--sidebar-text-active:#fff;--header-bg:#ffffffd9;--bg-color:#f0f4f8;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}.app-container{background-color:var(--bg-color);width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:20;flex-direction:column;width:20%;transition:all .3s;display:flex;box-shadow:2px 0 8px #00000005}.sidebar-header{border-bottom:1px solid var(--border-color);background-color:#fff;justify-content:center;align-items:center;height:80px;padding:20px;display:flex}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-item{margin-bottom:4px;list-style:none;position:relative}.nav-link{color:var(--sidebar-text);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.nav-link-content{align-items:center;gap:12px;display:flex}:is(.nav-link:hover,.nav-item:has(.active-sub)>.nav-link,.nav-link.active){color:var(--sidebar-text-active);background-color:var(--sidebar-hover);border-left:4px solid var(--sidebar-text-active)}.main-content-wrapper{flex-direction:column;width:80%;height:100vh;display:flex}.header-container{background-color:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:10;flex-direction:column;display:flex;box-shadow:0 4px 20px #0000000d}.top-bar{border-bottom:1px solid var(--border-color);color:var(--text-main);justify-content:space-between;align-items:center;padding:12px 24px;font-size:.9rem;display:flex}.company-name{color:var(--primary-color);font-size:1.1rem;font-weight:600}.center-dealer{color:var(--text-main);background:var(--sidebar-hover);border:1px solid var(--border-color);border-radius:8px;padding:6px 16px;font-size:1.2rem;font-weight:700}.live-time{color:var(--text-main);background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-weight:600;transition:all .3s;display:flex}.live-time-icon{color:var(--primary-color)}.sub-header{-webkit-backdrop-filter:blur(8px);background-color:#fafbfc80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.sub-header-left{align-items:center;gap:20px;display:flex}.search-box{border:1px solid var(--border-color);background:#fff;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #11998e1a}.search-box input{color:var(--text-main);border:none;outline:none;width:150px;font-family:Inter,sans-serif;font-size:.9rem}.panel-name{color:var(--text-main);font-size:1.25rem;font-weight:700}.sub-header-right{align-items:center;gap:24px;display:flex}.dealer-info{flex-direction:column;align-items:flex-end;display:flex}.dealer-name{color:var(--primary-color);font-size:1rem;font-weight:700}.area-name{color:var(--text-muted);font-size:.8rem;font-weight:500}.date-filter{align-items:center;gap:12px;display:flex}.date-filter select{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:8px 16px;font-family:inherit;font-weight:500;transition:all .3s}.date-filter select:hover,.date-filter select:focus{border-color:var(--primary-color);color:var(--primary-color)}.custom-date-inputs{align-items:center;gap:8px;display:flex}.custom-date-inputs input[type=date]{border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;outline:none;padding:8px;font-family:inherit}.custom-date-inputs input[type=date]:focus{border-color:var(--primary-color)}.custom-date-inputs span{color:var(--text-muted);font-weight:500}.page-content{background-color:var(--bg-color);flex:1;padding:24px;animation:.4s ease-out fadeInSlideUp;overflow-y:auto}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.sub-nav{opacity:0;background-color:#0000;max-height:0;margin:0;padding:0 0 0 16px;list-style:none;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,padding .5s ease-in-out;overflow:hidden}.nav-item:hover .sub-nav,.nav-item:focus-within .sub-nav{opacity:1;max-height:500px;padding:4px 0 4px 16px}.nav-item:has(.active-sub) .sub-nav{opacity:1;max-height:500px;padding:4px 0 4px 16px}.sub-nav-item{border-left:2px solid #0000}.sub-nav-link{color:var(--sidebar-text);border-radius:6px;margin-bottom:2px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sub-nav-link:hover{background-color:var(--sidebar-hover);color:var(--primary-color);padding-left:20px}.sub-nav-link.active-sub{color:var(--primary-color);background-color:#11998e1a;font-weight:600}@media (width<=1024px){.sidebar{width:25%}.main-content-wrapper{width:75%}}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex:none;width:100%;height:auto}.sidebar-header{height:60px}.sidebar-nav{padding:0;display:flex;overflow-x:auto}.sidebar-nav ul{margin:0;display:flex}.nav-item{margin-bottom:0}.nav-link{border-bottom:3px solid #0000;border-left:none;padding:12px 16px}.nav-link:hover,.nav-link.active{border-left:none;border-bottom:3px solid var(--primary-color)}.nav-link-content span{display:none}.sub-nav{display:none!important}.main-content-wrapper{width:100%;height:calc(100vh - 110px)}.sub-header{flex-direction:column;align-items:flex-start}.sub-header-right{justify-content:space-between;width:100%}}.om-container{color:#334155;background-color:#f8fafc;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.om-header{margin-bottom:24px}.om-title{color:#0f172a;margin:0 0 8px;font-size:24px;font-weight:600}.om-subtitle{color:#64748b;margin:0;font-size:14px}.om-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.om-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.om-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.om-table{border-collapse:collapse;text-align:left;width:100%}.om-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:13px;font-weight:600}.om-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px}.om-table tbody tr{transition:background-color .15s}.om-table tbody tr:hover,.om-table tbody tr.expanded-row{background-color:#f8fafc}.om-progress-bar-container{background-color:#e2e8f0;border-radius:4px;width:100%;height:8px;margin-top:8px;overflow:hidden}.om-progress-bar{border-radius:4px;height:100%;transition:width .3s}.om-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.om-btn-primary{color:#fff;background-color:#3b82f6}.om-btn-primary:hover{background-color:#2563eb}.om-btn-success{color:#fff;background-color:#10b981}.om-btn-success:hover{background-color:#059669}.om-btn-danger{color:#fff;background-color:#ef4444}.om-btn-danger:hover{background-color:#dc2626}.om-btn-outline{color:#475569;background-color:#0000;border:1px solid #cbd5e1}.om-btn-outline:hover{color:#0f172a;background-color:#f1f5f9}.om-btn-icon{color:#64748b;cursor:pointer;background-color:#0000;border:none;border-radius:50%;padding:8px;transition:all .2s}.om-btn-icon:hover{color:#0f172a;background-color:#e2e8f0}.om-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.om-badge{border-radius:9999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.om-badge-blue{color:#1d4ed8;background-color:#dbeafe}.om-badge-green{color:#047857;background-color:#d1fae5}.om-badge-amber{color:#b45309;background-color:#fef3c7}.om-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.om-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.om-memo-receipt{color:#000;background:#fff;border:1px solid #ddd;max-width:320px;margin:0 auto;padding:24px;font-family:Courier New,Courier,monospace;box-shadow:0 10px 25px #0000001a}.om-memo-header{text-align:center;border-bottom:1px dashed #000;margin-bottom:20px;padding-bottom:10px}.om-memo-title{margin:0 0 5px;font-size:18px;font-weight:700}.om-memo-text{margin:2px 0;font-size:12px}.om-memo-section{margin-bottom:16px}.om-memo-table{border-collapse:collapse;width:100%;font-size:12px}.om-memo-table th,.om-memo-table td{text-align:left;padding:4px 0}.om-memo-table th{border-top:1px dashed #000;border-bottom:1px dashed #000}.om-memo-table td.right,.om-memo-table th.right{text-align:right}.om-memo-totals{border-top:1px dashed #000;margin-top:10px;padding-top:10px}.om-memo-total-row{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.om-memo-grand-total{border-top:1px solid #000;margin-top:8px;padding-top:8px;font-size:14px;font-weight:700}.om-memo-footer{text-align:center;border-top:1px dashed #000;margin-top:20px;padding-top:10px;font-size:11px}.om-tabs{border-bottom:1px solid #e2e8f0;gap:8px;margin-bottom:24px;display:flex;overflow-x:auto}.om-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:500}.om-tab:hover{color:#0f172a}.om-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.om-subtable{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:12px 0;padding:16px}.reports-container{color:#1e293b;background-color:#f8fafc;min-height:calc(100vh - 64px);padding:24px;font-family:Inter,system-ui,sans-serif}.reports-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.reports-title{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:700}.reports-subtitle{color:#64748b;margin:0;font-size:14px}.btn-export{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.btn-export:hover{color:#0f172a;background-color:#f1f5f9}.reports-filters-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.filters-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.filters-header h2{margin:0;font-size:16px;font-weight:600}.text-primary{color:#3b82f6}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-end;gap:20px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:#475569;font-size:13px;font-weight:500}.select-wrapper{position:relative}.filter-input{color:#334155;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}select.filter-input{appearance:none;cursor:pointer;padding-right:36px}.select-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-with-icon{position:relative}.input-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pl-icon{padding-left:38px}.filter-actions{align-items:flex-end;display:flex}.btn-generate{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;padding:11px 20px;font-size:14px;font-weight:500;transition:background-color .2s,transform .1s;display:flex}.btn-generate:hover:not(:disabled){background-color:#1d4ed8}.btn-generate:active:not(:disabled){transform:translateY(1px)}.btn-generate.generating{cursor:not-allowed;background-color:#93c5fd}.loader-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.4s ease-out fadeIn}.results-summary{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.summary-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bg-blue-light{background-color:#eff6ff}.text-blue{color:#3b82f6}.bg-green-light{background-color:#f0fdf4}.text-green{color:#22c55e}.bg-purple-light{background-color:#faf5ff}.text-purple{color:#a855f7}.summary-details{flex-direction:column;display:flex}.summary-label{color:#64748b;margin:0 0 4px;font-size:13px}.summary-value{color:#0f172a;margin:0;font-size:20px;font-weight:700}.capitalize{text-transform:capitalize}.report-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px;display:flex}.table-header h3{margin:0;font-size:16px;font-weight:600}.badge{color:#475569;background-color:#f1f5f9;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:500}.table-responsive{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:12px;font-weight:600}.data-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#f8fafc}.status-badge{border-radius:99px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.status-delivered,.status-available,.status-confirmed{color:#166534;background-color:#dcfce7}.status-pending,.status-low-stock{color:#854d0e;background-color:#fef9c3}.status-cancelled,.status-out-of-stock{color:#991b1b;background-color:#fee2e2}.report-charts{grid-template-columns:1fr;gap:24px;display:grid}.chart-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.chart-header{margin-bottom:24px}.chart-header h3{margin:0;font-size:16px;font-weight:600}.mock-bar-chart{border-bottom:1px solid #e2e8f0;justify-content:space-around;align-items:flex-end;height:200px;padding:20px 0 0;display:flex}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;width:100%;height:100%;display:flex}.bar{background:linear-gradient(#60a5fa,#3b82f6);border-radius:4px 4px 0 0;width:40px;transition:height .5s ease-out;animation:.8s ease-out growUp}.bar:hover{opacity:.9;background:linear-gradient(#3b82f6,#2563eb)}.bar-group span{color:#64748b;font-size:12px;font-weight:500}@keyframes growUp{0%{height:0}}@media (width<=768px){.reports-header{flex-direction:column;align-items:flex-start;gap:16px}.filters-grid{grid-template-columns:1fr}}