:root{--primary: #2e7d32;--primary-hover: #1b5e20;--background: #f1f8e9;--surface: #ffffff;--card: #ffffff;--text: #1b1b1b;--text-secondary: #555555;--border: #c8e6c9;--danger: #d32f2f;--navbar-bg: #2e7d32;--navbar-text: #ffffff}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.hamburger-btn{display:none!important}.desktop-nav,.hide-mobile{display:contents}@media(max-width:640px){.hamburger-btn{display:flex!important}.desktop-nav,.hide-mobile{display:none!important}.page-content{padding:16px!important}.mobile-full{width:100%}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}button,input,select,textarea{min-height:44px}}@media(min-width:641px)and (max-width:1024px){.page-content{padding:20px!important}}.offline-banner{position:fixed;bottom:0;left:0;right:0;background:#e65100;color:#fff;text-align:center;padding:10px 16px;font-size:.9rem;font-weight:600;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px}.sync-banner{position:fixed;bottom:0;left:0;right:0;background:#1565c0;color:#fff;text-align:center;padding:10px 16px;font-size:.9rem;font-weight:600;z-index:9999}