:root{--color-success:#10b981;--color-success-bg:rgba(16, 185, 129, 0.05);--color-success-light:rgba(16, 185, 129, 0.1);--color-warning:#f59e0b;--color-warning-bg:rgba(245, 158, 11, 0.05);--color-warning-light:rgba(245, 158, 11, 0.1);--color-error:#ef4444;--color-error-bg:rgba(239, 68, 68, 0.05);--color-error-light:rgba(239, 68, 68, 0.1)}.app-icon{font-size:3rem;display:block;margin-bottom:1rem;color:var(--primary)}.today-section{margin-bottom:2rem;padding:1.5rem;background:var(--background-secondary);border-radius:var(--border-radius)}.today-date{text-align:center;font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:500}.medications-list{display:flex;flex-direction:column;gap:1rem}.medication-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:1rem;align-items:center;padding:1rem;background:var(--background);border-radius:var(--border-radius);border-left:4px solid var(--border);transition:.3s}.medication-item.status-taken{border-left-color:var(--color-success);background:var(--color-success-bg)}.medication-item.status-skipped{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.medication-item.status-missed{border-left-color:var(--color-error);background:var(--color-error-bg)}.medication-item.status-pending{border-left-color:var(--primary)}.medication-time{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text);white-space:nowrap}.medication-time i{color:var(--primary)}.medication-info{min-width:0}.medication-info h4{margin:0 0 .25rem;font-size:1rem;color:var(--text)}.medication-info .dosage{margin:0;font-size:.875rem;color:var(--text-secondary)}.medication-info .instructions{margin:.5rem 0 0;font-size:.75rem;color:var(--text-secondary);font-style:italic}.medication-info .instructions i{margin-right:.25rem}.medication-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;white-space:nowrap}.status-taken .medication-status{color:var(--color-success);background:var(--color-success-light)}.status-skipped .medication-status{color:var(--color-warning);background:var(--color-warning-light)}.status-missed .medication-status{color:var(--color-error);background:var(--color-error-light)}.status-pending .medication-status{color:var(--primary);background:rgba(59,130,246,.1)}.medication-actions{display:flex;gap:.5rem}.add-section{text-align:center;margin-bottom:2rem}.all-medications-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.section-header h3{margin:0}.view-toggle{display:flex;gap:.25rem;background:var(--background-secondary);padding:.25rem;border-radius:var(--border-radius);border:1px solid var(--border)}.view-btn{background:0 0;border:none;padding:.5rem .75rem;border-radius:calc(var(--border-radius) - 2px);color:var(--text-secondary);cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.view-btn:hover{color:var(--text);background:var(--background)}.view-btn.active{background:var(--primary);color:#fff}.view-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.medications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.medications-list-view{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.medications-list-view .medication-card{padding:1rem 1.5rem}.medications-list-view .medication-card:hover{transform:none}.medications-list-view .medication-card-header{margin-bottom:.5rem}.medications-list-view .medication-card-body{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.medications-list-view .medication-card-body p{margin:0}.medication-card-content{width:100%}.medication-card{background:var(--background-secondary);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--border);transition:.3s}.medication-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.medication-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;gap:1rem}.medication-card-header h4{margin:0;color:var(--text);font-size:1.125rem;flex:1}.medication-card-body p{margin:.5rem 0;font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.medication-card-body p i{color:var(--primary);width:16px}.medication-card-body .dosage{font-weight:600;color:var(--text)}.medication-card-body .instructions{font-style:italic;font-size:.8125rem}.statistics-section{margin-bottom:2rem;padding:1.5rem;background:var(--background-secondary);border-radius:var(--border-radius)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.stat-card{background:var(--background);padding:1.5rem;border-radius:var(--border-radius);text-align:center;border:1px solid var(--border)}.stat-icon{font-size:2rem;color:var(--primary);margin-bottom:.5rem;display:block}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary)}.history-section{margin-bottom:2rem;padding:1.5rem;background:var(--background-secondary);border-radius:var(--border-radius)}.history-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;max-height:400px;overflow-y:auto}.history-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;background:var(--background);border-radius:var(--border-radius);border-left:3px solid var(--border)}.history-item.status-taken{border-left-color:var(--color-success)}.history-item.status-skipped{border-left-color:var(--color-warning)}.history-item.status-missed{border-left-color:var(--color-error)}.history-icon{font-size:1.5rem}.history-item.status-taken .history-icon{color:var(--color-success)}.history-item.status-skipped .history-icon{color:var(--color-warning)}.history-item.status-missed .history-icon{color:var(--color-error)}.history-info h4{margin:0 0 .25rem;font-size:.875rem;color:var(--text)}.history-info p{margin:0;font-size:.8125rem;color:var(--text-secondary)}.history-meta{text-align:right;font-size:.75rem;color:var(--text-secondary)}.history-date{font-weight:600;color:var(--text)}.history-time{margin:.25rem 0}.history-status{text-transform:capitalize}.actions-section{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.medication-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content{background:var(--background);border-radius:var(--border-radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;color:var(--text)}.modal-close{background:0 0;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:var(--text)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text);font-size:.875rem}.form-group label.required::after{content:' *';color:var(--color-error)}.form-control{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--border-radius);font-size:1rem;background:var(--background);color:var(--text);transition:border-color .2s}.form-control:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-control::placeholder{color:var(--text-secondary);opacity:.6}textarea.form-control{resize:vertical;min-height:80px}#times-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.time-input-group{display:flex;gap:.5rem}.time-input-group .form-control{flex:1}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border);margin-top:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.3;display:block}.empty-state p{font-size:1rem;margin-bottom:1rem}.notification{animation:.3s ease-out slideIn}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.medication-item{grid-template-columns:1fr;gap:.75rem}.medication-time{padding-bottom:.5rem;border-bottom:1px solid var(--border)}.medication-status{justify-content:flex-start}.medication-actions{width:100%}.medication-actions button{flex:1}.medications-grid,.stats-grid{grid-template-columns:1fr}.history-item{grid-template-columns:auto 1fr;gap:.75rem}.history-meta{grid-column:1/-1;text-align:left;padding-top:.5rem;border-top:1px solid var(--border);margin-top:.5rem;display:flex;gap:1rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.edit-btn:focus,.form-control:focus,.medication-actions button:focus,.modal-close:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-color-scheme:dark){.medication-card,.medication-item{box-shadow:0 1px 3px rgba(0,0,0,.3)}}@media print{.actions-section,.add-section,.medication-actions,.medication-modal{display:none!important}.medication-card,.medication-item{break-inside:avoid}}.info-section{margin-top:3rem;padding:2rem;background:var(--background-secondary);border-radius:var(--border-radius)}.info-section h2{margin-bottom:1.5rem;font-size:1.5rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.info-section h2 i{color:var(--primary)}.info-content h3{margin:1.5rem 0 .75rem;font-size:1.125rem;color:var(--text)}.info-content h3:first-child{margin-top:0}.info-content p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.7}.info-content ul{margin:0 0 1rem;padding-left:1.5rem;color:var(--text-secondary);line-height:1.7}.info-content li{margin-bottom:.5rem}.info-content li strong{color:var(--text)}