body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}@media (width<=768px){.nav-title{font-size:15px!important}.nav-links{gap:4px!important}.nav-btn,.nav-btn-active{padding:5px 10px!important;font-size:12px!important}.logout-btn{display:none}.cal-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px!important}.cal-header-right{justify-content:space-between!important;width:100%!important}.cal-title{min-width:unset!important;font-size:15px!important}.day-cell{min-height:55px!important;padding:3px!important}.day-num{width:20px!important;height:20px!important;font-size:11px!important}.event-pill{padding:1px 3px!important;font-size:9px!important}.day-name{padding:6px 2px!important;font-size:10px!important}.modal{padding:16px!important}.form-row{flex-direction:column!important}.list-event{flex-direction:column!important;gap:8px!important}.family-actions{grid-template-columns:1fr!important}.main{padding:12px 8px!important}}@media (width<=480px){.day-cell{min-height:45px!important}.event-pill{font-size:8px!important}}.event-pill{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important;overflow:hidden!important}.day-cell{min-width:0!important;overflow:hidden!important}.days-grid,.day-names{grid-template-columns:repeat(7,minmax(0,1fr))!important}@media (width>=769px){.hamburger,.mobile-menu{display:none!important}.nav{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:4px!important;width:220px!important;height:100vh!important;padding:24px 12px 16px!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important}.nav-title{margin-bottom:28px!important;padding:0 6px!important;font-size:20px!important;display:block!important}.nav-links{flex-direction:column!important;flex:1!important;gap:2px!important;width:100%!important}.nav-btn,.nav-btn-active{width:100%!important;display:block!important}.nav-btn-active{border-radius:0 8px 8px 0!important;box-shadow:inset 3px 0 #1d9e75!important}.nav-bottom{border-top:1px solid #2a2a3e!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin-top:auto!important;padding-top:16px!important;display:flex!important}.nav-notif-btn{text-align:left!important;border-radius:8px!important;width:100%!important;padding:9px 14px!important;font-size:14px!important}.nav-notif-btn:hover{background:#ffffff0d!important}.nav-logout-btn{text-align:left!important;color:#9ab!important;border:none!important;border-radius:8px!important;width:100%!important;padding:9px 14px!important;font-size:13px!important}.nav-logout-btn:hover{color:#e74c3c!important;background:#ffffff0d!important}.app-main{max-width:none!important;margin-left:220px!important;margin-right:0!important}}@media (width<=768px){.nav-links{display:none!important}.hamburger{display:block!important}.nav-bottom{border-top:none!important;flex-direction:row!important;align-items:center!important;gap:4px!important;margin-left:auto!important;padding-top:0!important;display:flex!important}.nav-logout-btn{display:none!important}.nav-notif-btn{padding:5px 8px!important;font-size:20px!important}}.view-btn-short{display:none}.view-btn-long{display:inline}@media (width<=600px){.cal-header{flex-wrap:wrap;gap:8px!important}.cal-header-right{width:100%;justify-content:space-between!important}.view-btn{padding:6px 10px!important;font-size:12px!important}.view-btn-long{display:none}.view-btn-short{display:inline}}@media (width<=768px){.freezer-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}.shopping-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}@media (width<=768px){.shopping-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (width<=400px){.shopping-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}.pharma-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}@media (width<=768px){.pharma-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}