.app-container[data-v-f9907965]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-f9907965]{background:linear-gradient(135deg,#2d5a27,#1a3d18);padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-content[data-v-f9907965]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.logo[data-v-f9907965]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-icon[data-v-f9907965]{font-size:1.5rem}.logo-text[data-v-f9907965]{font-size:1.3rem;font-weight:700;color:#fff}.nav-links[data-v-f9907965]{display:flex;align-items:center;gap:1.5rem}.nav-link[data-v-f9907965]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:20px;transition:all .3s ease;white-space:nowrap}.nav-link[data-v-f9907965]:hover{background:#ffffff1a}.user-info[data-v-f9907965]{display:flex;align-items:center;gap:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.3)}.role-badge[data-v-f9907965]{padding:.3rem .6rem;border-radius:10px;font-size:.8rem;font-weight:500}.role-badge.student[data-v-f9907965]{background:#42a5f5}.role-badge.farmer[data-v-f9907965]{background:#ff9800}.username[data-v-f9907965]{color:#fff;font-size:.9rem}.logout-btn[data-v-f9907965]{background:#fff3;color:#fff;border:none;padding:.4rem .8rem;border-radius:15px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.logout-btn[data-v-f9907965]:hover{background:#ffffff4d}.menu-toggle[data-v-f9907965]{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px}.menu-toggle span[data-v-f9907965]{width:25px;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}.menu-toggle.active span[data-v-f9907965]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span[data-v-f9907965]:nth-child(2){opacity:0}.menu-toggle.active span[data-v-f9907965]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.main-content[data-v-f9907965]{flex:1;padding:1rem}.footer[data-v-f9907965]{text-align:center;padding:1rem;background:#2d5a27;color:#fff}@media(max-width:768px){.menu-toggle[data-v-f9907965]{display:flex}.nav-links[data-v-f9907965]{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#2d5a27,#1a3d18);flex-direction:column;gap:0;padding:0;max-height:0;overflow:hidden;transition:all .3s ease}.nav-links.active[data-v-f9907965]{max-height:500px;padding:1rem 0}.nav-link[data-v-f9907965]{padding:.8rem 1rem;text-align:center;width:100%}.user-info[data-v-f9907965]{flex-direction:column;width:100%;padding:.8rem 1rem;border-left:none;border-top:1px solid rgba(255,255,255,.3);margin-top:.5rem;gap:.5rem}.logout-btn[data-v-f9907965]{width:100%;margin-top:.5rem}.logo-text[data-v-f9907965]{font-size:1.1rem}.logo-icon[data-v-f9907965]{font-size:1.3rem}}@media(max-width:480px){.main-content[data-v-f9907965]{padding:.8rem}.footer p[data-v-f9907965]{font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4efe9);min-height:100vh}#app{min-height:100vh}@media(max-width:768px){body{font-size:14px}}