*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:#f4f6f8;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden;margin:0!important;padding:0!important}body{background-color:#f4f6f8;margin:0;padding:0;font-family:Segoe UI,sans-serif}.app-container{minHeight:100vh;width:100vw}.header{color:#fff;box-sizing:border-box;background-color:#1b5e20;justify-content:space-between;align-items:center;width:100%;padding:15px 30px;display:flex}.main-layout{box-sizing:border-box;gap:20px;width:100%;max-width:1400px;margin:30px auto;padding:0 20px;display:flex}.sidebar{flex-direction:column;gap:10px;width:240px;display:flex}.nav-btn{borderRadius:8px;cursor:pointer;text-align:left;color:#555;background-color:#fff;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-weight:700;display:flex}.active-nav-btn{color:#fff;cursor:pointer;text-align:left;background-color:#2e7d32;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-weight:700;display:flex}.content-area{background-color:#fff;border-radius:12px;flex:1;padding:25px;box-shadow:0 2px 8px #0000000d}.section-header{color:#1b5e20;border-bottom:2px solid #e8f5e9;margin:0 0 20px;padding-bottom:8px}.pots-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;display:grid}.pot-card{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.badge{color:#2e7d32;background-color:#e8f5e9;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:700}.form-card{flex-direction:column;gap:15px;max-width:500px;display:flex}.input-group{flex-direction:column;gap:5px;display:flex}.label{color:#444;font-size:14px;font-weight:700}.input{border:1px solid #ccc;border-radius:6px;padding:10px;font-size:14px}.primary-btn{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:flex}.auth-container{background-color:#e8f5e9;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.auth-card{background-color:#fff;border-radius:12px;width:100%;max-width:380px;padding:30px;box-shadow:0 4px 12px #0000001a}.link-btn{color:#2e7d32;cursor:pointer;background:0 0;border:none;text-decoration:underline}.error-box{color:#c62828;background-color:#ffebee;border-radius:6px;margin-bottom:15px;padding:10px;font-size:14px}.chat-wrapper{flex-direction:column;height:500px;display:flex}.chat-box{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;flex:1;gap:10px;padding:15px;display:flex;overflow-y:auto}.user-bubble{background-color:#e8f5e9;border-radius:12px 12px 0;align-self:flex-end;max-width:80%;padding:10px 14px}.bot-bubble{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px 12px 12px 0;align-self:flex-start;max-width:80%;padding:10px 14px}.logout-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff6;border-radius:4px;padding:6px 16px}