:root{--primary: #FF9922;--primary-dark: #E68A1E;--primary-bg: #FFF5EB;--top-bar-bg: #FFD2A8;--top-bar-dark-bg: #33261C;--secondary: #4CAF50;--text-dark: #1E293B;--text-gray: #64748B;--text-light: #94A3B8;--bg-light: #F8FAFC;--white: #FFFFFF;--border: rgba(0,0,0,.1);--border-color: rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 8px 24px rgba(0, 0, 0, .08);--shadow-md: 0 16px 40px rgba(0, 0, 0, .12);--input-bg: #F8FAFC;--mesh-bg: #FFF9F2;--card-bg: #FFFFFF;--bg-gray: #F1F5F9;--primary-color: #FF9922;--bg-color: #F8FAFC;--primary-light: #FFD2A8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-only-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;color:#dc2626;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer}:where(a,button,input,select,textarea,[role=button]):focus-visible{outline:3px solid #1D4ED8;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-color-theme=green]{--primary: #10B981;--primary-dark: #059669;--primary-bg: #ECFDF5;--top-bar-bg: #A7F3D0;--top-bar-dark-bg: #064E3B;--mesh-1: #6EE7B7;--mesh-2: #34D399;--mesh-3: #10B981}html[data-color-theme=red]{--primary: #EF4444;--primary-dark: #DC2626;--primary-bg: #FEF2F2;--top-bar-bg: #FECACA;--top-bar-dark-bg: #7F1D1D;--mesh-1: #FCA5A5;--mesh-2: #F87171;--mesh-3: #EF4444}html[data-color-theme=purple]{--primary: #8B5CF6;--primary-dark: #7C3AED;--primary-bg: #F5F3FF;--top-bar-bg: #DDD6FE;--top-bar-dark-bg: #4C1D95;--mesh-1: #C4B5FD;--mesh-2: #A78BFA;--mesh-3: #8B5CF6}html[data-color-theme=blue]{--primary: #3B82F6;--primary-dark: #2563EB;--primary-bg: #EFF6FF;--top-bar-bg: #BFDBFE;--top-bar-dark-bg: #1E3A8A;--mesh-1: #93C5FD;--mesh-2: #60A5FA;--mesh-3: #3B82F6}html[data-color-theme=teal]{--primary: #0D9488;--primary-dark: #0F766E;--primary-bg: #F0FDFA;--top-bar-bg: #99F6E4;--top-bar-dark-bg: #134E4A;--primary-color: #0D9488;--primary-light: #99F6E4;--mesh-1: #5EEAD4;--mesh-2: #2DD4BF;--mesh-3: #0D9488;--mesh-bg: #FFFBF5;--icon-summary-color: #0D9488;--icon-summary-bg: #F0FDFA}:root{--icon-water-color: #3B82F6;--icon-water-bg: #EFF6FF;--icon-toilet-color: #8B4513;--icon-toilet-bg: #FFF8F0;--icon-activity-color: #10B981;--icon-activity-bg: #ECFDF5;--icon-symptom-color: #EF4444;--icon-symptom-bg: #FEF2F2;--icon-summary-color: #8B5CF6;--icon-summary-bg: #F5F3FF;--icon-weight-color: #F59E0B;--icon-weight-bg: #FEF3C7;--icon-sleep-color: #4F46E5;--icon-sleep-bg: #EEF2FF;--icon-notes-color: #059669;--icon-notes-bg: #D1FAE5}html[data-theme=dark]{color-scheme:dark;--primary-bg: #1A0A00;--white: #111111;--text-dark: #F8FAFC;--text-gray: #CBD5E1;--text-light: #94A3B8;--bg-light: #000000;--border: #222222;--border-color: #222222;--shadow-sm: 0 10px 40px rgba(0, 0, 0, .6);--shadow-md: 0 16px 50px rgba(0, 0, 0, .8);--input-bg: #0A0A0A;--mesh-bg: #000000;--card-bg: #111111;--bg-gray: #1E293B;--primary-color: #FF9922;--bg-color: #000000;--primary-light: #4C2D0A;--icon-water-bg: #1E3A8A;--icon-water-color: #93C5FD;--icon-toilet-bg: #4A2B0F;--icon-toilet-color: #DEB887;--icon-activity-bg: #064E3B;--icon-activity-color: #6EE7B7;--icon-symptom-bg: #7F1D1D;--icon-symptom-color: #FCA5A5;--icon-summary-bg: #4C1D95;--icon-summary-color: #C4B5FD;--icon-weight-bg: #78350F;--icon-weight-color: #FCD34D;--icon-sleep-bg: #3730A3;--icon-sleep-color: #A5B4FC;--icon-notes-bg: #064E3B;--icon-notes-color: #34D399}html[data-color-theme=teal][data-theme=dark]{--primary-bg: #042F2E;--primary-color: #2DD4BF;--primary-light: #115E59;--mesh-bg: #0C0A09;--icon-summary-bg: #134E4A;--icon-summary-color: #5EEAD4}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}.brand-icon{display:inline-block;width:1.1em;height:1.1em;flex:0 0 auto;vertical-align:-.15em}.notification-badge{position:absolute;top:-7px;right:-7px;z-index:2;min-width:20px;height:20px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);border-radius:999px;color:#fff;background:#e63946;box-shadow:0 2px 6px #7f1d1d47;font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;pointer-events:none}html[data-theme=dark] .notification-badge{border-color:var(--card-bg, #1a1d1b);background:#ff5a62;box-shadow:0 2px 8px #00000073}input::placeholder,textarea::placeholder{color:var(--text-light);opacity:.9}html,body{overflow-x:hidden}html{background-color:var(--mesh-bg);transition:background-color .4s}body{background-color:var(--mesh-bg);color:var(--text-dark);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:var(--mesh-bg);background-image:radial-gradient(var(--text-light) 1px,transparent 1px);background-size:26px 26px;opacity:.15;transition:background-color .4s,opacity .4s}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-2;background:radial-gradient(circle at 50% 50%,var(--primary-bg),transparent 60%),radial-gradient(circle at 80% 20%,rgba(255,100,100,.08),transparent 50%);animation:pulseBg 20s infinite alternate ease-in-out;pointer-events:none}@keyframes pulseBg{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(-2%,2%)}}html[data-theme=dark] body:after{background:radial-gradient(circle at 50% 50%,rgba(255,153,34,.03),transparent 60%),radial-gradient(circle at 80% 20%,rgba(76,175,80,.02),transparent 50%)}.app-container{width:100%;max-width:1200px;background-color:transparent;min-height:100vh;display:flex;flex-direction:column;position:relative}html[data-theme=dark] .app-container{background-color:transparent}@media(max-width:768px){.app-container{max-width:480px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px}.modal-box{background:var(--white);padding:40px;border-radius:var(--radius-lg);width:100%;max-width:400px;text-align:center;box-shadow:0 20px 40px #0003}.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 15%,rgba(255,153,34,.18),transparent 36%),radial-gradient(circle at 85% 85%,rgba(16,185,129,.14),transparent 34%),#ffffff38;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeInOverlay .5s ease-out}.swal2-container{z-index:10005!important}html[data-theme=dark] .login-overlay{background:#0f172a66}.grecaptcha-badge,iframe[title="recaptcha challenge"],div[style*="z-index: 2000000000"]{z-index:999999999!important}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.login-box.glassmorphism{background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.86);box-shadow:0 30px 60px #0f172a29,0 0 0 1px #ff992214,inset 0 1px #fffc;padding:48px 40px;border-radius:32px;width:100%;max-width:480px;text-align:center;transform:translateY(0);animation:slideUpFade .6s cubic-bezier(.16,1,.3,1)}html[data-theme=dark] .login-box.glassmorphism{background:#1e293b99;border-color:#ffffff1a;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff0d}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.login-header{margin-bottom:32px}.login-header .login-icon{font-size:3.5rem;color:var(--primary);margin-bottom:16px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 6px rgba(255,138,0,.3))}.login-header h2{font-size:1.8rem;font-weight:800;color:var(--text-dark);margin-bottom:6px}.login-header p{color:var(--text-gray);font-size:.95rem;font-weight:500}.glass-input-group{position:relative;margin-bottom:16px}.glass-input-group .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:1.1rem;z-index:2}.glass-input-group input[type],.glass-input-group select{width:100%;padding:16px 10px 16px 40px!important;border-radius:16px;background:#ffffffb3;border:1px solid rgba(255,255,255,.9);font-size:1rem;color:var(--text-dark);transition:all .3s ease;box-shadow:inset 0 2px 4px #00000005;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.glass-input-group input:focus,.glass-input-group select:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-bg),inset 0 2px 4px #00000005}html[data-theme=dark] .glass-input-group input,html[data-theme=dark] .glass-input-group select{background:#111c;border-color:#ffffff0d;color:var(--text-dark)}html[data-theme=dark] .glass-input-group input:focus,html[data-theme=dark] .glass-input-group select:focus{background:#111;border-color:var(--primary);box-shadow:0 0 0 4px #ff992226}.btn-glow{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#1f1305;padding:12px;border-radius:20px;font-size:1rem;font-weight:700;border:1px solid rgba(173,83,0,.35);width:100%;margin-top:8px;box-shadow:0 10px 24px #ff99223d;transition:all .2s ease}.btn-glow:hover{transform:translateY(-1px);box-shadow:0 14px 30px #ff992257}.btn-glow:active{transform:translateY(1px)}.login-error{background:#ef44441a;color:#ef4444;padding:12px;border-radius:12px;margin-top:20px;font-size:.9rem;font-weight:700;display:none;animation:fadeIn .3s}.top-nav{background:var(--white);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);transition:background-color .3s,border-color .3s}.nav-btn{background:#9ca3af26;border:1px solid rgba(156,163,175,.25);color:var(--text-gray);width:38px;height:38px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;font-size:.95rem}.nav-btn:hover,.nav-btn:active{background:#9ca3af40;border-color:#9ca3af66;color:var(--text-dark);transform:scale(.95)}html[data-theme=dark] .nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#e2e8f0}html[data-theme=dark] .nav-btn:hover,html[data-theme=dark] .nav-btn:active{background:#ffffff2e;border-color:#ffffff52;color:#fff}.date-display{text-align:center;display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 16px;border-radius:var(--radius-md);transition:background .2s}.date-display:hover,.date-display:active{background:var(--bg-gray)}.date-display .day-name{font-size:.8rem;color:var(--text-gray);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.date-display .full-date{font-size:1.15rem;font-weight:800;color:var(--text-dark)}.main-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column}.grid-layout{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:769px){.grid-layout{grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.main-content{padding:20px 24px}}@media(min-width:1024px){.grid-layout{grid-template-columns:1.5fr 1fr}}.column-main,.column-side{display:flex;flex-direction:column;gap:14px}.fade-container{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .3s,transform .3s,background-color .3s,opacity .3s,filter .3s;position:relative;margin-bottom:20px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:focus-within{box-shadow:0 8px 24px #00000014;transform:scale(1.01);z-index:10;border:1px solid var(--primary)}body:has(.card:focus-within) .card:not(:focus-within){opacity:.6;filter:grayscale(30%)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.icon-box{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary);background:var(--primary-bg);flex-shrink:0;transition:background-color .3s,color .3s}.card-title{font-size:1.1rem;font-weight:800;color:var(--text-dark)}.input-group{margin-bottom:12px;text-align:left}label{display:block;font-size:.8rem;color:var(--text-gray);margin-bottom:4px;font-weight:700}input[type=text],input[type=time],input[type=number],input[type=password],input[type=date],input[type=email],select,textarea{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-dark);background:var(--input-bg);transition:border-color .2s,background .2s,color .3s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-light);box-shadow:0 0 0 2px var(--primary-bg)}textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer;padding:10px;background:var(--bg-gray);border-radius:var(--radius-md);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;transition:all .2s}.checkbox-label.checked{background:#fef2f2;border-color:#ef4444;color:#ef4444}html[data-theme=dark] .checkbox-label.checked{background:#7f1d1d;border-color:#fecaca;color:#fecaca}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:20px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;width:100%}.btn-primary{background:var(--primary);color:#fff;border:2px solid var(--primary)}.btn-primary:hover,.btn-primary:active{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover,.btn-outline:active{background:var(--primary-bg);transform:translateY(-1px)}.btn-danger{background:#ef44441a;color:#ef4444;padding:10px;border-radius:20px;width:auto;transition:background .2s;border:2px solid transparent;cursor:pointer}.btn-danger:hover{background:#ef444433}.meal-item,.activity-item{background:var(--bg-gray);border-radius:var(--radius-md);padding:18px;margin-bottom:16px;position:relative;animation:slideIn .3s ease-out;border:1px solid transparent}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.meal-header,.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.meal-header h4,.activity-header h4{color:var(--text-dark);font-size:1.05rem;font-weight:800}.symptoms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px;margin-top:10px}.symptom-toggle,.location-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;background:var(--white);color:var(--text-dark);padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;font-size:.9rem;font-weight:500;text-align:left}.symptom-toggle:active,.location-toggle:active{transform:scale(.97)}.symptom-toggle.active,.location-toggle.active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary);font-weight:700}.symptom-toggle i,.location-toggle i{color:var(--text-light);transition:color .2s;font-size:1.1rem}.symptom-toggle.active i,.location-toggle.active i{color:var(--primary)}.water-controls{display:flex;align-items:stretch;justify-content:center;gap:12px}.water-btn{width:44px;border-radius:12px;border:none;background:var(--icon-water-bg);color:var(--icon-water-color);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,opacity .2s}.water-btn:active{transform:scale(.9)}.glasses-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;flex:1;min-height:56px}.glass{width:32px;height:48px;border:2px solid var(--border-color);border-radius:4px 4px 10px 10px;display:flex;align-items:flex-end;cursor:pointer;overflow:hidden;background:var(--input-bg);transition:transform .2s,background-color .3s;position:relative}.glass:active{transform:scale(.9)}.glass-water{width:100%;height:0%;background:#3b82f6;opacity:.85;transition:height .4s}.glass.filled .glass-water{height:90%}.glass.filled{border-color:#93c5fd;background:#eff6ff}html[data-theme=dark] .glass.filled{background:#3b82f633;border-color:#3b82f6}.hydration-stats{text-align:center;margin-top:16px;font-weight:700;color:var(--text-gray);font-size:1rem}.hydration-stats span{color:#3b82f6;font-size:1.3rem}.bmi-container{display:flex;flex-direction:column;gap:12px}.bmi-result{background:var(--bg-gray);padding:16px;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;margin-top:4px}.bmi-result span{font-weight:700;color:var(--text-dark)}.bmi-badge{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:800;text-transform:uppercase}.bmi-underweight{background:#dbeafe;color:#1e40af}.bmi-normal{background:#d1fae5;color:#065f46}.bmi-overweight{background:#fef3c7;color:#92400e}.bmi-obese{background:#fee2e2;color:#991b1b}html[data-theme=dark] .bmi-underweight{background:#1e3a8a;color:#dbeafe}html[data-theme=dark] .bmi-normal{background:#064e3b;color:#d1fae5}html[data-theme=dark] .bmi-overweight{background:#78350f;color:#fde68a}html[data-theme=dark] .bmi-obese{background:#7f1d1d;color:#fecaca}.counter-container{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:24px}.counter-btn{width:54px;height:54px;border-radius:50%;border:none;background:var(--bg-gray);color:var(--text-dark);font-size:1.8rem;cursor:pointer;transition:background .2s,transform .1s}.counter-btn:active{background:var(--border-color);transform:scale(.9)}.counter-value{font-size:3rem;font-weight:800;min-width:50px;text-align:center;color:var(--text-dark)}.slider-group{margin-bottom:24px}.slider-header{display:flex;justify-content:space-between;margin-bottom:10px}.slider-value{font-weight:800;color:var(--primary);font-size:1.1rem;background:var(--primary-bg);padding:2px 10px;border-radius:12px}input[type=range]{width:100%;-webkit-appearance:none;background:var(--border-color);height:8px;border-radius:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--white);box-shadow:var(--shadow-sm)}.export-section{padding:20px;background:var(--white);border-top:1px solid var(--border-color);position:sticky;bottom:0;z-index:100;box-shadow:0 -4px 6px -1px #0000000d;transition:background-color .3s}@media(min-width:769px){.export-section{border-radius:var(--radius-lg);margin:0 32px 24px;position:static}}.char-counter{text-align:right;font-size:.75rem;color:var(--text-light);margin-top:6px;font-weight:600}.pdf-print-container{background:#fff;color:#000;padding:20px;width:100%}.pdf-table{width:100%;border-collapse:collapse;font-size:11px;font-family:Arial,sans-serif}.pdf-table th{background-color:#f3f4f6;color:#111827;border:1px solid #d1d5db;padding:8px;font-weight:700;text-align:left}.pdf-table td{border:1px solid #e5e7eb;padding:8px;vertical-align:top}.pdf-table tr{page-break-inside:avoid}.pdf-table .row-bad{background-color:#fef2f2!important}.pdf-table .cell-bad{font-weight:700;color:#dc2626!important}.pdf-table h3{margin:0 0 15px;font-size:18px;text-align:center}body.print-mode{background:#fff!important;color:#000!important;padding:0!important}body.print-mode:before{display:none!important}body.print-mode .app-container{display:none!important}body.print-mode .pdf-print-container{display:block!important}.dropdown-container{position:relative}.dropdown-menu{display:none;position:absolute;top:120%;right:0;background:var(--white);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;border:1px solid var(--border);min-width:160px;z-index:1000;overflow:hidden}.dropdown-menu.show{display:flex;flex-direction:column}.dropdown-menu button{background:none;border:none;width:100%;text-align:left;padding:12px 16px;font-size:.95rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.dropdown-menu button:hover{background:var(--bg-light)}body:before{background-image:none;background-color:var(--mesh-bg)}body{background-color:#f8f9fa}html[data-theme=dark] body{background-color:#000}.top-nav{display:none!important}.mobile-container{width:100%;max-width:500px;background:var(--white);min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 40px #0000000d;display:flex;flex-direction:column;padding-bottom:100px}html[data-theme=dark] .mobile-container{background:#000}.top-nav-fitatu{background:#ffffffd9;background-image:linear-gradient(135deg,#ff992226,#ffffffbf);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-left-radius:32px;border-bottom-right-radius:32px;padding:20px 16px 24px;color:var(--text-dark);position:sticky;top:0;z-index:100;box-shadow:0 10px 30px #00000014;border-bottom:1px solid rgba(255,255,255,.8);transition:background .3s,box-shadow .3s}html[data-theme=dark] .top-nav-fitatu{background:#111111d9;background-image:linear-gradient(135deg,#ff992226,#111111bf);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 10px 40px #0006;color:#fff}.top-nav-fitatu .top-bar-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logo-text{font-size:1.4rem;font-weight:800}.calendar-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;margin-bottom:10px}.day-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:0;width:46px;height:46px;border-radius:50%;transition:all .2s;box-sizing:border-box;border:2px solid transparent}.day-circle.active{background:#000;color:#fff}html[data-theme=dark] .day-circle.active{background:#fff;color:#000}.day-circle:hover:not(.active){background:#0000000d}.bottom-nav{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:450px;background:linear-gradient(135deg,#ffffff26,#ffffff05);backdrop-filter:blur(40px) saturate(250%);-webkit-backdrop-filter:blur(40px) saturate(250%);color:var(--text-gray);display:flex;justify-content:space-around;align-items:center;padding:8px 6px;border-radius:40px;z-index:1000;box-shadow:0 15px 35px #00000014,inset 0 2px 3px #fff6,inset 0 -1px 3px #ffffff1a;border:1px solid rgba(255,255,255,.25)}html[data-theme=dark] .bottom-nav{background:linear-gradient(135deg,#1e1e1e26,#0a0a0a05);box-shadow:0 15px 35px #0006,inset 0 2px 3px #ffffff1a,inset 0 -1px 3px #0000004d;border:1px solid rgba(255,255,255,.08)}.bottom-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);width:56px;height:56px;border-radius:50%;flex-shrink:0;color:var(--text-gray);background:transparent;white-space:nowrap}.bottom-nav-item.active{color:var(--primary);background:linear-gradient(135deg,#ffffff26,#ffffff05);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 20px #0000000d,inset 0 1px 3px #fff9,inset 0 -1px 3px #fff3;transform:translateY(-2px)}.bottom-nav-item.active:before{display:none}html[data-theme=dark] .bottom-nav-item.active{background:linear-gradient(135deg,#3c3c3c26,#14141405);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #0006,inset 0 1px 3px #ffffff1a,inset 0 -1px 3px #0000004d}html[data-theme=dark] .bottom-nav-item.active:before{display:none}.bottom-nav-item i{font-size:1.1rem}.fodmap-item{background:var(--bg-light);border-radius:12px;padding:15px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-sm);transition:transform .2s}.fodmap-item:hover{transform:translateY(-2px)}.fodmap-indicator{width:20px;height:20px;border-radius:50%;flex-shrink:0}.fodmap-info{flex:1}.fodmap-title{font-weight:600;margin-bottom:4px;color:var(--text-dark)}.fodmap-desc{font-size:.85rem;color:var(--text-gray);line-height:1.3}.fodmap-red{background:#ef4444;box-shadow:0 0 8px #ef444466}.fodmap-orange{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.fodmap-green{background:#10b981;box-shadow:0 0 8px #10b98166}.macro-summary{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.macro-item{display:flex;flex-direction:column;align-items:center;gap:2px}.macro-item span{font-size:.7rem;color:var(--text-gray);font-weight:700}.macro-item strong{font-size:1.1rem;color:var(--text-dark);font-weight:800}.macro-item small{font-size:.65rem;color:#9ca3af}.macro-progress{width:100%;min-width:50px;height:4px;background:var(--border-color);border-radius:2px;margin-top:6px;overflow:hidden}.macro-bar{height:100%;width:0%;border-radius:2px;background:#3b82f6;transition:width .4s ease,background-color .4s ease}.meal-item-fitatu{padding:20px;margin:0 16px 16px;border-radius:var(--radius-lg);background:var(--white);display:flex;align-items:flex-start;justify-content:space-between;box-shadow:0 6px 20px #0000000f;border:1px solid rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}html[data-theme=dark] .meal-item-fitatu{border:1px solid rgba(255,255,255,.05)}.meal-item-fitatu:active{transform:scale(.98);box-shadow:0 4px 15px #0000000d}.meal-item-fitatu .meal-info{flex:1}.meal-item-fitatu .meal-title{font-size:1.1rem;font-weight:800;color:var(--text-dark);margin-bottom:4px;display:flex;align-items:center;gap:8px}.meal-item-fitatu .meal-time{font-size:.85rem;color:var(--text-gray);font-weight:600}.meal-item-fitatu .meal-macros{font-size:.8rem;color:#9ca3af;display:flex;gap:12px;margin-top:4px}.meal-item-fitatu .meal-macros strong{color:#6b7280}html[data-theme=dark] .meal-item-fitatu .meal-macros,html[data-theme=dark] .meal-item-fitatu .meal-macros strong{color:var(--text-gray)}.add-btn-round{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ffedd5,#ffdbb0);color:#f97316;display:flex;justify-content:center;align-items:center;font-size:1.2rem;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0;box-shadow:0 4px 15px #f9731633}.add-btn-round:active{transform:scale(.85);box-shadow:0 2px 8px #f973161a}html[data-theme=dark] .add-btn-round{background:#f9731633}.meal-item-fitatu-content{margin-top:12px;display:flex;flex-direction:column;gap:10px;width:100%}.meal-item-fitatu-content .input-group{margin-bottom:0}.meal-item-fitatu-content .symptoms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.meal-item-fitatu-content .symptom-toggle,.meal-item-fitatu-content .location-toggle{padding:6px 10px;font-size:.8rem;border-radius:14px}.meals-list .meal-item{display:none!important}.calendar-row{transition:max-height .3s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out,padding .3s ease-in-out;max-height:200px;opacity:1;overflow:hidden}.calendar-row.collapsed{max-height:0;opacity:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:9999999;pointer-events:none;width:90%;max-width:400px}.toast{background:var(--white);color:var(--text-dark);padding:14px 20px;border-radius:12px;box-shadow:0 10px 40px #0000004d;font-size:1.05rem;font-weight:600;pointer-events:auto;opacity:0;transform:translateY(30px) scale(.95);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-left:4px solid var(--primary);text-align:center}.toast.show{opacity:1;transform:translateY(0) scale(1)}.toast.error{border-left-color:#ef4444}.toast.success{border-left-color:#10b981}.toast.warning{border-left-color:#f59e0b}#pdfPrintContainer{display:none;background:#fff;color:#000;padding:20px;width:100%}body.print-mode #app,body.print-mode .toast-container,body.print-mode .bottom-nav{display:none!important}body.print-mode #pdfPrintContainer{display:block!important}#view-settings .card{margin-bottom:24px}.mmc-circle{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--primary) 0%,var(--border-color) 0%);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #0000000d;transition:background .5s ease}.mmc-inner{width:120px;height:120px;border-radius:50%;background:var(--card-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 2px 5px #00000005}html[data-theme=dark] .mmc-circle{box-shadow:0 4px 15px #0006}html[data-theme=dark] .mmc-inner{box-shadow:inset 0 2px 5px #00000080}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-light) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:12px}.skeleton-text{height:16px;margin-bottom:8px;border-radius:4px}.skeleton-circle{width:40px;height:40px;border-radius:50%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sortable-ghost{opacity:.4;background-color:#f1f5f9;border:2px dashed var(--primary)}.btn-ai-animating{background:linear-gradient(90deg,#1e40af,#3b82f6,#60a5fa,#3b82f6,#1e40af)!important;background-size:200% auto!important;color:#fff!important;border-color:transparent!important;animation:gradientShift 2s linear infinite!important}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:200% 50%}}.rocket-icon{position:absolute;left:-30px;top:50%;transform:translateY(-50%) rotate(45deg);font-size:1.2rem;color:#fff;z-index:10;pointer-events:none;opacity:0}.btn-ai-animating .rocket-icon{animation:flyRocket 2s ease-in-out infinite;opacity:1}@keyframes flyRocket{0%{left:-30px;transform:translateY(-50%) rotate(45deg);opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% + 30px);transform:translateY(-50%) rotate(45deg);opacity:0}}.btn-ai-animating .fa-magic{opacity:0}.swal-custom-popup{border-radius:var(--radius-lg)!important;font-family:Inter,sans-serif!important;padding:2rem!important;background:#fff!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 20px 40px #0000001a!important}html[data-theme=dark] .swal-custom-popup{background:#1e293b!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 20px 40px #00000080!important}.swal-custom-title{font-size:1.25rem!important;color:var(--text-dark)!important;font-weight:700!important}.swal-custom-popup .swal2-html-container{color:var(--text-gray)!important}.swal-custom-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important;margin-top:1.5rem!important}.swal-custom-confirm,.swal-custom-cancel,.swal-custom-deny{flex:1!important;border-radius:20px!important;font-weight:600!important;padding:10px!important;font-size:.95rem!important;background-color:var(--white)!important;color:var(--primary)!important;border:2px solid var(--primary)!important;margin:0!important}.swal-custom-deny{flex:1 1 100%!important;background-color:#f39c121a!important;color:var(--primary)!important;border-color:var(--primary)!important;margin-bottom:5px!important}.custom-adjust-input{width:100%!important;box-sizing:border-box!important;font-size:1rem!important;border-radius:12px!important;border:1px solid #CBD5E1!important;padding:12px 15px!important;margin:0!important;outline:none!important;transition:border-color .2s,box-shadow .2s!important;background:#f8fafc!important;color:#1e293b!important;font-family:Inter,sans-serif!important}.custom-adjust-input:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf633!important}.swal-adjust-confirm{flex:1!important;border-radius:20px!important;font-weight:600!important;padding:12px 10px!important;font-size:.95rem!important;background-color:#8b5cf6!important;color:#fff!important;border:none!important;margin-right:10px!important}.swal-adjust-cancel{flex:1!important;border-radius:20px!important;font-weight:600!important;padding:12px 10px!important;font-size:.95rem!important;background-color:transparent!important;color:#64748b!important;border:2px solid #E2E8F0!important}.bristol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding-bottom:5px}.bristol-card{background:var(--bg-light);border:2px solid var(--border-color);border-radius:12px;padding:10px 6px;text-align:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bristol-card.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 4px 10px #e67e2233}.bristol-card svg{width:45px;height:45px;margin-bottom:6px}.bristol-title{font-weight:700;font-size:.85rem;color:var(--text-dark);margin-bottom:3px;line-height:1.1}.bristol-desc{font-size:.65rem;color:var(--text-gray);line-height:1.2}.ai-assistant-fab{position:fixed;bottom:130px;right:20px;width:50px;height:50px;border-radius:50%;background:#e67e22;border:3px solid #FFFFFF;color:#fff;box-shadow:0 6px 20px #00000026;display:none;align-items:center;justify-content:center;z-index:999;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.ai-assistant-fab:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #0003}.ai-assistant-fab i{font-size:1.2rem}.ai-chat-drawer{position:fixed;bottom:195px;right:20px;width:360px;height:520px;max-width:calc(100vw - 24px);max-height:calc(100vh - 210px);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;z-index:1000;overflow:hidden;transform:translateY(20px) scale(.95);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.ai-chat-drawer.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.ai-chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff6;border-bottom:1px solid rgba(0,0,0,.05)}.ai-chat-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem;color:var(--text-dark)}.ai-chat-title i{color:var(--primary);font-size:1.1rem}.ai-chat-close{background:none;border:none;font-size:1.1rem;color:var(--text-gray);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.ai-chat-close:hover{background:#0000000d}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.ai-chat-bubble{max-width:88%;padding:12px 16px;border-radius:18px;font-size:.88rem;line-height:1.5;word-break:break-word}.ai-chat-bubble.assistant{background:var(--white);color:var(--text-dark);align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000008;border:1px solid rgba(0,0,0,.03)}.ai-chat-bubble.user{background:var(--primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.ai-chat-input-bar{display:flex;gap:8px;padding:12px;background:#fff6;border-top:1px solid rgba(0,0,0,.05);align-items:center}.ai-chat-input{flex:1;border:1px solid var(--border-color);padding:8px 14px;border-radius:20px;font-size:.85rem;background:var(--white);color:var(--text-dark);font-family:inherit;outline:none;box-sizing:border-box}.ai-chat-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:6px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ai-chat-btn.camera{color:var(--text-gray)}.ai-chat-btn.send{color:var(--primary)}.ai-chat-btn:hover{background:#0000000d}html[data-theme=dark] .ai-chat-drawer{background:#141414eb;border:1px solid rgba(255,255,255,.08)}html[data-theme=dark] .ai-chat-header,html[data-theme=dark] .ai-chat-input-bar{background:#0003;border-color:#ffffff0d}html[data-theme=dark] .ai-chat-title{color:var(--text-dark)}html[data-theme=dark] .ai-chat-close:hover{background:#ffffff14}html[data-theme=dark] .ai-chat-bubble.assistant{background:#1e1e1e;color:#f1f5f9;border-color:#ffffff08}html[data-theme=dark] .ai-chat-input{background:#121212;border-color:#ffffff1a;color:#fff}html[data-theme=dark] .ai-chat-btn:hover{background:#ffffff14}#pwaInstallBanner{background:var(--card-bg)!important;color:var(--text-dark)!important;border-color:var(--primary)!important}#pwaInstallBanner p{color:var(--text-gray)!important}@media(max-width:600px){.ai-assistant-fab{bottom:135px;right:16px}.ai-chat-drawer{right:12px;left:12px;width:auto;bottom:200px;height:calc(100vh - 230px);max-height:72vh}}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 4px}.typing-indicator span{width:6px;height:6px;background-color:var(--primary);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}#aiAnalysisResult table{width:100%;border-collapse:collapse;margin-top:15px;margin-bottom:25px;font-size:.85rem}#aiAnalysisResult th,#aiAnalysisResult td{border:1px solid var(--border-color);padding:10px;text-align:left}#aiAnalysisResult th{background-color:var(--input-bg);font-weight:600;color:var(--text-dark)}#aiAnalysisResult tr:nth-child(2n){background-color:var(--mesh-bg)}#aiAnalysisResult p{margin-bottom:12px;line-height:1.6}#aiAnalysisResult ul,#aiAnalysisResult ol{margin-bottom:15px;padding-left:20px;line-height:1.6}#aiAnalysisResult h1,#aiAnalysisResult h2,#aiAnalysisResult h3{margin-top:15px;margin-bottom:10px;color:var(--text-dark)}#aiAnalysisResult h1{font-size:1.15rem}#aiAnalysisResult h2{font-size:1.05rem}#aiAnalysisResult h3{font-size:1rem}button,.btn,.fab,.fab-btn,.cta-btn,.action-btn,.nav-btn-glass{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,filter .25s ease}@media(hover:hover){button:not(:disabled):hover,.btn:not(:disabled):hover,.fab:hover,.fab-btn:hover,.cta-btn:hover,.action-btn:hover,.nav-btn-glass:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #0000001f;filter:brightness(1.05)}}button:not(:disabled):active,.btn:not(:disabled):active,.fab:active,.fab-btn:active,.cta-btn:active,.action-btn:active,.nav-btn-glass:active{transform:scale(.96)!important;box-shadow:0 2px 4px #00000014;filter:brightness(.95);transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s ease,filter .1s ease!important}html[data-theme=dark] button:not(:disabled):hover,html[data-theme=dark] .btn:not(:disabled):hover,html[data-theme=dark] .fab:hover,html[data-theme=dark] .fab-btn:hover,html[data-theme=dark] .cta-btn:hover,html[data-theme=dark] .action-btn:hover,html[data-theme=dark] .nav-btn-glass:hover{box-shadow:0 8px 20px #00000080;filter:brightness(1.15)}.macro-chip-input{display:none}.macro-chip-label{display:block;padding:10px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--input-bg);color:var(--text-dark);text-align:center;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.macro-chip-input:checked+.macro-chip-label{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 4px 10px #10b98140}.macro-chip-group{display:flex;gap:8px;flex-wrap:wrap}.macro-chip-group.vertical{flex-direction:column}.macro-chip-group.horizontal .macro-chip-label{flex:1;padding:8px 2px;font-size:.75rem;word-break:keep-all;white-space:nowrap}.swal-custom-actions{display:flex!important;width:100%;gap:10px;justify-content:center}.swal-custom-actions button{flex:1;margin:0!important;width:100%;font-size:.95rem;padding:12px}table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.85rem;border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}table thead th{background:var(--primary);color:#fff;padding:10px 12px;text-align:left;font-weight:600;font-size:.8rem;white-space:nowrap}table tbody td{padding:8px 12px;border-bottom:1px solid var(--border-color);color:var(--text-dark);vertical-align:top;line-height:1.4}table tbody tr:nth-child(2n){background:var(--bg-light)}table tbody tr:last-child td{border-bottom:none}html[data-theme=dark] table thead th{background:#1e3a5f}html[data-theme=dark] table tbody tr:nth-child(2n){background:#ffffff08}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0}.toilet-opt{opacity:.3;transition:all .2s;cursor:pointer}.toilet-opt.active{opacity:1;transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}button.toilet-opt.btn-outline{opacity:1;filter:none;transform:none}button.toilet-opt.btn-outline.active{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.day-circle.date-14-days{border:2px solid #3B82F6!important;background:#3b82f61f;box-shadow:0 0 10px #3b82f659}.day-circle.date-14-days span{color:#3b82f6!important;font-weight:700}.day-circle.date-14-days.active{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 14px #3b82f699}.day-circle.date-14-days.active span{color:#fff!important}.day-circle.date-14-days:hover:not(.active){background:#3b82f640!important;transform:scale(1.08)}.day-circle.date-1-month{border:2px solid #EF4444!important;background:#ef44441f;box-shadow:0 0 10px #ef444459}.day-circle.date-1-month span{color:#ef4444!important;font-weight:700}.day-circle.date-1-month.active{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;box-shadow:0 0 14px #ef444499}.day-circle.date-1-month.active span{color:#fff!important}.day-circle.date-1-month:hover:not(.active){background:#ef444440!important;transform:scale(1.08)}html[data-theme=dark] .day-circle.date-14-days{background:#3b82f638;box-shadow:0 0 12px #3b82f680}html[data-theme=dark] .day-circle.date-1-month{background:#ef444438;box-shadow:0 0 12px #ef444480}.chart-wrapper{background:#fff3e0;border-radius:20px;padding:20px 25px 15px;margin-bottom:20px;box-shadow:none}html[data-theme=dark] .chart-wrapper{background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 8px 16px #0006}.chart-title-text{font-weight:700;font-size:1.05rem;color:#8a8a8a}html[data-theme=dark] .chart-title-text{color:#9ca3af}