.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--primary-color: #FF9800;--primary-dark: #F57C00;--primary-light: #FFE0B2;--secondary-color: #795548;--background-color: #FFF8E1;--text-color: #33333F;--text-light: #FFFFFF;--navbar-bg: #5D4037;--navbar-text: #FFFFFF;--navbar-hover: #795548;--sidebar-bg: #FAFAFA;--sidebar-hover: #F5F5F5;--box-quick-actions: #E1F5FE;--box-inventory: #E8F5E9;--box-activity: #FFF3E0;--font-main: "Quicksand", sans-serif;--font-accent: "Pacifico", cursive;--header-height: 60px;--navbar-expanded-width: 240px;--navbar-collapsed-width: 64px;--sidebar-width: 280px;--border-radius: 10px;--transition-speed: .3s}body{font-family:var(--font-main);background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;line-height:1.6}.app-container{display:flex}.navbar{background-color:var(--navbar-bg);color:var(--navbar-text);height:100vh;transition:width var(--transition-speed) ease;overflow:hidden}.navbar-expanded{width:var(--navbar-expanded-width)}.navbar-collapsed{width:var(--navbar-collapsed-width)}.navbar-toggle{cursor:pointer;padding:10px;text-align:right}.navbar-items{list-style-type:none;padding:0;margin:20px 0}.navbar-item{padding:10px 20px;display:flex;align-items:center;cursor:pointer;transition:background-color var(--transition-speed) ease}.navbar-item:hover{background-color:var(--navbar-hover)}.navbar-icon{font-size:24px;margin-right:15px}.navbar-text{white-space:nowrap;opacity:1;transition:opacity var(--transition-speed) ease}.navbar-collapsed .navbar-text{opacity:0}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);height:100vh;overflow-y:auto;padding:20px;box-sizing:border-box}.sidebar-header{font-family:var(--font-accent);color:var(--primary-color);font-size:24px;margin-bottom:20px}.sidebar-search{width:100%;padding:10px;border:1px solid var(--primary-light);border-radius:var(--border-radius);margin-bottom:20px}.sidebar-item{padding:10px;cursor:pointer;border-radius:var(--border-radius);transition:background-color var(--transition-speed) ease}.sidebar-item:hover{background-color:var(--sidebar-hover)}.main-content{flex-grow:1;padding:20px;margin-left:var(--navbar-collapsed-width);transition:margin-left var(--transition-speed) ease}.navbar-expanded+.main-content{margin-left:var(--navbar-expanded-width)}.content-box{background-color:#fff;border-radius:var(--border-radius);padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.quick-actions{background-color:var(--box-quick-actions)}.inventory-overview{background-color:var(--box-inventory)}.recent-activity{background-color:var(--box-activity)}.btn{background-color:var(--primary-color);color:var(--text-light);border:none;padding:10px 20px;border-radius:25px;cursor:pointer;transition:background-color var(--transition-speed) ease;font-family:var(--font-main);font-weight:700}.btn:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:#5d4037}@media (max-width: 768px){.navbar{width:var(--navbar-collapsed-width)}.main-content{margin-left:var(--navbar-collapsed-width)}.sidebar{display:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}.app-container{display:flex;min-height:100vh}.main-content{flex-grow:1;display:flex;flex-direction:column;padding:20px;transition:margin-left var(--transition-speed) ease}header{background-color:var(--primary-color);color:var(--text-light);padding:10px 20px;display:flex;justify-content:space-between;align-items:center}main{flex-grow:1;padding:20px}.mobile-navbar{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--navbar-bg);transition:height var(--transition-speed) ease}.mobile-navbar-expanded{height:100px}.mobile-navbar-collapsed{height:60px}.mobile-navbar-items{display:flex;justify-content:space-around;list-style-type:none;padding:0;margin:0}.mobile-navbar-item{display:flex;flex-direction:column;align-items:center;padding:10px;color:var(--navbar-text)}.mobile-navbar-icon{font-size:24px}.mobile-navbar-text{font-size:12px;margin-top:5px}@media (max-width: 768px){.navbar{display:none}.mobile-navbar{display:block}.main-content{margin-left:0;padding-bottom:60px}}.fab{position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background-color:var(--primary-color);color:var(--text-light);display:flex;justify-content:center;align-items:center;font-size:24px;box-shadow:0 2px 5px #0003;z-index:1000}@media (min-width: 769px){.fab{display:none}}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600}.form-group input{padding:.5rem;border:1px solid var(--primary-light);border-radius:var(--border-radius);font-family:var(--font-main)}.error{color:#d32f2f;margin-top:.5rem;font-size:.9rem}.btn{width:100%;padding:.75rem;font-size:1rem}@media (max-width: 768px){.login-box{width:90%;padding:1.5rem}}