@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Montserrat:wght@400;700&family=Radley&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);.homepage{align-items:center;display:flex;gap:1rem;padding:.5rem 1rem;position:relative}.logo{flex-shrink:0;height:100px;margin-top:-30px;width:100px;z-index:2}.header{color:#000;font-family:Radley,Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:calc(15px + 1.6vmin);font-weight:600;left:50%;letter-spacing:.1px;margin:0;position:absolute;text-align:center;transform:translate(-50%,-15px);white-space:nowrap;z-index:1}.page-body{align-items:flex-start;display:flex;gap:1rem;margin-top:.5rem;padding:1rem}.content{flex:1 1;min-width:0}.sidebar{background-color:#00000030;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-shrink:0;min-width:100px;padding:.5rem;width:200px}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li+li{margin-top:.5rem}.sidebar-link{background:#0000;border:none;border-radius:6px;color:#222;cursor:pointer;display:inline-block;font:inherit;padding:6px 10px}.sidebar-link:hover{text-decoration:underline}.sidebar-link:focus{outline:2px solid #4d90fee6;outline-offset:2px}.sidebar-link:focus:not(:focus-visible){outline:none}.sidebar-link.active{background:#333;color:#fff;font-weight:600}.sidebar-link.active:hover{background:#333}.main-content{background:#fff;border-radius:6px;box-shadow:0 2px 6px #0000000a;min-height:200px;padding:.75rem}.top-band{align-items:center;background:#002b6b;border-radius:6px 6px 0 0;display:flex;gap:1rem;height:44px;justify-content:space-between;margin:-.5rem -.5rem .5rem;padding:0 1rem}.top-band .band-title,.top-band .sales-header{color:#fff;font-weight:600}.sales-header{font-size:.95rem;padding-left:.5rem}.fuel-chart{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.25rem;padding:.5rem 0}.fuel-bar{align-items:center;display:flex;flex-direction:column;min-width:90px;width:120px}.bar-label{color:#222;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.bar-outer{align-items:flex-end;background:linear-gradient(180deg,#e9eef6,#d9e4f7);border-radius:8px;box-shadow:0 6px 10px #02061714,inset 0 4px 8px #fff9;height:160px;overflow:visible;position:relative;width:56px}.bar-fill,.bar-outer{display:flex;justify-content:center}.bar-fill{align-items:flex-start;background:linear-gradient(180deg,#27993c,#154e13);border-radius:6px 6px 4px 4px;box-shadow:0 4px 8px #0b57c73d,inset 0 2px 6px #ffffff2e;color:#fff;font-size:.85rem;font-weight:700;padding-top:6px;transform-origin:bottom;transition:height .4s ease;width:100%}.bar-fill.diesel{background:linear-gradient(180deg,#2220c8,#191c7e);box-shadow:0 4px 8px #b4530938,inset 0 2px 6px #ffffff26}@media (min-width:900px){.bar-outer{transform:perspective(400px) rotateX(4deg)}.bar-fill{transform:perspective(400px) rotateX(-2deg)}}.dashboard-grid{grid-gap:0;align-items:start;display:grid;gap:0;grid-template-columns:1fr 2px 1fr 2px 1fr}.grid-section{align-items:flex-start;background:#d9d9d9;border-radius:6px;display:flex;flex-direction:column;min-height:300px;padding:.5rem}.section-title{color:#002b6b}.section-body,.section-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.section-body{color:#000}.separator{align-self:center;background:#002b6b;min-height:80%;width:2px}@media (max-width:800px){.page-body{flex-direction:column}.sidebar{min-width:0}.content,.sidebar{width:100%}.dashboard-grid{gap:1rem;grid-template-columns:1fr}.separator{display:none}}@media (max-width:520px){.fuel-chart{gap:.75rem}.fuel-bar{width:90px}.bar-outer{height:120px;width:48px}.bar-fill{font-size:.8rem}}.menu,.navbar,body,html{box-sizing:border-box}.navbar{background-color:#333;justify-content:space-between;margin:-15px 0 0;min-height:40px;padding:.5rem 1rem;width:100%}.menu,.navbar{align-items:center;display:flex}.menu{color:#fff;flex:1 1;font-family:Trebuchet MS,sans-serif;font-size:14px;gap:.5rem;list-style:none;min-width:0;padding:0}.menu,.menu li{margin:0}.menu li a,.menu li button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:14px;line-height:1.2;padding:6px 10px;text-decoration:none}.menu li a:hover,.menu li button:hover{background-color:#555;border-radius:4px}.menu .dropdown{position:relative}.menu .submenu{background-color:#333;border-radius:6px;box-shadow:0 6px 12px #0003;display:none;left:0;list-style:none;margin:0;min-width:160px;padding:.25rem 0;position:absolute;top:calc(100% + 4px);z-index:20}.menu .dropdown:hover .submenu{display:block}.menu .menu-right{margin-left:auto;margin-right:.5rem}.menu .menu-right>a{color:#fff;display:block;font-size:14px;padding:8px 12px;text-decoration:none}*,:after,:before{box-sizing:border-box}:root{--color-bg:#fff;--color-bg-gradient:linear-gradient(135deg,#e0e7ff,#f0f4ff);--color-text:#333;--color-primary:#2f5acf;--color-primary-hover:#2449a7;--color-link:#2f5acf;--color-link-hover:#2449a7;--color-secondary-bg:#ccc;--color-secondary-text:#000;--color-overlay:#00000080;--color-shadow:#00000040;--color-border:#ccc;--font-family:"Inter",sans-serif;--font-size-base:1rem;--font-size-heading:1.25rem;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.3s ease;--transition-medium:0.4s ease}@media (prefers-color-scheme:dark){:root{--color-bg:#1e1e1e;--color-text:#f0f0f0;--color-primary:#4f7fff;--color-primary-hover:#3a5edb;--color-link:#4f7fff;--color-link-hover:#3a5edb;--color-secondary-bg:#444;--color-secondary-text:#fff;--color-overlay:#000000b3;--color-shadow:#00000080;--color-border:#555}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}.shake{animation:shake .5s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}body{background:linear-gradient(135deg,#e0e7ff,#f0f4ff);background:var(--color-bg-gradient);color:#333;color:var(--color-text);font-family:Inter,sans-serif;font-family:var(--font-family)}.login-container{align-items:center;display:flex;height:50vh;justify-content:center;padding:1rem;padding:var(--space-sm)}.login-form{background:#fff;background:var(--color-bg);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000040;box-shadow:0 8px 24px var(--color-shadow);display:flex;flex-direction:column;margin-top:2rem;margin-top:var(--space-lg);max-width:360px;padding:1.5rem;padding:var(--space-md);width:100%}.logo{align-self:center;height:150px;width:200px}.login-form h2{font-size:1.25rem;font-size:var(--font-size-heading);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-sm);text-align:center}.password-hint{color:#888;display:block;font-size:.75rem;margin-top:4px;padding-left:30px}.input-group{margin-bottom:1rem;margin-bottom:var(--space-sm);position:relative}.input-group input{background:#fff;background:var(--color-bg);border:1px solid #ccc;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#333;color:var(--color-text);font-size:1rem;font-size:var(--font-size-base);padding:1rem;padding:var(--space-sm);padding-left:2.5rem;padding-right:3.5rem;width:100%}.input-group label{color:#ccc;color:var(--color-border);font-size:.9rem;left:2.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{background:#fff;background:var(--color-bg);color:#2f5acf;color:var(--color-primary);font-size:.75rem;left:2.5rem;padding:0 .25rem;top:.4rem}.input-icon{color:#ccc;color:var(--color-border);font-size:1rem;left:.75rem;pointer-events:none}.input-icon,.show-toggle{position:absolute;top:50%;transform:translateY(-50%)}.show-toggle{color:#2f5acf;color:var(--color-link);cursor:pointer;font-size:.85rem;right:.75rem;-webkit-user-select:none;user-select:none}.show-toggle:hover{text-decoration:underline}button{background-color:#2f5acf;background-color:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);padding:1rem;padding:var(--space-sm);transition:background-color .3s ease,transform .3s ease;transition:background-color var(--transition-fast),transform var(--transition-fast)}button:hover{background-color:#2449a7;background-color:var(--color-primary-hover);transform:translateY(-1px)}button:disabled{background-color:#ccc;color:#777;cursor:not-allowed;transform:none}button.link-button{background:none;border:none;color:#2f5acf;color:var(--color-link);cursor:pointer;font:inherit;margin:0;padding:0;text-decoration:underline}button.link-button:hover{color:#2449a7;color:var(--color-link-hover)}button.secondary{background:#ccc;background:var(--color-secondary-bg);color:#000;color:var(--color-secondary-text)}button.secondary:hover{filter:brightness(.95)}.login-links{display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-sm)}.link-button{background:none;border:none;color:#2f5acf;color:var(--color-link);cursor:pointer;font:inherit;margin:0;padding:0;text-decoration:underline}.link-button:hover{color:#2449a7;color:var(--color-link-hover)}.modal-overlay{align-items:center;background:#00000080;background:var(--color-overlay);display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .4s ease;transition:opacity var(--transition-medium);width:100%;z-index:1000}.modal-content{background:#fff;background:var(--color-bg);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 8px 20px #00000040;box-shadow:0 8px 20px var(--color-shadow);max-width:90%;opacity:1;padding:1.5rem;padding:var(--space-md);transform:scale(1);transition:transform .3s ease,opacity .3s ease;transition:transform var(--transition-fast),opacity var(--transition-fast);width:350px}.modal-content form{display:flex;flex-direction:column}.modal-actions{display:flex;gap:.5rem;gap:var(--space-xs);justify-content:flex-end;margin-top:1rem;margin-top:var(--space-sm)}.fade-out-overlay{opacity:0}.fade-out-modal{opacity:0;transform:scale(.95)}.Toastify__toast{animation:toastSlideIn .4s ease forwards;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000040;box-shadow:0 4px 12px var(--color-shadow);font-family:Inter,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm)}.Toastify__toast--success{background:#2f5acf;background:var(--color-primary);color:#fff}.Toastify__toast--error{background:#d9534f;color:#fff}.Toastify__toast--warning{background:#f0ad4e;color:#fff}.Toastify__toast--info{background:#5bc0de;color:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/static/media/background.b2bf852c7270eb364175.jpg) no-repeat top;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.c41ce9f5.css.map*/