@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-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}.simple-header{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.header-content,.left-section{align-items:center;display:flex}.left-section{gap:48px}.hamburger{align-items:center;background:none;border:none;border-radius:8px;color:#1f2937;cursor:pointer;display:none;font-size:24px;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:background-color .2s}.hamburger:hover{background-color:#f3f4f6}.logo{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.logo-icon{font-size:28px}.logo-text{font-size:18px;font-weight:600;letter-spacing:-.5px}.desktop-nav{display:flex;gap:8px}.nav-link{border-radius:8px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:#f9fafb;color:#1f2937}.nav-link.active{background-color:#ecfdf5;color:#059669;font-weight:600}.profile-section{position:relative}.profile-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;min-width:120px;padding:8px 14px 8px 10px;transition:all .2s}.profile-button:hover{background-color:#f9fafb;border-color:#d1d5db}.profile-initial-small{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:28px;justify-content:center;width:28px}.profile-button-text{flex:1 1;text-align:left}.dropdown-arrow{color:#6b7280;font-size:11px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown{animation:slideDown .2s ease;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:260px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 16px 8px;text-transform:uppercase}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:4px 0}.dropdown-item{align-items:center;background:none;border:none;color:#1f2937;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:10px 16px;text-align:left;transition:background-color .15s;width:100%}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item.active{background-color:#ecfdf5}.dropdown-item.active .profile-name{font-weight:600}.profile-initial{align-items:center;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:36px;justify-content:center;width:36px}.profile-name{flex:1 1;font-weight:500}.profile-label{color:#9ca3af;font-weight:400}.logout-icon{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.dropdown-item.logout:hover{background-color:#fef2f2;color:#dc2626}.mobile-menu{animation:slideDown .2s ease;background-color:#fff;border-top:1px solid #e5e7eb;display:none}.mobile-nav-link{border-bottom:1px solid #f3f4f6;color:#6b7280;display:block;font-size:15px;font-weight:500;padding:16px 24px;text-decoration:none;transition:background-color .2s}.mobile-nav-link:hover{background-color:#f9fafb}.mobile-nav-link.active{background-color:#ecfdf5;color:#059669;font-weight:600}@media (max-width:768px){.header-content{height:56px;padding:0 16px}.hamburger{display:flex}.desktop-nav{display:none}.mobile-menu{display:block}.left-section{gap:16px}.logo-text{font-size:18px}.profile-button{min-width:auto;padding:6px 10px 6px 8px}.profile-button-text{font-size:14px}.profile-initial-small{font-size:12px;height:26px;width:26px}}@media (max-width:400px){.profile-button-text{max-width:80px;overflow:hidden;text-overflow:ellipsis}}.day-navigation{margin-bottom:12px;text-align:center}.today-label{color:#059669;font-size:26px;font-weight:600;margin-bottom:0}.date-with-arrows{gap:20px}.date-with-arrows,.nav-arrow{align-items:center;display:flex;justify-content:center;min-height:44px}.nav-arrow{background:#0000;border:none;color:#1f2937;cursor:pointer;font-size:30px;min-width:44px;padding:0 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nav-arrow:hover:not(.disabled){color:#059669;transform:scale(1.2)}.nav-arrow:active:not(.disabled){transform:scale(.95)}.nav-arrow.disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.date-text{color:#1f2937;font-size:18px;font-weight:500;min-width:120px}@media (max-width:640px){.today-label{font-size:24px}.date-with-arrows{gap:16px}.nav-arrow{font-size:24px;padding:0 8px}.date-text{font-size:18px;min-width:100px}}.medication-component{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0;color:#1f2937;display:flex;font-size:16px;gap:20px;justify-content:space-between;margin-bottom:16px;padding:20px}.medication-image{flex-shrink:0;order:1}.med-image{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;height:80px;object-fit:contain;width:80px}.medication-info{align-self:flex-start;flex:1 1;line-height:1.3;order:2;text-align:left}.medication-name{font-size:18px;font-weight:700;margin:0 0 6px;text-transform:capitalize}.dosage-info{margin:0}.instructions{color:#3c3c3c;font-size:15px;margin:6px 6px 0 0}.instructions-icon{display:inline-block;font-size:16px;margin-right:2px;opacity:1}.action-buttons{align-self:center;flex-shrink:0;gap:12px;min-height:80px;order:3}.action-buttons,.icon-button{align-items:center;display:flex;justify-content:center}.icon-button{background:#fff;border-radius:50%;cursor:pointer;font-size:24px;font-weight:700;height:44px;transition:all .2s ease;width:44px}.icon-button:hover{transform:scale(1.05)}.icon-button.taken-option{border:2px solid #059669;color:#059669}.icon-button.skipped-option{border:2px solid #d1d5db;color:#d1d5db}.icon-button.taken{background:#059669;border:2px solid #059669;color:#fff}.icon-button.skipped{background:#eca5a5;border:2px solid #eca5a5;color:#fff}.icon-button.missed{background-color:#ef4444;border:2px solid #ef4444;color:#fff;font-size:20px}.icon-button.missed:hover{background-color:#dc2626;border-color:#dc2626;transform:scale(1.05)}.as-needed-actions{align-items:center;display:flex;flex-direction:column;gap:8px}.taken-count-label{color:#059669;font-size:14px;font-weight:500;text-align:center}@media (max-width:480px){.medication-component{flex-wrap:wrap;padding:16px}.medication-info{flex:1 1;margin-bottom:8px;margin-right:20px}.medication-name{font-size:16px}.dosage-info,.instructions{font-size:15px}.med-image{height:70px;width:70px}.action-buttons{flex-basis:100%;margin-top:0;min-height:auto}.icon-button{font-size:22px;height:44px;width:44px}}.modal-backdrop{align-items:center;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:320px;padding:24px;width:90%}.modal-medication-name{color:#111827;font-size:16px;font-weight:600;margin-bottom:20px;text-align:center}.modal-buttons-row{display:flex;gap:12px;justify-content:center}.modal-button-simple{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.modal-button-simple.missed,.modal-button-simple.skip{background-color:#545350;color:#fff}@media (max-width:640px){.modal-content{max-width:90%;padding:20px}.modal-medication-name{font-size:15px;margin-bottom:18px}.modal-button-simple{font-size:16px;min-height:44px;padding:14px 20px}}.progress-section{margin-bottom:32px}.progress-indicator{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:16px 20px;text-align:center}.progress-text{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.progress-bar-container{background-color:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.celebration-text{animation:celebration-bounce .6s ease-in-out;color:#059669;font-weight:500}@keyframes celebration-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.timeslot-container{margin:0 auto;max-width:800px;padding:0 16px}.time-slot{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:48px;padding:20px}.time-slot-header{align-items:center;background:#e0f2fe;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 20px}.time-slot-title{color:#1f2937;font-size:20px;font-weight:700;letter-spacing:-.025em;margin:0}.medication-count{font-size:14px;font-weight:600}.medications-list{margin-left:0;position:relative}.medications-list .medication-component{margin-bottom:12px;position:relative}.medications-list .medication-component:last-child{margin-bottom:0}.as-needed-section{border-top:2px solid #e5e7eb;margin-bottom:32px;margin-top:48px;padding-top:32px}.as-needed-section .time-slot-header{background:#0000}@media (max-width:640px){.progress-section{margin-bottom:28px}.timeslot-container{padding:0 12px}.time-slot{margin-bottom:40px;padding:16px}.time-slot-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:14px;padding:12px 16px}.time-slot-title{font-size:18px}.medication-count{align-self:flex-end}.medications-list{margin-left:0}.as-needed-section{margin-top:36px;padding-top:24px}}.daily-notes-section{border-top:2px solid #e5e7eb;margin:48px auto 32px;max-width:800px;padding-top:32px}.notes-header{align-items:flex-start;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;margin-bottom:16px;padding:12px 20px}.notes-title{color:#1f2937;font-size:20px;font-weight:700;letter-spacing:-.025em;margin:0 0 4px}.notes-subtitle{color:#6b7280;display:block;font-size:14px;font-weight:400}.notes-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.notes-textarea{border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:16px;line-height:1.5;min-height:120px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.notes-textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.notes-textarea::placeholder{color:#9ca3af;font-size:15px}.notes-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px;padding:0 4px}.character-count{color:#6b7280;font-size:13px;transition:color .2s}.character-count.warning{color:#f59e0b}.character-count.error{color:#ef4444}.save-status{color:#059669;font-size:13px;font-style:italic}@media (max-width:640px){.daily-notes-section{margin-top:36px;padding-left:12px;padding-right:12px;padding-top:24px}.notes-header{padding:12px 16px}.notes-title{font-size:18px}.notes-subtitle{font-size:13px}.notes-content{padding:16px}.notes-textarea{font-size:15px;min-height:100px;padding:10px}.notes-footer{align-items:flex-start;flex-direction:column;gap:8px}.character-count,.save-status{font-size:13px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.dbb623f5.css.map*/