@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff8e7;font-family:Nunito,-apple-system,sans-serif;font-weight:700;min-height:100vh;padding:20px}.header-container{background-color:#ffeaec;border:5px solid #8b4513;border-radius:100px;flex-direction:row;gap:20px;margin-bottom:30px;padding:20px 40px;text-align:center}.header-container,.header-icon{align-items:center;display:flex;justify-content:center}.header-icon{flex-shrink:0;transition:transform .1s ease}.header-icon svg{height:100px;transition:width .1s ease,height .1s ease;width:100px}.header-text{text-wrap:nowrap;align-items:center;display:flex;flex-direction:column;font-size:1.5rem;justify-content:center}.main-title{color:#654321;font-size:2.5rem;font-weight:900;margin:0}.subtitle{color:#654321;font-size:1.2rem;margin:5px 0 0}.main-content{display:flex;flex-direction:column;gap:20px}.top-row{grid-gap:20px;grid-template-columns:1fr 1fr 1fr}.bottom-row,.top-row{display:grid;gap:20px}.bottom-row{grid-gap:20px;grid-template-columns:1fr 1fr}.card{background-color:#fff;border:5px solid #8b4513;border-radius:50px;padding:20px}.card-header{color:#654321;font-size:2rem;font-weight:700;height:20%;margin:0;padding:0;width:100%}.card-header,.food-bowl-card{align-items:center;display:flex;justify-content:center}.food-bowl-card{background-color:#ffb3ba;flex-direction:column;min-height:300px}.food-amount{align-items:center;display:flex;flex-direction:column;gap:5px;height:80%}.amount-value{color:#654321;font-size:4rem;font-weight:700}.amount-unit{color:#654321;font-size:1.5rem}.feeding-log-card{background-color:#e0f7e0;min-height:300px}.feeding-log-card,.feeding-log-list{align-items:center;display:flex;flex-direction:column;justify-content:center}.feeding-log-list{gap:10px;height:80%;overflow:auto}.feeding-log-entry{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center}.log-type{color:#654321;font-size:1.2rem;font-weight:800}.log-time{color:#654321;font-size:1rem}.right-column{display:flex;flex-direction:column;gap:20px}.connection-status-card{align-items:center;background-color:#ffe4b5;border-radius:50px;display:flex;justify-content:space-between;min-height:auto;padding:15px 25px}.connection-text{align-items:center;color:#654321;display:flex;font-size:1.5rem;font-weight:700;justify-content:center}.connection-indicator{background-color:#e0f7e0;border:5px solid #8b4513;border-radius:50%;height:15px;width:15px}.connection-indicator.disconnected{background-color:#ffb3ba}.water-level-card{background-color:#e0f0ff;min-height:300px}.water-indicator,.water-level-card{align-items:center;display:flex;flex-direction:column;justify-content:center}.water-indicator{height:80%}.water-droplet{font-size:3rem;margin:10px 0}.water-status{margin-top:10px}.feed-now-button,.water-status{color:#654321;font-size:1.5rem;font-weight:700}.feed-now-button{background-color:#fffacd;border:5px solid #8b4513;border-radius:50px;cursor:pointer;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;min-height:auto;padding:20px 40px;transition:transform .2s,box-shadow .2s}.feed-now-button:hover{box-shadow:0 4px 8px #0003;transform:scale(1.02)}.feed-now-button:active{transform:translateY(0)}.feed-now-button.feeding,.feed-now-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.feed-now-button.feeding:hover,.feed-now-button:disabled:hover{box-shadow:none;transform:none}.refill-level-card{align-items:center;background-color:#fcd6ff;border-radius:50px;display:flex;justify-content:space-between;min-height:auto;padding:20px 30px}.refill-text{color:#654321;font-size:1.5rem;font-weight:700}.refill-progress-bar{background-color:#fff;border:5px solid #8b4513;border-radius:50px;flex:1 1;height:20px;margin-left:20px;max-width:300px;overflow:visible;position:relative}.refill-progress-fill{border:5px solid #8b4513;border-radius:50px;box-sizing:border-box;height:calc(100% + 10px);left:-5px;position:absolute;top:-5px;transition:width .3s ease,background-color .3s ease;z-index:1}.refill-progress-fill.refill-red{background-color:#ffb3ba}.refill-progress-fill.refill-orange{background-color:#ffe4b5}.refill-progress-fill.refill-yellow{background-color:#fffacd}.refill-progress-fill.refill-green{background-color:#e0f7e0}.footer-container{align-items:center;display:flex;justify-content:center;margin-top:20px;padding:30px 20px}.footer-content{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:1200px;width:100%}.footer-title{color:#654321;font-size:1.5rem;font-weight:900;margin:0;text-align:center}.members-list{flex-wrap:wrap;gap:20px;justify-content:center}.member-item,.members-list{align-items:center;display:flex;flex-direction:row}.member-item{gap:10px}.member-id,.member-name{color:#654321;font-size:1rem;font-weight:600}@media (max-width:900px){.top-row{display:flex;flex-direction:column;grid-template-columns:1fr}.food-bowl-card{order:2}.feeding-log-card{order:3}.connection-status-card,.right-column{order:1}.water-level-card{order:2}.bottom-row{grid-template-columns:1fr}.main-title{font-size:2rem}.header-icon svg{height:70px;width:70px}.header-container{gap:15px;padding:15px 30px}.header-text{text-wrap:nowrap;font-size:.8rem}.header-icon svg{display:none}.footer-title{font-size:1.3rem}.members-list{flex-direction:column;gap:12px}.member-item{flex-direction:column;gap:4px}}@media (max-width:600px){.header-icon svg{height:50px;width:50px}.header-container{gap:12px;padding:12px 20px}}@media (max-width:400px){.header-icon svg{height:40px;width:40px}.header-container{gap:10px;padding:10px 15px}}
/*# sourceMappingURL=main.2ccef360.css.map*/