@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0b0f19;--bg-card: #151c2c;--bg-card-hover: #1e293b;--bg-input: #1e2738;--border-color: rgba(255, 255, 255, .08);--border-focus: #3b82f6;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-green: #22c55e;--accent-green-bg: rgba(34, 197, 94, .15);--accent-amber: #f59e0b;--accent-amber-bg: rgba(245, 158, 11, .18);--accent-red: #ef4444;--accent-red-bg: rgba(239, 68, 68, .2);--accent-blue: #3b82f6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-main: 0 10px 30px -5px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#151c2ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;letter-spacing:-.5px;color:#fff}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px #10b9814d}.nav-actions{display:flex;align-items:center;gap:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 14px #22c55e4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #22c55e66}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ef444466}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#fff3}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;padding:1.5rem 2rem;max-width:1500px;margin:0 auto;width:100%}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-main);overflow:hidden}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.month-heatmap-card{display:flex;flex-direction:column;gap:1.25rem}.month-heatmap-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.month-heatmap-title{font-size:1.15rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:.6rem}.month-nav-controls{display:flex;align-items:center;gap:.4rem;max-width:100%}.month-nav-btn{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color);padding:.4rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.month-nav-btn:hover{background:var(--bg-card-hover);border-color:#fff3}.month-picker-input{background:var(--bg-input);color:#fff;border:1px solid var(--border-color);padding:.35rem .5rem;border-radius:8px;font-size:.85rem;font-weight:600;color-scheme:dark;min-width:0;max-width:135px;text-align:center}.month-calendar-wrapper{width:100%;background:#0f172a99;border:1px solid var(--border-color);border-radius:12px;padding:.85rem;box-sizing:border-box}.calendar-weekdays-header{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:.8rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;margin-bottom:.75rem}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%}.calendar-day-cell{width:100%;min-width:0;aspect-ratio:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;padding:5px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-sizing:border-box}.calendar-day-cell.empty{background:transparent;border:none;cursor:default;pointer-events:none}.calendar-day-cell.future{opacity:.35;cursor:not-allowed}.calendar-day-cell:not(.empty):not(.future):hover{transform:translateY(-2px);border-color:#3b82f6;box-shadow:0 4px 14px #3b82f640}.calendar-day-cell.selected{outline:2.5px solid #3b82f6;outline-offset:1px}.calendar-day-cell.status-safe{background:linear-gradient(135deg,#22c55e40,#16a34a26);border-color:#22c55e80}.calendar-day-cell.status-mild{background:linear-gradient(135deg,#f59e0b4d,#d9770633);border-color:#f59e0b99}.calendar-day-cell.status-severe{background:linear-gradient(135deg,#ef444459,#dc262640);border-color:#ef4444b3}.day-cell-header{display:flex;align-items:center;justify-content:space-between;width:100%;line-height:1}.day-number{font-size:.85rem;font-weight:700;color:var(--text-main)}.pill-badge{font-size:.85rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.calendar-day-cell:not(.empty):not(.future):hover .pill-badge{transform:scale(1.3)}.calendar-day-cell.has-antihistamine{box-shadow:inset 0 0 0 1px #60a5fa73}.legend-pill-icon{font-size:.95rem;line-height:1;display:inline-flex;align-items:center}.day-cell-indicators{display:flex;flex-direction:column;gap:2px}.indicator{font-size:.68rem;font-weight:600;padding:1px 4px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.indicator.reaction{background:#ef44444d;color:#fecaca}.indicator.safe{background:#22c55e40;color:#bbf7d0}.month-heatmap-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}.heatmap-legend{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.35rem}.color-box{width:14px;height:14px;border-radius:4px;border:1px solid var(--border-color)}.color-box.empty{background:var(--bg-input)}.color-box.safe{background:#22c55e99}.color-box.mild{background:#f59e0bb3}.color-box.severe{background:#ef4444cc}.tag-action-btn{background:#ffffff26;border:none;color:#fff;border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s}.tag-action-btn:hover{background:#ffffff4d}.tag-action-btn.promote{background:#22c55e4d;color:#86efac}.tag-action-btn.promote:hover{background:#22c55e80}.tag-action-btn.remove{background:#ef44444d;color:#fca5a5}.tag-action-btn.remove:hover{background:#ef444480}.timeline-list{display:flex;flex-direction:column;gap:1rem;max-height:480px;overflow-y:auto;padding-right:.5rem}.timeline-item{display:flex;gap:.75rem;position:relative;padding-left:1.25rem}.timeline-item:before{content:"";position:absolute;left:4px;top:10px;bottom:-20px;width:2px;background-color:var(--border-color)}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:50%;background:var(--accent-blue)}.timeline-item.reaction .timeline-dot{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}.timeline-content{background:#1e273899;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;width:100%}.timeline-header{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.timeline-body{font-size:.95rem;font-weight:500}.action-links{display:flex;align-items:center;gap:.75rem;margin-top:8px}.action-link-btn{background:transparent;border:none;font-size:.78rem;cursor:pointer;transition:opacity .2s}.action-link-btn.edit{color:#60a5fa}.action-link-btn.resolve-btn{color:#86efac;font-weight:600}.action-link-btn.delete{color:#ef4444}.action-link-btn:hover{text-decoration:underline;opacity:.9}.flagged-strip{grid-column:1 / -1;display:flex;flex-direction:column;gap:1rem}.tags-wrapper{display:flex;flex-wrap:wrap;gap:.75rem}.tag-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.88rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.tag-pill.high-risk{background:var(--accent-red-bg);border-color:#ef444466;color:#fca5a5}.tag-pill.med-risk{background:var(--accent-amber-bg);border-color:#f59e0b66;color:#fde047}.tag-pill:hover{transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:#151c2d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);width:100%;max-width:500px;padding:1.75rem;box-shadow:0 20px 50px #000c;display:flex;flex-direction:column;gap:1.25rem;animation:modalFadeIn .25s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:700}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem 1rem;color:#fff;font-size:.95rem;width:100%}.form-control:focus{outline:none;border-color:var(--border-focus)}.type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:var(--bg-input);padding:4px;border-radius:var(--radius-sm)}.toggle-option{padding:.6rem;text-align:center;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-muted)}.toggle-option.active{background:var(--bg-card);color:#fff;font-weight:600;box-shadow:0 2px 8px #0006}.severity-picker{display:flex;gap:.5rem}.sev-btn{flex:1;padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-main);font-weight:700;cursor:pointer;text-align:center}.sev-btn.active-1{background:#166534;border-color:#22c55e}.sev-btn.active-2{background:#854d0e;border-color:#eab308}.sev-btn.active-3{background:#9a3412;border-color:#f97316}.sev-btn.active-4{background:#991b1b;border-color:#ef4444}.sev-btn.active-5{background:#7f1d1d;border-color:#dc2626}.symptoms-grid{display:flex;flex-wrap:wrap;gap:.5rem}.symptom-chip{padding:.4rem .8rem;border-radius:20px;font-size:.82rem;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer}.symptom-chip.selected{background:var(--accent-amber-bg);border-color:var(--accent-amber);color:#fef08a}.day-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);background:transparent;border:none;font-size:.95rem;cursor:pointer}.back-btn:hover{color:#fff}.insight-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);padding:1.5rem}@media (max-width: 900px){.navbar{padding:.75rem 1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.nav-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.nav-actions .btn{flex:1;justify-content:center;padding:.6rem .75rem;font-size:.82rem}.dashboard-grid{grid-template-columns:1fr!important;padding:.75rem;gap:1rem}.card{padding:1rem}.month-heatmap-header{flex-direction:column;align-items:flex-start;gap:.75rem}.month-nav-controls{width:100%;justify-content:space-between}.calendar-days-grid{gap:4px}.calendar-day-cell{padding:3px;border-radius:6px}.day-number{font-size:.75rem}.indicator{font-size:.6rem;padding:0 2px}.heatmap-legend{flex-wrap:wrap;gap:.6rem}.day-detail-header{flex-direction:column;align-items:flex-start;gap:.75rem}.modal-card{width:95vw;max-width:100%;padding:1.25rem;max-height:90vh;overflow-y:auto}.symptoms-grid{gap:.4rem}.symptom-chip{font-size:.78rem;padding:.35rem .65rem}}@media (max-width: 480px){.calendar-weekdays-header{font-size:.7rem}.calendar-day-cell{padding:2px}.indicator{display:none}.calendar-day-cell.status-safe:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#22c55e;margin:2px auto 0}.calendar-day-cell.status-mild:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#f59e0b;margin:2px auto 0}.calendar-day-cell.status-severe:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#ef4444;margin:2px auto 0}}.spinner{width:42px;height:42px;border:3.5px solid rgba(255,255,255,.08);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}