.layout{display:flex;min-height:100vh;background-color:var(--color-background)}.sidebar{width:280px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-right:2px solid var(--color-border);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;box-shadow:2px 0 8px var(--color-shadow)}.sidebar-header{padding:2rem 1.5rem;border-bottom:2px solid rgba(255,255,255,.2);background:transparent;color:#fff}.sidebar-header h1{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.user-name{font-size:.85rem;color:#ffffffe6;font-weight:500}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#ffffffe6;text-decoration:none;transition:all .3s ease;font-weight:500;font-size:.9rem;border-left:3px solid transparent}.nav-item:hover{background-color:#ffffff1a;color:#fff;border-left-color:#ffffff80}.nav-item.active{background-color:#ffffff26;color:#fff;border-left-color:#fff;font-weight:600}.nav-item svg{flex-shrink:0}.nav-menu-group{display:flex;flex-direction:column}.nav-menu-toggle{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#ffffffe6;text-decoration:none;transition:all .3s ease;font-weight:500;font-size:.9rem;background:none;border:none;border-left:3px solid transparent;width:100%;text-align:left;cursor:pointer;font-family:inherit}.nav-menu-toggle:hover{background-color:#ffffff1a;color:#fff;border-left-color:#ffffff80}.nav-menu-toggle.active{background-color:#ffffff26;color:#fff;border-left-color:#fff;font-weight:600}.nav-menu-toggle svg:first-child{flex-shrink:0}.nav-menu-toggle svg:last-child{margin-left:auto;flex-shrink:0}.nav-submenu{display:flex;flex-direction:column;background-color:#0000001a;border-left:3px solid rgba(255,255,255,.3);margin-left:1.5rem;padding:.5rem 0}.nav-subitem{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.5rem .625rem 2.5rem;color:#ffffffd9;text-decoration:none;transition:all .3s ease;font-weight:500;font-size:.85rem}.nav-subitem:hover{background-color:#ffffff1a;color:#fff}.nav-subitem.active{background-color:#fff3;color:#fff;font-weight:600;border-left:3px solid white;padding-left:calc(2.5rem - 3px)}.nav-subitem svg{flex-shrink:0}.nav-submenu-section{margin-bottom:.5rem}.nav-submenu-section:last-child{margin-bottom:0}.nav-submenu-header{padding:.5rem 1.5rem .5rem 2.5rem;font-size:.75rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.nav-submenu-section:first-child .nav-submenu-header{margin-top:0}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;margin:1rem 0 0;width:100%;background-color:#ffffff26;color:#fff;border:none;border-radius:0;font-weight:600;font-size:.9rem;transition:all .3s ease}.logout-btn:hover{background-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.main-content{flex:1;margin-left:280px;padding:2rem;min-height:100vh}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.75rem;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .3s ease;min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:var(--color-primary-dark);transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.mobile-close-btn{display:none;position:absolute;top:1rem;right:1rem;background:#ffffff1a;color:#fff;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease}.mobile-close-btn:hover{background:#fff3}@media (max-width: 768px){.mobile-menu-toggle,.mobile-menu-overlay,.mobile-close-btn{display:block}.sidebar{width:280px;position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0;padding:4.5rem 1rem 1rem;width:100%;max-width:100%;overflow-x:hidden}.sidebar-header{padding:1.5rem 1rem;position:relative}.sidebar-header h1{font-size:1.2rem;padding-right:3rem}.user-name{font-size:.8rem}.nav-item,.nav-menu-toggle{font-size:.85rem;padding:.75rem 1rem}.nav-subitem{font-size:.8rem;padding:.5rem 1rem .5rem 2rem}.nav-submenu-header{font-size:.7rem;padding:.5rem 1rem .5rem 2rem}.logout-btn{font-size:.85rem;padding:.875rem 1rem;margin:.5rem;width:calc(100% - 1rem);min-height:44px}.sidebar{overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-nav{padding:.75rem 0}}@media (max-width: 480px){.mobile-menu-toggle{top:.75rem;left:.75rem;padding:.625rem}.main-content{padding:4rem .75rem .75rem}.sidebar{width:100%;max-width:320px}.sidebar-header{padding:1rem}.sidebar-header h1{font-size:1.1rem}.nav-item,.nav-menu-toggle{padding:.625rem .875rem;font-size:.8rem}.nav-subitem{padding:.5rem .875rem .5rem 1.75rem;font-size:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:240px}.main-content{margin-left:240px;padding:1.5rem}.sidebar-header h1{font-size:1.2rem}.nav-item,.nav-menu-toggle{font-size:.85rem;padding:.75rem 1.25rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2d5016;--color-primary-light: #4a7c2a;--color-primary-dark: #1a3009;--color-secondary: #8b6914;--color-secondary-light: #b8941f;--color-accent: #d4a574;--color-accent-light: #e8c9a0;--color-success: #6b8e23;--color-warning: #daa520;--color-error: #8b4513;--color-background: #f5f5dc;--color-surface: #ffffff;--color-text: #2d5016;--color-text-light: #666;--color-border: #d4a574;--color-shadow: rgba(45, 80, 22, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);line-height:1.6;font-size:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}input,textarea,select{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}@media (max-width: 768px){body{font-size:13px}.modal-overlay{padding:1rem}.modal-content{max-width:100%;margin:0;max-height:95vh}.table-container,.production-table-container,.farms-grid,.plots-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}button,.btn-primary,.btn-secondary{min-height:44px;padding:.75rem 1rem}}@media (max-width: 480px){body{font-size:12px}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}}