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}#root,body,html{height:100%;margin:0;padding:0}.welcome-container{align-items:center;background:#f4f6f8;display:flex;justify-content:center;min-height:100vh}.welcome-box{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;padding:48px 36px;text-align:center}.welcome-title{color:#23272f;font-size:2.2rem;font-weight:700;margin-bottom:32px}.welcome-actions{display:flex;gap:20px;justify-content:center}.welcome-btn{background:#23272f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 32px;transition:background .2s}.welcome-btn:hover{background:#353a45}.header{align-items:center;background:#6b8c58;border-bottom:1px solid #2b2016;box-shadow:0 1px 2px #ffffff08;display:flex;height:56px;justify-content:space-between;padding:0 24px}.header-title{color:#fff;flex:1 1;font-size:1.25rem;font-weight:700}.header-actions{gap:16px}.header-actions,.header-initials,.header-profile{align-items:center;display:flex}.header-initials{background:#3b82f6;border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;margin-left:8px;width:32px}.header-logout button{background:beige;border:none;border-radius:4px;color:#4a3627;cursor:pointer;font-weight:500;padding:8px 18px;transition:background .2s}.header-logout button:hover{background:#d6d6bd}.modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;z-index:1000}.modal-overlay.open{animation:fadeIn .3s ease forwards;background:#0000004d;opacity:1;pointer-events:auto}.modal-content{background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 16px #0003;height:90%;overflow:hidden;position:relative;transform:translateY(100%);width:100%}.modal-overlay.open .modal-content{animation:slideUp .4s ease forwards}.modal-scroll-container{height:100%;overflow-y:auto;padding:1rem 1rem 10rem;scrollbar-color:#00000026 #0000;scrollbar-width:thin}.modal-scroll-container::-webkit-scrollbar{width:8px}.modal-scroll-container::-webkit-scrollbar-track{background:#0000;margin-bottom:4px;margin-top:12px}.modal-scroll-container::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:10px;visibility:hidden}.modal-scroll-container:hover::-webkit-scrollbar-thumb{visibility:visible}::-webkit-scrollbar-button{display:none}.modal-close{background:none;border:none;color:#333;cursor:pointer;font-size:1.3rem;position:absolute;right:16px;top:12px;transition:transform .2s}.modal-close:hover{transform:scale(1.1)}.modal-overlay.closing{animation:fadeOut .28s ease forwards;pointer-events:none}.modal-overlay.closing .modal-content{animation:slideDown .28s ease forwards}@keyframes fadeIn{0%{background:#0000;opacity:0}to{background:#0000004d;opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeOut{0%{background:#0000004d;opacity:1}to{background:#0000;opacity:0}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.abf-container{font-family:inherit;margin:auto;max-width:750px;padding:20px 20px 5rem}.abf-heading{font-size:1.25rem;margin:0 0 8px}.abf-field{margin-top:12px}.abf-label{color:#111827;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.abf-input,.abf-textarea{background:#fff;border:1px solid #d0d7de;border-radius:6px;box-sizing:border-box;color:#111827;font-size:14px;padding:10px 12px;width:100%}.abf-textarea{resize:vertical}.abf-row{align-items:center;display:flex;gap:12px;margin-top:12px}.abf-col{flex:1 1}.abf-small{width:160px}.abf-section-title{color:#111827;font-weight:700;margin-bottom:8px;margin-top:18px}.abf-ingredient-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.abf-small-input{border:1px solid #d0d7de;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 10px}.abf-ing-name{flex:2 1}.abf-ing-qty,.abf-ing-unit{width:120px}.abf-btn-primary{background:#6b8c58;color:#fff;font-weight:600;padding:10px 16px}.abf-btn-primary,.abf-btn-secondary{border:none;border-radius:6px;cursor:pointer}.abf-btn-secondary{background:#eef2f6;color:#1f2937;padding:8px 12px}.abf-remove-btn{background:#f43f5e;border:none;border-radius:6px;color:#fff;padding:8px 10px}.abf-actions{display:flex;gap:12px;margin-top:18px}.abf-error{color:#b91c1c;margin-top:10px}@media (max-width:640px){.abf-row{flex-direction:column;gap:8px}.abf-small{width:100%}.abf-ing-qty,.abf-ing-unit{width:100px}}.sidenav{background:#4a3627;color:#fff;display:flex;flex-direction:column;height:100%;min-width:60px;transition:width .3s ease;width:220px;z-index:100}.sidenav.collapsed{width:60px}.sidenav-header{align-items:center;border-bottom:1px solid #2b2016;display:flex;font-family:Roboto;height:56px;justify-content:space-between;padding:0 16px}.sidenav .nav-links{flex:1 1;padding:16px 0}.sidenav .nav-links ul{list-style:none;margin:0;padding:0}.sidenav .nav-links li{margin-bottom:8px}.sidenav .nav-links a{align-items:center;border-radius:4px;color:#fff;display:flex;padding:10px 16px;text-decoration:none;transition:background .2s}.sidenav .nav-links a.active,.sidenav .nav-links a:hover{background:#2b2016}.sidenav .nav-links span.icon{font-size:1.2em;margin-right:12px}.sidenav.collapsed .nav-links span.label{display:none}@media (max-width:768px){.sidenav{display:none}}.footer{align-items:center;background:#23272f;color:#fff;display:flex;flex-direction:column;font-size:1rem;padding:4px 0;text-align:center;width:100%}.footer-links a{color:#fff;margin:0 4px;text-decoration:underline;transition:color .2s}.footer-links a:hover{color:#a5a5a5;transition:.3s cubic-bezier(.075,.82,.165,1)}.dashboard-container{align-items:stretch;background:#f4f6f8;display:flex;min-height:100%;min-width:0}.dashboard-main{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0}.dashboard-main>:not(.footer){flex-shrink:0}.dashboard-main>.footer{margin-top:auto}.dashboard-content{padding:1vw}.dashboard-cards-grid{display:flex;gap:20px;justify-content:space-evenly;justify-content:flex-start;list-style:none;overflow-x:scroll;padding-bottom:.5vw;scroll-snap-type:x mandatory;scrollbar-color:auto #0000}.dashboard-cards-grid::-webkit-scrollbar{height:8px}.dashboard-cards-grid::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.dashboard-cards-grid::-webkit-scrollbar-track{background:#0000}.dashboard-activity-row{display:flex;gap:24px;margin-top:1vw}.dashboard-activity-half{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0}@media (max-width:768px){.brew-card{max-width:100%;min-width:0;width:100%}}@media (max-width:900px){.dashboard-activity-row{flex-direction:column;gap:16px}.dashboard-activity-half{max-width:100%;width:100%}}@media (max-width:768px){.dashboard-content{padding:8px}}.brew-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;max-width:300px;min-width:200px;overflow:hidden;padding:20px;position:relative;scroll-snap-align:start;text-align:center;transition:all .2s}.edit-overlay{background:#6b8c58;border:none;border-radius:6px}.delete-overlay,.edit-overlay{align-items:center;box-shadow:0 1px 4px #00000014;color:#374151;cursor:pointer;display:inline-flex;justify-content:center;opacity:1;padding:6px;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;width:60px;z-index:2}.delete-overlay{background:#ffffffe6;border:2px solid #6b8c58;border-radius:6px}.delete-overlay:hover{background:#e0e0e0}.delete-overlay:hover,.edit-overlay:hover{transition:opacity .18s ease,transform .18s ease}.edit-overlay:hover{background:#5a7550}.brew-card:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-4px)}.brew-edit-form{gap:12px;min-width:320px}.be-label,.brew-edit-form{display:flex;flex-direction:column}.be-label{color:#111827;font-weight:600;gap:6px}.be-input,.be-textarea{border:1px solid #d0d7de;border-radius:6px;font-size:14px;padding:8px 10px}.be-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.be-cancel{background:#eef2f6;color:#1f2937}.be-cancel,.be-save{border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.be-save{background:#6b8c58;color:#fff}.spread-container{display:flex;flex-direction:row;justify-content:space-between}.right-container{display:flex;flex-direction:row;justify-content:right}.brew-card-body{display:flex;flex:1 1;flex-direction:column;padding:18px 0 0}.body-tags{color:#9ca3af;display:flex;font-size:.85rem;justify-content:left}.body-tag{background-color:#a8a8a8;border-radius:12px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;margin-bottom:8px;padding:2px 8px;width:fit-content}.body-title{color:#111827;font-size:1.25rem;font-weight:600}.body-subtitle,.body-title{display:flex;justify-content:left;margin-bottom:4px}.body-subtitle{color:#6b7280;font-size:1rem}.body-description{color:#4b5563;flex-grow:1;font-size:.875rem;margin-bottom:16px;text-align:left}.body-actions,.body-description{display:flex;justify-content:left}.body-actions{gap:8px;justify-content:flex-end}.brew-card-img{border-bottom:1px solid #e0e0e0;height:auto;object-fit:cover;width:100%}.brew-card-img-placeholder{align-items:center;background:linear-gradient(180deg,#815f45,#4a3627);border-radius:1rem;box-shadow:inset 0 1px 0 #fff9;display:flex;height:150px;justify-content:center;overflow:hidden;width:100%}.brew-card-img-placeholder .brew-card-img-svg{display:block;max-height:68%;max-width:68%;object-fit:contain}.pill{background-color:#a8a8a8;border-radius:12px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;padding:2px 8px;width:fit-content}.dashboard-stats{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;display:flex;flex:1 1;flex-direction:column;max-width:20rem;min-width:0;padding:1.5rem}.dashboard-stats-title{color:#23272f;font-size:1.2rem;font-weight:700;margin-bottom:16px;margin-top:0}.dashboard-stats-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.dashboard-stats-label{color:#555}.dashboard-stats-value{color:#23272f;float:right;font-weight:700}@media (max-width:768px){.dashboard-stats,.recent-activity,.upcoming-activity{padding:1rem}}.live-list-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;padding:1.5rem}.live-list-card-title{color:#23272f;font-size:1.2rem;font-weight:700;margin-bottom:16px;margin-top:0;scrollbar-color:#bbb #0000}.live-list-card-list{max-height:240px;overflow-y:auto}.live-list-card-item{border-bottom:1px solid #eee;display:flex;flex-direction:column;padding:12px 0}.live-list-card-item:last-child{border-bottom:none}.live-list-card-item-title{color:#23272f;font-weight:500}.live-list-card-subtitle{color:#555;margin-top:2px}.live-list-card-date{color:#888;font-size:.95em;margin-top:2px}.no-live-list-items{color:#666;font-style:italic;margin-top:20px;text-align:center}.live-list-card-list::-webkit-scrollbar{width:8px}.live-list-card-list::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.live-list-card-list::-webkit-scrollbar-track{background:#0000}@media (max-width:768px){.live-list-card{padding:1rem}}.grid-container{box-sizing:border-box;margin:2rem auto;min-height:calc(100vh - 200px);padding:20px;width:80%}.flex-data-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:6px 8px}.flex-data-row-label{padding-right:40px}.flex-data-row-value{font-weight:lighter}.bd-container{box-sizing:border-box;color:#252525;margin:0 auto;max-width:1100px;padding:20px;width:100%}.bd-navigation{display:flex}.bd-back{cursor:pointer}.bd-back:hover{text-decoration:underline}.bd-header{align-items:center;display:flex;justify-content:space-between}.bd-title h1{font-size:24px;margin:0}.bd-subheader{align-items:center;display:flex;gap:15px;justify-content:flex-start;margin-bottom:8px;margin-top:8px}.bd-content{align-items:flex-start;box-sizing:border-box;width:100%}.bd-content,.bd-main{display:flex;gap:20px}.bd-main{flex:0 0 auto;flex:1 1 auto;flex-direction:column;min-width:0;width:auto}.bd-keystats{align-items:stretch;display:flex;gap:20px}.bd-placeholder{align-items:center;align-self:stretch;background-color:#f0f0f0;border-radius:8px;box-shadow:0 6px 18px #02061714;display:flex;justify-content:center;overflow:hidden;padding:12px;width:220px}.bd-placeholder-svg{display:block;max-height:80%;max-width:80%;object-fit:contain}.bd-stats{background-color:initial;display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:100px}.bd-description{color:#252525}.bd-description h3{margin-top:0}.bd-info{display:flex;flex-direction:column;gap:10px}.bd-info h3{margin-bottom:0;margin-top:0}.bd-json{background:#0b1220;border-radius:8px;color:#e6eef6;margin:0;max-height:200px;overflow:auto;padding:12px}.bd-secondary{display:flex;flex:0 0 auto;flex:0 0 320px;flex-direction:column;gap:20px;max-width:36%;width:auto}.bd-ingredients{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.bd-ingredients h3{margin-bottom:0;margin-top:0}.bd-card{background:#fff;border-radius:10px;box-shadow:0 1px 6px #1018280a;box-sizing:border-box;padding:14px;width:100%}.bd-actions button{align-items:center;background:#ffffffe6;border:2px solid #6b8c58;border-radius:6px;box-shadow:0 1px 4px #00000014;color:#374151;cursor:pointer;display:inline-flex;justify-content:center;margin-left:12px;opacity:1;padding:6px;transform:translateY(-4px);width:60px;z-index:2}.bd-actions button,.bd-actions button:hover{transition:opacity .18s ease,transform .18s ease}.bd-actions button:hover{background:#e0e0e0}.bd-events{flex-direction:column}.bd-events,.bd-events-title{display:flex;justify-content:space-between}.bd-events button,.bd-events-title{align-items:center}.bd-events button{background:#ffffffe6;border:2px solid #6b8c58;border-radius:6px;box-shadow:0 1px 4px #00000014;color:#374151;cursor:pointer;display:inline-flex;justify-content:center;margin-left:12px;opacity:1;padding:6px;transform:translateY(-4px);z-index:2}.bd-events button,.bd-events button:hover{transition:opacity .18s ease,transform .18s ease}.bd-events button:hover{background:#e0e0e0}.bd-events h3{margin-top:0}.bd-events-list{gap:10px;list-style:none;margin:0;padding:0}.bd-event,.bd-events-list{display:flex;flex-direction:column}.bd-event{background:#f8fafc;border-radius:8px;box-shadow:0 1px 4px #02061708;gap:6px;padding:10px}.bd-event-left{align-items:center;display:flex;gap:12px;justify-content:space-between}.bd-event-name{color:#0f172a;font-weight:700}.bd-event-meta{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:10px}.bd-event-type{background:#eef2f6;border-radius:999px;color:#0f172a;font-size:.8rem;font-weight:600;padding:4px 8px}.bd-event-date{color:#6b7280}.bd-event-desc{color:#374151;font-size:.95rem;line-height:1.4;margin-left:2px}
/*# sourceMappingURL=main.9748aac7.css.map*/