.medical-container{max-width:800px;margin:0 auto;padding:2rem}.header{margin-bottom:2rem}h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-main, #1a1a1a)}.subtitle{font-size:1.125rem;color:var(--text-muted, #666)}.section{background:var(--bg-subtle, #f9fafb);padding:1.5rem;border-radius:12px;margin-bottom:2rem}.section h2{font-size:1.25rem;margin-bottom:1rem;color:var(--text-main, #1a1a1a)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin-bottom:0}.medications-grid{display:flex;flex-wrap:wrap;gap:.75rem}.med-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px;padding:1rem;background:var(--bg-card, #fff);border:2px solid var(--border, #e5e7eb);border-radius:12px;cursor:pointer;transition:all .2s ease}.med-button:hover{border-color:var(--accent, #6366f1);box-shadow:0 2px 8px #6366f126}.med-button.logging{opacity:.7}.med-button.just-logged{background:#d1fae5;border-color:#10b981}.med-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;font-size:14px;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:all .2s}.med-button:hover .med-delete{opacity:1}.med-delete:hover{background:#fee2e2;color:#ef4444}.med-name{font-weight:600;font-size:.9rem;color:var(--text-main, #1a1a1a);text-align:center}.med-dosage{font-size:.75rem;color:var(--text-muted, #666);margin-top:.25rem}.empty-hint{text-align:center;padding:1.5rem;color:var(--text-muted, #666);font-size:.9rem}.form-section{margin-bottom:1rem;padding:1rem;background:var(--bg-card, #fff);border-radius:8px;border:1px solid var(--border, #e5e7eb)}.form-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:120px}.form-group label{font-weight:500;color:var(--text-muted, #374151);font-size:.875rem}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{padding:.75rem;border:2px solid var(--border, #e5e7eb);border-radius:8px;font-size:1rem;font-family:inherit;background:var(--bg-card, #fff);color:var(--text-main, #1a1a1a)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent, #6366f1)}.vital-inputs{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.vital-input-group{flex:1;min-width:140px}.input-with-unit{display:flex;align-items:center;gap:.5rem}.input-with-unit input{flex:1}.unit{font-size:.875rem;color:var(--text-muted, #666);min-width:50px}.btn-primary{padding:.75rem 1.5rem;background:var(--accent, #6366f1);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-primary:hover:not(:disabled){background:var(--accent-hover, #4f46e5)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:var(--bg-card, #fff);color:var(--text-main, #374151);border:2px solid var(--border, #e5e7eb);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--accent, #6366f1);color:var(--accent, #6366f1)}.message{padding:1rem;border-radius:8px;margin-bottom:2rem;opacity:0;transition:opacity .3s ease}.message.visible{opacity:1}.message.success{background:#d1fae5;color:#065f46}.message.error{background:#fee2e2;color:#991b1b}.history-section h2{margin-bottom:1.5rem}.loading{text-align:center;padding:2rem;color:var(--text-muted, #666)}.hidden{display:none!important}.date-group{margin-bottom:2rem}.date-header{font-size:1.1rem;font-weight:600;color:var(--text-main, #1a1a1a);margin-bottom:1rem}.entries-grid{display:flex;flex-wrap:wrap;gap:.75rem}.entry-card{position:relative;background:var(--bg-card, #fff);border:2px solid var(--border, #e5e7eb);border-radius:12px;padding:1rem;min-width:120px;max-width:160px;transition:all .2s ease}.entry-card:hover{box-shadow:0 2px 8px #0000001a}.entry-card.medication{border-left:4px solid #6366f1}.entry-card.vital{border-left:4px solid #10b981}.entry-icon{font-weight:700;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;display:inline-block;margin-bottom:.5rem}.entry-icon.medication{background:#eef2ff;color:#6366f1}.entry-icon.vital{background:#d1fae5;color:#059669}.entry-value{font-weight:600;font-size:.9rem;color:var(--text-main, #1a1a1a);margin-bottom:.25rem;word-break:break-word}.entry-subtitle{font-size:.75rem;color:var(--text-muted, #666);margin-bottom:.25rem}.entry-time{font-size:.75rem;color:var(--text-subtle, #9ca3af)}.entry-notes{font-size:.75rem;color:var(--text-muted, #666);margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.delete-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#ef4444;font-size:1.25rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:0}.entry-card:hover .delete-btn{opacity:1}.delete-btn:hover{background:#fee2e2}.empty-state{text-align:center;padding:3rem 2rem;background:var(--bg-card, #fff);border-radius:12px;border:2px dashed var(--border, #e5e7eb)}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-main, #1a1a1a)}.empty-state p{color:var(--text-muted, #666)}.auth-required{max-width:600px;margin:4rem auto;text-align:center;padding:3rem;background:var(--bg-subtle, #f9fafb);border-radius:12px}.error{text-align:center;padding:1rem;color:#991b1b}@media(max-width:768px){.medical-container{padding:1rem}h1{font-size:2rem}.section{padding:1rem}.form-row{flex-direction:column}.form-group{width:100%}.vital-inputs{flex-direction:column}.entries-grid{gap:.5rem}.entry-card{min-width:calc(50% - .25rem);max-width:calc(50% - .25rem)}.delete-btn,.med-delete{opacity:1}}@media(max-width:400px){.entry-card{min-width:100%;max-width:100%}.med-button{min-width:calc(50% - .375rem)}}