@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap);:root{--bg-primary:#1f2125;--bg-secondary:#08090d;--bg-tertiary:#14171c;--bg-hover:#272b33;--text-primary:#f4f5f7;--text-secondary:#c8cbd6;--text-tertiary:#949aae;--border-primary:#0000;--border-secondary:#0000;--input-border:#ffffff24;--accent-primary:#5aa6ff;--accent-secondary:#4ade80;--accent-warning:#facc15;--accent-danger:#ff6b6b;--accent-info:#38bdf8;--accent-purple:#a855f7;--accent-primary-alpha:#5aa6ff2e;--accent-secondary-alpha:#4ade8029;--accent-danger-alpha:#ff6b6b26;--accent-primary-rgb:90,166,255;--surface-overlay:#ffffff14;--font-primary:"Josefin Sans",sans-serif;--font-fallback:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-bg:400;--z-modal:500;--z-popover:600;--z-toast:700;--ease-out-cubic:cubic-bezier(0.33,1,0.68,1);--ease-in-out-cubic:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}[data-theme=light]{--bg-primary:#e9ecf3;--bg-secondary:#fff;--bg-tertiary:#f7f9fc;--bg-hover:#edf1fa;--text-primary:#0f172a;--text-secondary:#3b4259;--text-tertiary:#6b7280;--border-primary:#0000;--border-secondary:#0000;--input-border:#0f172a24;--accent-primary:#1d4fff;--accent-secondary:#1ed292;--accent-warning:#ffb020;--accent-danger:#f05252;--accent-info:#0ea5e9;--accent-purple:#7c3aed;--accent-primary-alpha:#1d4fff2e;--accent-secondary-alpha:#1ed2922e;--accent-danger-alpha:#f052522e;--accent-primary-rgb:29,79,255;--surface-overlay:#0f172a14}[data-theme=light] .nav-hub-fan-desktop a.nav-hub-link--desktop .nav-hub-link-icon-wrap--desktop svg{stroke:#5aa6ff!important;stroke:var(--accent-primary)!important;color:#5aa6ff!important;color:var(--accent-primary)!important}[data-theme=light] .nav-hub-fan-desktop a.nav-hub-link--active.nav-hub-link--desktop .nav-hub-link-icon-wrap--desktop svg{stroke:#1d4ed8!important;color:#1d4ed8!important}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%}#root{display:flex;flex-direction:column;max-width:100%}#root,body{min-height:100%;min-height:100dvh;overflow-x:hidden;overflow-x:clip}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1f2125;background:var(--bg-primary);color:#f4f5f7;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--leading-normal);margin:0}body,code{font-family:Josefin Sans,sans-serif,Segoe UI,Tahoma,Geneva,Verdana;font-family:var(--font-primary),var(--font-fallback)}code{background:#14171c;background:var(--bg-tertiary);border-radius:.25rem;border-radius:var(--radius-sm);font-size:.9em;padding:.125rem .25rem}h1,h2,h3,h4,h5,h6{color:#f4f5f7;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.25;line-height:var(--leading-tight)}h1{font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1.5rem;margin-bottom:var(--space-6)}h2{font-size:1.5rem;font-size:var(--text-2xl);margin-bottom:1.25rem;margin-bottom:var(--space-5)}h3{font-size:1.25rem;font-size:var(--text-xl);margin-bottom:1rem;margin-bottom:var(--space-4)}h4{font-size:1.125rem;font-size:var(--text-lg);margin-bottom:.75rem;margin-bottom:var(--space-3)}p{color:#c8cbd6;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:#5aa6ff;color:var(--accent-primary);text-decoration:none;transition:color .2s cubic-bezier(.33,1,.68,1);transition:color .2s var(--ease-out-cubic)}a:hover{color:#38bdf8;color:var(--accent-info);text-decoration:underline}.container{margin:0 auto;max-width:1280px;padding:0 1rem;padding:0 var(--space-4)}.food-log-page{margin:0;max-width:none;padding:0;width:100%}@media (min-width:768px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 2rem;padding:0 var(--space-8)}}.App{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}main{flex:1 1;max-width:100%;min-width:0;padding:1.5rem 0;padding:var(--space-6) 0}.card{background:#08090d;background:var(--bg-secondary);border:none;border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6);transition:all .3s cubic-bezier(.65,0,.35,1);transition:all .3s var(--ease-in-out-cubic)}.card,.card:hover{box-shadow:0 24px 55px #00000059}.card:hover{transform:none}.card-header{border-bottom:none;margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:1rem;padding-bottom:var(--space-4)}.card-title{color:#f4f5f7;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.card-body{color:#c8cbd6;color:var(--text-secondary)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-family:Josefin Sans,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .2s cubic-bezier(.33,1,.68,1);transition:all .2s var(--ease-out-cubic);white-space:nowrap}.btn:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{border:1px solid #5aa6ff;border:1px solid var(--accent-primary);color:#fff;font-weight:500;font-weight:var(--font-weight-medium)}.btn-primary,.btn-primary:hover{background:#5aa6ff;background:var(--accent-primary)}.btn-primary:hover{border-color:#5aa6ff;border-color:var(--accent-primary);filter:brightness(1.15)}.btn-primary:focus{outline:2px solid #5aa6ff;outline:2px solid var(--accent-primary);outline-offset:2px}.btn-secondary{background:#14171c;background:var(--bg-tertiary);border:1px solid #ffffff24;border:1px solid var(--input-border);font-weight:500;font-weight:var(--font-weight-medium)}.btn-secondary,.btn-secondary:hover{color:#f4f5f7;color:var(--text-primary)}.btn-secondary:hover{background:#272b33;background:var(--bg-hover);border-color:#5aa6ff;border-color:var(--accent-primary)}.btn-secondary:focus{outline:2px solid #5aa6ff;outline:2px solid var(--accent-primary);outline-offset:2px}.btn-success{background:#4ade80;background:var(--accent-secondary);color:#fff}.btn-warning{background:#facc15;background:var(--accent-warning);color:#fff}.btn-danger{background:#ff6b6b;background:var(--accent-danger);color:#fff}.btn-icon{background:#0000;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:none;color:#c8cbd6;color:var(--text-secondary);height:2.5rem;padding:0;width:2.5rem}.btn-icon:hover{background:#272b33;background:var(--bg-hover);color:#f4f5f7;color:var(--text-primary)}.btn-close{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#c8cbd6;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;padding:var(--space-2);transition:all .2s cubic-bezier(.33,1,.68,1);transition:all .2s var(--ease-out-cubic);width:32px}.btn-close:hover{background:#272b33;background:var(--bg-hover);color:#f4f5f7;color:var(--text-primary)}.btn-close:focus{outline:2px solid #5aa6ff;outline:2px solid var(--accent-primary);outline-offset:2px}.modal-app-header{align-items:center;border-bottom:none;box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;font-family:Josefin Sans,sans-serif,Segoe UI,Tahoma,Geneva,Verdana;font-family:var(--font-primary),var(--font-fallback);gap:.5rem;gap:var(--space-2);justify-content:space-between}.modal-app-header,.modal-app-header--compact{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.modal-app-header__title{color:#f4f5f7;color:var(--text-primary);flex:1 1;font-weight:var(--font-weight-semibold);line-height:1.25;line-height:var(--leading-tight);margin:0;min-width:0;text-align:left}.modal-app-header--compact .modal-app-header__title,.modal-app-header__title{font-size:1rem;font-size:var(--text-base)}.modal-app-header__close{flex-shrink:0;margin-left:auto}.modal-app-header .btn-close{height:32px;min-height:32px;min-width:32px;padding:.25rem;padding:var(--space-1);width:32px}.modal-app-header .btn-close .icon{height:1.125rem;width:1.125rem}.form-group{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.form-label{color:#f4f5f7;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#f8f8f8;border:1px solid #ccc;border-radius:.5rem;border-radius:var(--radius-md);color:#f4f5f7;color:var(--text-primary);font-family:Josefin Sans,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.33,1,.68,1);transition:all .2s var(--ease-out-cubic);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#1f2125;background:var(--bg-primary);border-color:#5aa6ff;border-color:var(--accent-primary);box-shadow:0 0 0 3px #5aa6ff2e;box-shadow:0 0 0 3px var(--accent-primary-alpha);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#14171c;background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-input::placeholder,.form-textarea::placeholder{color:#949aae;color:var(--text-tertiary)}select.form-select{cursor:pointer}textarea.form-textarea{min-height:100px;resize:vertical}.error-message{color:#ff6b6b;color:var(--accent-danger)}.error-message,.success-message{align-items:center;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);margin-top:.5rem;margin-top:var(--space-2)}.success-message{color:#4ade80;color:var(--accent-secondary)}.warning-message{color:#facc15;color:var(--accent-warning)}.info-message,.warning-message{align-items:center;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);margin-top:.5rem;margin-top:var(--space-2)}.info-message{color:#38bdf8;color:var(--accent-info)}.navbar{background:#08090d;background:var(--bg-secondary);border-bottom:none;box-shadow:none;color:#f4f5f7;color:var(--text-primary);padding:1rem 0;padding:var(--space-4) 0;position:-webkit-sticky;position:sticky;top:0;z-index:200;z-index:var(--z-sticky)}.navbar-content{align-items:center;display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between}.navbar-brand{color:#f4f5f7;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-weight-bold);text-decoration:none;transition:color .2s cubic-bezier(.33,1,.68,1);transition:color .2s var(--ease-out-cubic)}.navbar-brand:hover{color:#5aa6ff;color:var(--accent-primary);text-decoration:none}.navbar-nav{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);list-style:none;margin:0;padding:0}.navbar-nav li{margin:0}.navbar-nav a{border-radius:.5rem;border-radius:var(--radius-md);color:#c8cbd6;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .2s cubic-bezier(.33,1,.68,1);transition:all .2s var(--ease-out-cubic);white-space:nowrap}.navbar-nav a:hover{background:#272b33;background:var(--bg-hover);color:#f4f5f7;color:var(--text-primary);text-decoration:none}.navbar-nav a.active{background:#5aa6ff;background:var(--accent-primary);color:#fff}.navbar-user{color:#c8cbd6;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}@media (max-width:768px){.navbar-nav{background:#08090d;background:var(--bg-secondary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:.5rem;gap:var(--space-2);left:0;padding:1rem;padding:var(--space-4);position:absolute;right:0;top:100%}.navbar-nav.mobile-open{display:flex}.navbar-nav a{text-align:center;width:100%}}.data-table{background:#08090d;background:var(--bg-secondary);border-collapse:initial;border-radius:.75rem;border-radius:var(--radius-lg);border-spacing:0;box-shadow:0 18px 40px #00000052;overflow:hidden;width:100%}.data-table thead{background:#14171c;background:var(--bg-tertiary)}.data-table th{border-bottom:none;color:#f4f5f7;color:var(--text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-align:left;text-transform:uppercase}.data-table td,.data-table th{padding:1rem;padding:var(--space-4)}.data-table td{border-top:none;color:#c8cbd6;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base)}.data-table tbody tr{transition:background .15s cubic-bezier(.33,1,.68,1);transition:background .15s var(--ease-out-cubic)}.data-table tbody tr:hover{background:#ffffff14;background:var(--surface-overlay)}[data-theme=light] .data-table{box-shadow:0 8px 28px #0f172a14}.table-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.table-header:hover{color:#5aa6ff;color:var(--accent-primary)}@media (max-width:768px){.data-table{font-size:.875rem;font-size:var(--text-sm)}.data-table td,.data-table th{padding:.75rem;padding:var(--space-3)}}.loading{padding:2rem;padding:var(--space-8);text-align:center}.spinner{animation:spin 1s cubic-bezier(.65,0,.35,1) infinite;border:4px solid #14171c;border-top:4px solid #5aa6ff;border:4px solid var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:48px;margin:0 auto 1rem;margin:0 auto var(--space-4);width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#14171c 25%,#272b33 50%,#14171c 75%);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{align-items:center;display:flex;gap:1rem;gap:var(--space-4);justify-content:center;margin-top:1.5rem;margin-top:var(--space-6);padding:1.25rem 0;padding:var(--space-5) 0}.pagination button{min-width:100px}.pagination span{color:#c8cbd6;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}@media (max-width:640px){.pagination{flex-direction:column;gap:.75rem;gap:var(--space-3)}.pagination button{width:100%}}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-primary{background:#5aa6ff2e;background:var(--accent-primary-alpha);border:1px solid #5aa6ff;border:1px solid var(--accent-primary);color:#5aa6ff;color:var(--accent-primary)}.badge-success{background:#4ade8029;background:var(--accent-secondary-alpha);border:1px solid #4ade80;border:1px solid var(--accent-secondary);color:#4ade80;color:var(--accent-secondary)}.badge-warning{background:#f59e0b1a;border:1px solid #facc15;border:1px solid var(--accent-warning);color:#facc15;color:var(--accent-warning)}.badge-danger{background:#ef44441a;border:1px solid #ff6b6b;border:1px solid var(--accent-danger);color:#ff6b6b;color:var(--accent-danger)}.modal-backdrop{animation:fadeIn .2s cubic-bezier(.33,1,.68,1);animation:fadeIn .2s var(--ease-out-cubic);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:fixed;z-index:400;z-index:var(--z-modal-bg)}.modal{animation:modalFloat .3s cubic-bezier(.65,0,.35,1);animation:modalFloat .3s var(--ease-in-out-cubic);background:#08090d;background:var(--bg-secondary);border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 32px 70px #00000073;left:50%;max-height:90vh;max-width:90vw;overflow:auto;padding:2rem;padding:var(--space-8);position:fixed;top:50%;transform:translate(-50%,-50%);z-index:500;z-index:var(--z-modal)}@keyframes modalFloat{0%{opacity:0;transform:translate(-50%,-45%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.01)}to{opacity:1;transform:translate(-50%,-50%)}}.tooltip{display:inline-block;position:relative}.tooltip-text{background:#14171c;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);bottom:125%;box-shadow:0 12px 28px #0000004d;color:#f4f5f7;color:var(--text-primary);font-size:.875rem;font-size:var(--text-sm);left:50%;opacity:0;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:absolute;transform:translateX(-50%);transition:all .2s cubic-bezier(.33,1,.68,1);transition:all .2s var(--ease-out-cubic);visibility:hidden;white-space:nowrap;z-index:600;z-index:var(--z-popover)}.tooltip:hover .tooltip-text{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.tabs-container{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.tabs{border-bottom:none;display:flex;gap:.5rem;gap:var(--space-2);padding:0 1rem;padding:0 var(--space-4)}.tab{background:#0000;border:none;border-radius:.5rem .5rem 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;color:#c8cbd6;color:var(--text-secondary);cursor:pointer;font-family:Josefin Sans,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-weight-medium);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);position:relative;transition:all .2s cubic-bezier(.33,1,.68,1);transition:all .2s var(--ease-out-cubic)}.tab:hover{background:#272b33;background:var(--bg-hover);color:#f4f5f7;color:var(--text-primary)}.tab.active{background:#14171c;background:var(--bg-tertiary);box-shadow:inset 0 -3px 0 0 #5aa6ff;box-shadow:inset 0 -3px 0 0 var(--accent-primary);color:#5aa6ff;color:var(--accent-primary)}.dropdown{display:inline-block;position:relative}.dropdown-menu{animation:menuFloatIn .22s cubic-bezier(.33,1,.68,1);animation:menuFloatIn .22s var(--ease-out-cubic);background:#08090d;background:var(--bg-secondary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 18px 40px #00000061;margin-top:.5rem;margin-top:var(--space-2);min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100;z-index:var(--z-dropdown)}@keyframes menuFloatIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{background:none;border:none;color:#c8cbd6;color:var(--text-secondary);cursor:pointer;display:block;font-family:Josefin Sans,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left;transition:all .15s cubic-bezier(.33,1,.68,1);transition:all .15s var(--ease-out-cubic);width:100%}.dropdown-item:hover{background:#ffffff14;background:var(--surface-overlay);color:#f4f5f7;color:var(--text-primary)}.icon{color:currentColor;height:1.25rem;transition:transform .2s cubic-bezier(.33,1,.68,1);transition:transform .2s var(--ease-out-cubic);width:1.25rem}.icon-sm{height:1rem;width:1rem}.icon-md{height:1.25rem;width:1.25rem}.icon-lg{height:1.5rem;width:1.5rem}.icon-xl{height:2rem;width:2rem}.icon-monotone{fill:currentColor;stroke:currentColor}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);gap:1.5rem;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}}.grid-auto{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-primary{color:#f4f5f7;color:var(--text-primary)}.text-secondary{color:#c8cbd6;color:var(--text-secondary)}.text-tertiary{color:#949aae;color:var(--text-tertiary)}.text-accent{color:#5aa6ff;color:var(--accent-primary)}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-regular{font-weight:400;font-weight:var(--font-weight-regular)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.33,1,.68,1);animation:slideInRight .3s var(--ease-out-cubic)}.animate-slide-in-left{animation:slideInLeft .3s cubic-bezier(.33,1,.68,1);animation:slideInLeft .3s var(--ease-out-cubic)}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.33,1,.68,1);animation:fadeIn .3s var(--ease-out-cubic)}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1);animation:scaleIn .2s var(--ease-spring)}@media (hover:none) and (pointer:coarse){.btn,.btn-close,.btn-icon,.btn-primary,.btn-secondary,[role=button],[type=button],[type=reset],[type=submit],a[href],button,label{-webkit-tap-highlight-color:transparent}.btn-close:focus:not(:focus-visible),.btn-icon:focus:not(:focus-visible),.btn:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),[type=button]:focus:not(:focus-visible),[type=reset]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),a[href]:focus:not(:focus-visible),button:focus:not(:focus-visible){box-shadow:none;outline:none}}:focus-visible{outline:2px solid #5aa6ff;outline:2px solid var(--accent-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#08090d;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#272b33;background:var(--bg-hover);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#949aae;background:var(--text-tertiary)}.theme-switcher{background:#08090d;background:var(--bg-secondary);border-radius:1rem;border-radius:var(--radius-xl);bottom:1.5rem;bottom:var(--space-6);box-shadow:0 20px 40px #0006;padding:1.25rem;padding:var(--space-5);position:fixed;right:1.5rem;right:var(--space-6);z-index:300;z-index:var(--z-fixed)}.theme-option{align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#c8cbd6;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Josefin Sans,sans-serif;font-family:var(--font-primary);gap:.75rem;gap:var(--space-3);padding:.75rem;padding:var(--space-3);text-align:left;transition:all .2s cubic-bezier(.33,1,.68,1);transition:all .2s var(--ease-out-cubic);width:100%}.theme-option:hover{background:#ffffff14;background:var(--surface-overlay);color:#f4f5f7;color:var(--text-primary)}.theme-option.active{background:#ffffff14;color:#5aa6ff;color:var(--accent-primary)}.theme-preview{border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px #ffffff1f;height:24px;width:24px}@media (max-width:640px){.hide-mobile{display:none!important}}@media (min-width:641px){.show-mobile{display:none!important}}@media (max-width:1024px){.hide-tablet{display:none!important}}@media (min-width:1025px){.show-tablet{display:none!important}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.date-input,.form-input,.form-input-small,.servings-input{background:#08090d!important;background:var(--bg-secondary)!important;border:1px solid #ffffff24!important;border:1px solid var(--input-border)!important;color:#f4f5f7!important;color:var(--text-primary)!important}.date-input:focus,.form-input-small:focus,.form-input:focus,.servings-input:focus{background:#14171c!important;background:var(--bg-tertiary)!important;border-color:#5aa6ff!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #5aa6ff2e!important;box-shadow:0 0 0 3px var(--accent-primary-alpha)!important;color:#f4f5f7!important;color:var(--text-primary)!important;outline:none!important}.date-input::placeholder,.form-input-small::placeholder,.form-input::placeholder,.servings-input::placeholder{color:#949aae!important;color:var(--text-tertiary)!important}[data-theme=light] [data-page=data-viewer]{color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer]:before{background-color:#e8eaf2!important;background-image:linear-gradient(#0f172a0f 1px,#0000 0),linear-gradient(90deg,#0f172a0f 1px,#0000 0),linear-gradient(#0f172a0a 1px,#0000 0),linear-gradient(90deg,#0f172a0a 1px,#0000 0)!important;background-size:20px 20px,20px 20px,80px 80px,80px 80px!important}[data-theme=light] [data-page=data-viewer] .card,[data-theme=light] [data-page=data-viewer] .card:hover{background:#08090d!important;background:var(--bg-secondary)!important;border:1px solid #0f172a1a!important;box-shadow:0 4px 6px -1px #0000001a!important;box-shadow:var(--shadow-md)!important;color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] h1,[data-theme=light] [data-page=data-viewer] h2,[data-theme=light] [data-page=data-viewer] h3,[data-theme=light] [data-page=data-viewer] h4{color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] p,[data-theme=light] [data-page=data-viewer] strong{color:inherit}[data-theme=light] [data-page=data-viewer] .loading,[data-theme=light] [data-page=data-viewer] .loading p{color:#c8cbd6;color:var(--text-secondary)}[data-theme=light] [data-page=data-viewer] .spinner{border-color:#272b33;border-color:var(--bg-hover);border-top-color:#5aa6ff;border-top-color:var(--accent-primary)}[data-theme=light] [data-page=data-viewer] .pagination-info{color:#c8cbd6;color:var(--text-secondary)}[data-theme=light] [data-page=data-viewer] .btn-primary{background:#5aa6ff;background:var(--accent-primary);border-color:#5aa6ff;border-color:var(--accent-primary);color:#fff}[data-theme=light] [data-page=data-viewer] .btn-primary:hover{color:#fff;filter:brightness(1.05)}[data-theme=light] [data-page=data-viewer] .btn-secondary{background:#14171c;background:var(--bg-tertiary);border-color:#ffffff24;border-color:var(--input-border);color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .btn-secondary:hover{background:#272b33;background:var(--bg-hover);color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .table-item:not(.active){color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .table-item:not(.active) .table-info{color:#c8cbd6;color:var(--text-secondary)}[data-theme=light] [data-page=data-viewer] .table-item.active .table-info{color:#ffffffeb}[data-theme=light] [data-page=data-viewer] .table-group-header{background:#14171c;background:var(--bg-tertiary);color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .data-filters,[data-theme=light] [data-page=data-viewer] .filter-section label,[data-theme=light] [data-page=data-viewer] .form-label{color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .data-filters input[type=text],[data-theme=light] [data-page=data-viewer] .data-filters select{background:#08090d;background:var(--bg-secondary);border-color:#ffffff24;border-color:var(--input-border);color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .filter-tag{background-color:#5aa6ff2e;background-color:var(--accent-primary-alpha);border:1px solid #5aa6ff59;border:1px solid rgba(var(--accent-primary-rgb),.35);color:#5aa6ff;color:var(--accent-primary)}[data-theme=light] [data-page=data-viewer] .filter-remove{color:#ff6b6b;color:var(--accent-danger)}[data-theme=light] [data-page=data-viewer] .filter-remove:hover{opacity:.75}[data-theme=light] [data-page=data-viewer] .data-table{background:#08090d!important;background:var(--bg-secondary)!important;box-shadow:0 8px 28px #0f172a14!important}[data-theme=light] [data-page=data-viewer] .data-table thead{background:#14171c;background:var(--bg-tertiary)}[data-theme=light] [data-page=data-viewer] .data-table th{color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .data-table td{color:#c8cbd6;color:var(--text-secondary)}[data-theme=light] [data-page=data-viewer] .data-table tbody tr:hover{background:#ffffff14;background:var(--surface-overlay)}[data-theme=light] [data-page=data-viewer] .icon,[data-theme=light] [data-page=data-viewer] .table-header{color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .data-viewer-tables-toggle{background:#08090d;background:var(--bg-secondary);border:1px solid #ffffff24;border:1px solid var(--input-border);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .data-viewer-tables-close{color:#f4f5f7;color:var(--text-primary)}[data-theme=light] [data-page=data-viewer] .text-tertiary{color:#949aae!important;color:var(--text-tertiary)!important}[data-theme=light] [data-page=data-viewer] .data-viewer-access-level-card{background:#08090d!important;background:var(--bg-secondary)!important;border-color:#5aa6ff!important;border-color:var(--accent-primary)!important}
/*# sourceMappingURL=main.e5f55b7e.css.map*/