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;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a2a35}::-webkit-scrollbar-thumb{background:#00d4ff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00b8d4}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 20px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:600px;padding:20px}.logo-section{flex:1 1}.app-title{color:#00d4ff;font-size:28px;font-weight:700;margin-bottom:5px}.app-subtitle{color:#666;font-size:14px;font-weight:400}.btn-export{background:linear-gradient(135deg,#00d4ff,#00b8d4);border:none;border-radius:20px;box-shadow:0 4px 15px #00d4ff66;color:#0f2027;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.btn-export:hover{box-shadow:0 6px 20px #00d4ff99;transform:translateY(-2px)}.btn-export:active{transform:translateY(0)}@media (max-width:768px){.header-content{padding:15px 20px}.app-title{font-size:24px}.app-subtitle,.btn-export{font-size:13px}.btn-export{padding:8px 16px}}@media (max-width:480px){.header-content{padding:12px 15px}.app-title{font-size:20px}.app-subtitle,.btn-export{font-size:12px}.btn-export{padding:8px 12px}}.dose-logger{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:24px}.dose-logger-header{margin-bottom:20px}.dose-logger-header h2{color:#333;font-size:22px;margin-bottom:10px}.medication-info{align-items:center;display:flex;gap:10px}.med-name{background:linear-gradient(135deg,#00d4ff,#00b8d4);color:#0f2027;font-weight:600}.med-dosage,.med-name{border-radius:15px;font-size:14px;padding:6px 12px}.med-dosage{background:#f0f0f0;color:#666;font-weight:500}.already-taken{padding:30px 20px;text-align:center}.check-icon{align-items:center;animation:checkPop .5s ease-out;background:linear-gradient(135deg,#00d4ff,#00b8d4);border-radius:50%;color:#0f2027;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 15px;width:80px}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.already-taken p{color:#333;font-size:18px;font-weight:600;margin-bottom:5px}.already-taken small{color:#666;display:block;font-size:14px;margin-bottom:15px}.btn-cancel-dose{background:linear-gradient(135deg,#ff4757,#ff3838);border:none;border-radius:12px;box-shadow:0 4px 15px #ff47574d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-cancel-dose:hover{box-shadow:0 6px 20px #ff475780;transform:translateY(-2px)}.btn-cancel-dose:active{transform:translateY(0)}.dose-logger-form{display:flex;flex-direction:column;gap:16px}.btn-log-dose{align-items:center;background:linear-gradient(135deg,#00d4ff,#00b8d4);border:none;border-radius:16px;box-shadow:0 4px 20px #00d4ff80;color:#0f2027;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;padding:20px;transition:transform .2s,box-shadow .2s}.btn-log-dose:hover{box-shadow:0 6px 30px #00d4ffb3;transform:translateY(-2px)}.btn-log-dose:active{transform:translateY(0)}.btn-icon{font-size:20px}.success-message{align-items:center;animation:slideIn .3s ease-out;background:#4caf50;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:18px}.date-navigator{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px}.date-navigator .nav-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#00b8d4);border:none;border-radius:50%;color:#0f2027;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;transition:transform .2s,opacity .2s;width:40px}.date-navigator .nav-btn:hover:not(:disabled){transform:scale(1.1)}.date-navigator .nav-btn:disabled{cursor:not-allowed;opacity:.3}.current-date{flex:1 1;text-align:center}.date-label{color:#333;display:block;font-size:16px;font-weight:600;text-transform:capitalize}.btn-today{background:none;border:none;color:#00b8d4;cursor:pointer;font-size:12px;margin-top:4px;text-decoration:underline}.btn-today:hover{color:#0097a7}@media (max-width:480px){.dose-logger{border-radius:16px;padding:20px}.dose-logger-header h2{font-size:20px}.check-icon{font-size:35px;height:70px;width:70px}.already-taken p{font-size:16px}.btn-log-dose{font-size:15px;padding:14px}}.statistics{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:24px}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.stats-header h2{color:#333;font-size:22px}.period-selector{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#00d4ff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:border-color .3s}.period-selector:focus{border-color:#00d4ff;outline:none}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-card{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;display:flex;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.stat-card.compliance{background:linear-gradient(135deg,#00d4ff,#00b8d4);grid-column:1/-1}.stat-card.compliance .stat-icon,.stat-card.compliance .stat-label,.stat-card.compliance .stat-value{color:#0f2027}.stat-card.taken{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.stat-card.missed{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-card.streak{background:linear-gradient(135deg,#ffd89b,#19547b)}.stat-card.longest-streak{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.stat-card.total{background:linear-gradient(135deg,#a8edea,#fed6e3)}.stat-icon{flex-shrink:0;font-size:32px}.stat-content{flex:1 1}.stat-value{color:#333;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#666;font-size:13px;font-weight:500}.compliance-bar{background:#f5f5f5;border-radius:16px;padding:16px}.compliance-label{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}.progress-bar{background:#e0e0e0;border-radius:10px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#00d4ff,#00b8d4);border-radius:10px;height:100%;transition:width .5s ease}.compliance-details{color:#666;font-size:12px;text-align:center}@media (max-width:480px){.statistics{border-radius:16px;padding:20px}.stats-header h2{font-size:20px}.period-selector{font-size:13px;padding:6px 10px}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-icon{font-size:28px}.stat-value{font-size:24px}.stat-label{font-size:12px}}.calendar{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:24px}.calendar-header{margin-bottom:20px}.calendar-header h2{color:#333;font-size:22px;margin-bottom:15px}.month-navigation{background:#f5f5f5;border-radius:12px;justify-content:space-between;padding:12px}.month-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background:#fff;border:none;border-radius:50%;color:#00d4ff;cursor:pointer;font-size:24px;font-weight:700;height:36px;justify-content:center;transition:background .2s,transform .2s;width:36px}.nav-btn:hover{background:#00d4ff;color:#0f2027;transform:scale(1.1)}.current-month{color:#333;font-size:16px;font-weight:700}.calendar-grid{margin-top:16px}.day-names{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.day-name{color:#666;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.days-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.day-cell{align-items:center;aspect-ratio:1;background:#f5f5f5;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .2s}.day-cell.empty{background:#0000;cursor:default}.day-cell:not(.empty):hover{background:#e0e0e0;transform:scale(1.05)}.day-cell.today{background:linear-gradient(135deg,#00d4ff,#00b8d4);color:#0f2027;font-weight:700}.day-cell.has-dose{background:#4caf50;color:#fff;font-weight:600}.day-cell.today.has-dose{background:linear-gradient(135deg,#4caf50,#45a049)}.day-number{font-size:14px}.dose-indicator{bottom:4px;font-size:10px;position:absolute}.dose-modal{align-items:center;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dose-modal-content{animation:slideUp .3s;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;font-size:20px}.close-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background .2s;width:32px}.close-btn:hover{background:#e0e0e0}.modal-body{padding:20px}.detail-row{display:flex;flex-direction:column;margin-bottom:16px}.detail-row .label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-row .value{color:#333;font-size:16px;font-weight:500}.modal-footer{border-top:1px solid #e0e0e0;padding:20px}.btn-delete{background:#f44336;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:background .2s;width:100%}.btn-delete:hover{background:#d32f2f}@media (max-width:480px){.calendar{border-radius:16px;padding:20px}.calendar-header h2{font-size:20px}.current-month{font-size:14px}.nav-btn{font-size:20px;height:32px;width:32px}.day-name{font-size:11px}.day-number{font-size:13px}.dose-modal{padding:15px}.modal-header h3{font-size:18px}}.notifications{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:24px}.notifications h2{color:#333;font-size:22px;margin-bottom:20px}.notification-settings{display:flex;flex-direction:column;gap:20px}.setting-row{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.setting-info{flex:1 1}.setting-label{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.setting-description{color:#666;font-size:13px}.switch{display:inline-block;flex-shrink:0;height:32px;position:relative;width:56px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:32px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:24px;left:4px;width:24px}input:checked+.slider{background:linear-gradient(135deg,#00d4ff,#00b8d4)}input:checked+.slider:before{transform:translateX(24px)}.time-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#00d4ff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 14px;transition:border-color .3s}.time-input:focus{border-color:#00d4ff;outline:none}.btn-test{background:linear-gradient(135deg,#00d4ff,#00b8d4);border:none;border-radius:12px;box-shadow:0 4px 15px #00d4ff66;color:#0f2027;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.btn-test:hover{box-shadow:0 6px 20px #00d4ff99;transform:translateY(-2px)}.btn-test:active{transform:translateY(0)}.notification-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;color:#856404;font-size:13px;font-weight:500;padding:12px;text-align:center}@media (max-width:480px){.notifications{border-radius:16px;padding:20px}.notifications h2{font-size:20px}.setting-row{align-items:flex-start;flex-direction:column;gap:12px}.switch{align-self:flex-end}.time-input{width:100%}.setting-label{font-size:15px}.setting-description{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.main-content{min-height:calc(100vh - 180px);padding:20px 20px 80px}.container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:600px}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;color:#fff;margin-top:auto;padding:20px;text-align:center}.app-footer p{font-weight:500;margin-bottom:5px}.app-footer small{font-size:12px;opacity:.8}@media (max-width:768px){.main-content{padding:15px}.container{gap:15px}}@media (max-width:480px){.main-content{padding:10px}.container{gap:12px}}
/*# sourceMappingURL=main.9441bf67.css.map*/