@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-gradient:linear-gradient(135deg, #f5f3ff 0%, #fff7ed 50%, #ecfdf5 100%);--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-light:#f5f3ff;--primary-pastel:#e9d5ff;--accent:#f97316;--accent-hover:#ea580c;--accent-light:#fff7ed;--accent-pastel:#ffedd5;--success:#10b981;--success-hover:#059669;--success-light:#ecfdf5;--success-pastel:#d1fae5;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fef2f2;--danger-pastel:#fee2e2;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0cc;--glass-bg:#ffffffb3;--glass-border:#fff9;--glass-shadow:0 10px 30px -10px #8b5cf626;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275)}[data-theme=dark]{--bg-gradient:linear-gradient(135deg, #090514 0%, #1c0f04 50%, #030f0a 100%);--primary-light:#1e1b4b;--primary-pastel:#312e81;--accent-light:#2d1810;--accent-pastel:#451a03;--success-light:#062f22;--success-pastel:#064e3b;--danger-light:#3b0712;--danger-pastel:#4c0519;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#33415580;--glass-bg:#0f172abf;--glass-border:#ffffff0d;--glass-shadow:0 10px 30px -10px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-gradient);color:var(--text-main);-webkit-tap-highlight-color:transparent;background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background .5s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700}.app-container{max-width:1200px;margin:0 auto;padding:16px 12px}@media (width>=600px){.app-container{padding:24px 16px}}header.app-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);animation:slideInDown .6s var(--transition-bounce);justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}@media (width>=600px){header.app-header{border-radius:var(--radius-lg);margin-bottom:32px;padding:16px 28px}}@media (width<=650px){header.app-header{flex-direction:column;align-items:stretch;gap:16px}}.brand-section{align-items:center;gap:12px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;box-shadow:0 4px 12px #8b5cf64d}@media (width>=600px){.brand-logo{border-radius:14px;width:44px;height:44px;font-size:24px}}.brand-name{background:linear-gradient(to right, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px}@media (width>=600px){.brand-name{font-size:24px}}.user-controls{align-items:center;gap:10px;display:flex}@media (width<=650px){.user-controls{border-top:1px solid var(--border);justify-content:space-between;width:100%;padding-top:12px}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);padding:20px 16px}@media (width>=600px){.glass-card{border-radius:var(--radius-lg);padding:32px}}.glass-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px -10px #8b5cf633}.btn{font-family:var(--font-title);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-bounce);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}@media (width>=600px){.btn{padding:12px 24px;font-size:15px}}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #a78bfa 100%);color:#fff;box-shadow:0 4px 14px #8b5cf640}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, var(--primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf659}.btn-secondary{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #f87171 100%);color:#fff;box-shadow:0 4px 14px #ef444433}.btn-danger:hover{background:linear-gradient(135deg, var(--danger-hover) 0%, var(--danger) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d}.btn-accent{background:linear-gradient(135deg, var(--accent) 0%, #fb923c 100%);color:#fff;box-shadow:0 4px 14px #f9731633}.btn-accent:hover{background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f9731659}.login-view{justify-content:center;align-items:center;min-height:calc(100vh - 120px);display:flex}.login-card{text-align:center;width:100%;max-width:480px;animation:.8s fadeInUp}.login-card h2{background:linear-gradient(to right, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:26px}@media (width>=600px){.login-card h2{font-size:32px}}.login-card p{color:var(--text-muted);margin-bottom:24px;font-size:14px}@media (width>=600px){.login-card p{margin-bottom:32px;font-size:16px}}.user-profile{border:1px solid var(--border);transition:var(--transition-smooth);background:#ffffff4d;border-radius:9999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;display:flex;position:relative}@media (width>=600px){.user-profile{gap:12px;padding:4px 14px 4px 4px}}.user-avatar{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:28px;height:28px;box-shadow:0 2px 8px #8b5cf633}@media (width>=600px){.user-avatar{width:36px;height:36px}}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:12px;font-weight:600;overflow:hidden}@media (width>=600px){.user-name{max-width:120px;font-size:14px}}.user-role-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--primary-pastel);color:var(--primary-hover);border-radius:9999px;margin-left:2px;padding:1px 4px;font-size:8px;font-weight:700}@media (width>=600px){.user-role-badge{margin-left:4px;padding:2px 6px;font-size:10px}}.symptoms-selector-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:16px;display:grid}@media (width>=600px){.symptoms-selector-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:20px}}.symptom-pill-checkbox{cursor:pointer;position:relative}.symptom-pill-checkbox input{opacity:0;width:0;height:0;position:absolute}.symptom-pill-design{background:var(--glass-bg);border:2px solid var(--border);border-radius:var(--radius-md);text-align:center;font-family:var(--font-title);color:var(--text-main);transition:var(--transition-bounce);flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;font-weight:600;display:flex;box-shadow:0 4px 6px -1px #0000000d}@media (width>=600px){.symptom-pill-design{padding:16px 12px}}.symptom-pill-checkbox:hover .symptom-pill-design{border-color:var(--primary-pastel);transform:translateY(-2px)}.symptom-pill-checkbox input:checked+.symptom-pill-design{background:var(--primary-light);border-color:var(--primary);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #8b5cf626}.symptom-pill-emoji{transition:var(--transition-bounce);margin-bottom:4px;font-size:24px}@media (width>=600px){.symptom-pill-emoji{margin-bottom:6px;font-size:28px}}.symptom-pill-checkbox input:checked+.symptom-pill-design .symptom-pill-emoji{transform:scale(1.15)rotate(5deg)}.form-group{margin-bottom:18px}@media (width>=600px){.form-group{margin-bottom:24px}}.form-label{font-family:var(--font-title);color:var(--text-main);margin-bottom:6px;font-size:14px;font-weight:600;display:block}@media (width>=600px){.form-label{margin-bottom:8px;font-size:15px}}.form-input{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--glass-bg);width:100%;color:var(--text-main);font-family:var(--font-body);transition:var(--transition-smooth);outline:none;padding:12px 14px;font-size:14px}@media (width>=600px){.form-input{padding:14px 18px;font-size:15px}}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf626}.input-with-suffix{align-items:center;display:flex;position:relative}.input-with-suffix .form-input{padding-right:48px}.input-suffix{font-weight:700;font-family:var(--font-title);color:var(--text-muted);position:absolute;right:14px}@media (width>=600px){.input-suffix{right:18px}}.tab-navigation{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;gap:4px;width:100%;margin-bottom:20px;padding:4px;display:flex}@media (width>=600px){.tab-navigation{gap:8px;width:fit-content;margin-bottom:28px;padding:6px}}.tab-btn{font-family:var(--font-title);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}@media (width>=480px){.tab-btn{flex-direction:row;padding:10px 16px;font-size:13px}}@media (width>=600px){.tab-btn{flex:none;padding:10px 20px;font-size:14px}}.tab-btn:hover{color:var(--text-main);background:#fff6}.tab-btn.active{background:linear-gradient(135deg, var(--primary) 0%, #a78bfa 100%);color:#fff;box-shadow:0 4px 10px #8b5cf633}.tab-btn.mobile-only{display:flex}@media (width>=900px){.tab-btn.mobile-only{display:none!important}}.dashboard-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width<=899px){.dashboard-form-container.hide-on-mobile,.dashboard-view-container.hide-on-mobile{display:none!important}}@media (width>=900px){.dashboard-grid{grid-template-columns:380px 1fr;gap:32px}.dashboard-form-container.hide-on-mobile,.dashboard-view-container.hide-on-mobile{display:block!important}}.calendar-container{flex-direction:column;gap:12px;display:flex}@media (width>=600px){.calendar-container{gap:16px}}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.calendar-title{font-size:18px;font-family:var(--font-title);font-weight:700}@media (width>=600px){.calendar-title{font-size:20px}}.calendar-nav-buttons{gap:6px;display:flex}.calendar-nav-btn{background:var(--glass-bg);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;transition:var(--transition-bounce);color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (width>=600px){.calendar-nav-btn{width:38px;height:38px}}.calendar-nav-btn:hover{background:var(--border);transform:scale(1.08)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}@media (width>=600px){.calendar-grid{gap:8px}}.calendar-day-header{text-align:center;font-family:var(--font-title);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 0;font-size:10px;font-weight:700}@media (width>=600px){.calendar-day-header{padding:8px 0;font-size:12px}}.calendar-day-cell{aspect-ratio:1;background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition-bounce);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:48px;padding:4px;display:flex;position:relative}@media (width>=600px){.calendar-day-cell{min-height:70px;padding:6px}}.calendar-day-cell:hover{border-color:var(--primary-pastel);transform:translateY(-2px);box-shadow:0 4px 10px #8b5cf61a}.calendar-day-cell.empty{cursor:default;background:0 0;border-color:#0000}.calendar-day-cell.empty:hover{box-shadow:none;transform:none}.calendar-day-cell.today{border:2px solid var(--accent)}.calendar-day-number{font-family:var(--font-title);color:var(--text-main);font-size:11px;font-weight:700}@media (width>=600px){.calendar-day-number{font-size:14px}}.calendar-day-cell.today .calendar-day-number{color:var(--accent)}.calendar-cell-content{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:auto;display:flex}@media (width>=600px){.calendar-cell-content{justify-content:flex-start;gap:3px}}.calendar-symptom-dot{font-size:11px;line-height:1}@media (width>=600px){.calendar-symptom-dot{font-size:14px}}.calendar-temp-badge{background:var(--accent-pastel);color:var(--accent-hover);border-radius:3px;padding:1px 2px;font-size:8px;font-weight:700}@media (width>=600px){.calendar-temp-badge{border-radius:4px;padding:1px 4px;font-size:10px}}.list-view-container{flex-direction:column;gap:12px;display:flex}@media (width>=600px){.list-view-container{gap:16px}}.record-list-item{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-bounce);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;animation:.4s fadeInUp;display:flex}@media (width>=600px){.record-list-item{gap:16px;padding:20px 24px}}.record-list-item:hover{border-color:var(--primary);box-shadow:var(--glass-shadow);transform:scale(1.01)translateY(-2px)}.record-info-left{align-items:center;gap:12px;display:flex;overflow:hidden}@media (width>=600px){.record-info-left{gap:20px}}.record-date-block{background:var(--primary-light);border:1px solid var(--primary-pastel);color:var(--primary);width:46px;height:46px;font-family:var(--font-title);border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width>=600px){.record-date-block{border-radius:16px;width:60px;height:60px}}.record-date-day{font-size:15px;font-weight:800;line-height:1}@media (width>=600px){.record-date-day{font-size:20px}}.record-date-month{text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700}@media (width>=600px){.record-date-month{font-size:11px}}.record-details{flex-direction:column;gap:4px;display:flex;overflow:hidden}@media (width>=600px){.record-details{gap:6px}}.record-symptoms-list{flex-wrap:wrap;gap:4px;display:flex}@media (width>=600px){.record-symptoms-list{gap:6px}}.record-symptom-tag{background:var(--glass-bg);border:1px solid var(--border);white-space:nowrap;border-radius:9999px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}@media (width>=600px){.record-symptom-tag{gap:4px;padding:4px 10px;font-size:13px}}.record-meta-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}@media (width>=600px){.record-meta-text{font-size:12px}}.record-temp-right{font-family:var(--font-title);color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-pastel);border-radius:8px;flex-shrink:0;align-items:baseline;gap:1px;padding:4px 8px;font-size:16px;font-weight:800;display:flex}@media (width>=600px){.record-temp-right{border-radius:12px;gap:2px;padding:6px 14px;font-size:22px}}.record-temp-unit{color:var(--text-muted);font-size:10px;font-weight:600}@media (width>=600px){.record-temp-unit{font-size:12px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:12px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-md);width:100%;max-width:550px;animation:scaleUp .4s var(--transition-bounce);overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width>=600px){.modal-content{border-radius:var(--radius-lg)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}@media (width>=600px){.modal-header{padding:24px 28px 16px}}.modal-title{color:var(--text-main);font-size:18px}@media (width>=600px){.modal-title{font-size:22px}}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}@media (width>=600px){.modal-close-btn{width:32px;height:32px}}.modal-close-btn:hover{background:var(--border);color:var(--text-main)}.modal-body{max-height:75vh;padding:20px 16px;overflow-y:auto}@media (width>=600px){.modal-body{padding:28px}}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px 20px;display:flex}@media (width>=600px){.modal-footer{gap:12px;padding:16px 28px 24px}}.history-section{background:var(--primary-light);border:1px solid var(--primary-pastel);border-radius:var(--radius-md);margin-top:16px;padding:12px}@media (width>=600px){.history-section{margin-top:20px;padding:16px}}.history-title{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:6px;font-size:12px;font-weight:700}.history-item{color:var(--text-muted);font-size:11px;line-height:1.5}@media (width>=600px){.history-item{font-size:12px;line-height:1.6}}.denied-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.denied-illustration{margin-bottom:16px;font-size:56px;animation:2s infinite bounce}@media (width>=600px){.denied-illustration{margin-bottom:24px;font-size:72px}}.settings-list{flex-direction:column;gap:10px;max-height:260px;margin-top:14px;padding-right:4px;display:flex;overflow-y:auto}.settings-list-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff6;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.settings-item-info{align-items:center;gap:8px;font-weight:600;display:flex;overflow:hidden}.btn-icon-only{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width>=600px){.btn-icon-only{width:32px;height:32px}}.btn-icon-only:hover{background:var(--danger-pastel);color:var(--danger-hover)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.filter-bar{border-radius:var(--radius-md);margin-bottom:20px;padding:16px 20px}.filter-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.filter-title-text{font-size:14px;font-weight:700;font-family:var(--font-title);color:var(--text-main);align-items:center;gap:6px;display:flex}.filter-clear-btn{color:var(--primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.filter-clear-btn:hover{color:var(--primary-hover);transform:translateY(-1px)}.filter-pills-container{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.filter-pill{cursor:pointer;transition:var(--transition-bounce);border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.filter-pill.inactive{border:2px solid var(--border);background:var(--glass-bg);color:var(--text-muted)}.filter-pill.inactive:hover{border-color:var(--primary-pastel);color:var(--text-main);background:#ffffff80;transform:translateY(-2px)scale(1.03)}.filter-pill.active{border:2px solid var(--primary);background:var(--primary-light);color:var(--primary)}.filter-pill.active:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 4px 8px #8b5cf626}