:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--forest-green: #2d5016;--eggshell: #f5f5dc;--text-color: #2d5016;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#3d6b1f;text-decoration:inherit}a:hover{color:#4d7b2f}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--forest-green);display:flex;justify-content:center;align-items:center;padding:20px}h1{font-size:3.2em;line-height:1.1;color:var(--text-color);margin:.5em 0}h2,h3,h4,h5,h6,p,span,div{color:var(--text-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--forest-green);color:var(--eggshell);cursor:pointer;transition:all .25s;box-sizing:border-box}button:hover{border-color:#3d6b1f;border-color:#4d7b2f}button:focus,button:focus-visible{outline:2px solid #4d7b2f}input,textarea{background-color:#fff;color:var(--text-color);border:1px solid #ccc;border-radius:4px;padding:.5em;font-family:inherit;box-sizing:border-box}input:focus,textarea:focus{outline:2px solid var(--forest-green);border-color:var(--forest-green)}#registerDiv{width:100%;max-width:500px;margin:0 auto}#inner-title{display:block;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:24px;color:var(--text)}#registerDiv>br{display:none}#registerDiv label,#registerDiv input[type=text],#registerDiv input[type=email],#registerDiv input[type=password]{display:block;width:100%;margin-bottom:8px;box-sizing:border-box}#registerDiv label{font-weight:600;color:var(--muted);margin-top:12px;font-size:14px}#registerDiv input[type=text],#registerDiv input[type=email],#registerDiv input[type=password]{padding:10px 12px;border:2px solid rgb(79,62,45);border-radius:8px;font-size:16px;font-family:var(--font);transition:border-color .2s ease;background:#fff;box-sizing:border-box}#registerDiv input[type=text]:focus,#registerDiv input[type=email]:focus,#registerDiv input[type=password]:focus{outline:none;border-color:var(--brand)}#registerDiv input[aria-invalid=true]{border:2px solid #e74c3c!important}#registerDiv .error{color:#e74c3c;font-size:.9em;margin-top:4px;margin-bottom:8px;font-family:var(--font);display:block}#registerButton{width:100%;padding:12px;margin-top:20px;background-color:#2d5016;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-family:var(--font);box-sizing:border-box}#registerButton:hover{background-color:#3d6b1f}#registerButton:active{transform:translateY(1px)}#registerResult{display:block;text-align:center;margin-top:12px;font-size:.95rem;color:var(--muted)}#registerResult.error{color:#e74c3c}#registerDiv .header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}#registerDiv .header-row #inner-title{margin:0;flex:1}#registerDiv .btn-back{padding:8px 16px;background-color:#2d5016;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-family:var(--font);white-space:nowrap;box-sizing:border-box}#registerDiv .btn-back:hover{background-color:#3d6b1f}#registerDiv .btn-back:active{transform:translateY(1px)}#loginDiv{width:100%;max-width:500px;margin:0 auto}#loginDiv #inner-title{display:block;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:24px;color:var(--text)}#loginDiv>br{display:none}#loginDiv label,#loginDiv input[type=text],#loginDiv input[type=password]{display:block;width:100%;margin-bottom:8px;box-sizing:border-box}#loginDiv label{font-weight:600;color:var(--muted);margin-top:12px;font-size:14px}#loginDiv input[type=text],#loginDiv input[type=password]{padding:10px 12px;border:2px solid rgb(79,62,45);border-radius:8px;font-size:16px;font-family:var(--font);transition:border-color .2s ease;background:#fff;box-sizing:border-box}#loginDiv input[type=text]:focus,#loginDiv input[type=password]:focus{outline:none;border-color:var(--brand)}#loginDiv input[aria-invalid=true]{border:2px solid #e74c3c!important}#loginDiv .error{color:#e74c3c;font-size:.9em;margin-top:4px;margin-bottom:8px;font-family:var(--font);display:block}#loginButton{width:100%;padding:12px;margin-top:20px;background-color:#2d5016;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-family:var(--font);box-sizing:border-box}#loginButton:hover{background-color:#3d6b1f}#loginButton:active{transform:translateY(1px)}#loginResult{display:block;text-align:center;margin-top:12px;font-size:.95rem;color:#e74c3c}#newUserSection{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}#newUserText{display:block;font-size:1rem;color:var(--muted);margin-bottom:12px}#signUpButton{width:100%;padding:12px;background-color:#2d5016;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-family:var(--font);box-sizing:border-box}#signUpButton:hover{background-color:#3d6b1f}#signUpButton:active{transform:translateY(1px)}#foodLandingDiv{width:100%;max-width:100%}#foodLandingDiv .header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}#foodLandingDiv #inner-title{font-size:1.5rem;font-weight:600;color:var(--text);margin:0}#foodLandingDiv .btn-back{padding:8px 16px;background-color:#2d5016;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-family:var(--font);box-sizing:border-box}#foodLandingDiv .btn-back:hover{background-color:#3d6b1f}#foodLandingDiv label{display:block;font-weight:600;color:var(--muted);font-size:14px;margin-bottom:.5rem}#foodLandingDiv input[type=text],#foodLandingDiv input[type=number]{width:100%;padding:10px 12px;border:2px solid rgb(79,62,45);border-radius:8px;font-size:16px;font-family:var(--font);background:#fff;box-sizing:border-box}#foodLandingDiv input[type=text]:focus,#foodLandingDiv input[type=number]:focus{outline:none;border-color:#4f3e2d}#foodLandingDiv .buttons{width:100%;padding:12px;background-color:#2d5016;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-family:var(--font);box-sizing:border-box}#foodLandingDiv .buttons:hover:not(:disabled){background-color:#3d6b1f}#foodLandingDiv .buttons:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}#foodLandingDiv .table{width:100%;border-collapse:collapse}#foodLandingDiv .table thead{background-color:#f7f1d8}#foodLandingDiv .table th,#foodLandingDiv .table td{padding:12px;border-bottom:1px solid var(--border)}#foodLandingDiv .table tbody tr:nth-child(odd){background-color:#fbf7e6}#foodLandingDiv .table tbody tr:hover{background-color:#f3e9cf}#foodLandingDiv .btn--danger{background-color:#e11d48;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.85rem;cursor:pointer;font-family:var(--font);box-sizing:border-box}#foodLandingDiv .btn--danger:hover{background-color:#b31239}body{margin:0;padding:0;background:linear-gradient(#193714c7,#193714c7),url(/background.jpg) center/cover no-repeat fixed;min-height:100vh;font-family:system-ui,sans-serif}#root{width:100%;max-width:100%;margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center}.content-box{background-color:var(--eggshell);border-radius:12px;padding:2.5rem;box-shadow:0 8px 24px #0000004d;max-width:90%;width:fit-content;min-width:320px;margin:20px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 768px){.content-box{padding:3rem;min-width:400px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #2d5016aa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;width:100%}.read-the-docs{color:#888}