:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--color-bg-primary: #000000;--color-bg-secondary: #000000;--color-bg-card: #000000;--color-text-primary: #ffffff;--color-text-secondary: #ffffff;--color-border: #ffffff;--color-accent: #646cff;--color-accent-hover: #535bf2;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius-md: .5rem;--radius-lg: .75rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden}#root{width:100%;height:100%;display:flex;flex-direction:column}.layout{display:flex;flex:1;height:100vh;overflow:hidden}.sidebar{width:250px;background-color:var(--color-bg-card);border-right:1px solid var(--color-border);padding:1rem;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;overflow-y:auto;background-color:var(--color-bg-primary)}.header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.header-controls,.control-group{display:flex;gap:1.5rem;align-items:center}.action-buttons{display:flex;gap:.5rem;align-items:center}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--color-text-primary)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:1.5rem}button{border-radius:8px;border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;transition:all .25s}button:hover{border-color:var(--color-accent);background-color:#646cff1a}.chart-container{height:300px;width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.dashboard-grid{display:flex;flex-direction:column;gap:1.5rem}.chart-card-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.metrics-panel{display:flex;flex-direction:column}.mobile-only{display:none!important}.desktop-only{display:block!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{width:90%;max-width:500px;max-height:90vh;overflow-y:auto;background-color:var(--color-bg-card);padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(max-width:1200px){.main-content{padding:1rem;width:400px;max-width:100vw}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem 5px;width:335px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:1.5rem}.chart-container{height:300px;width:325px;margin-left:0;margin-right:auto;align-self:flex-start}.metrics-grid{grid-template-columns:325px;justify-content:start}.chart-card-grid{grid-template-columns:1fr}.header{flex-direction:row;align-items:center;justify-content:space-between}.sidebar{display:none}.mobile-only{display:block!important}.desktop-only{display:none!important}.hamburger-btn,.close-menu-btn{background:none;border:none!important;box-shadow:none!important;outline:none!important;padding:.5rem;color:var(--color-text-primary)}.header-controls{position:fixed;top:0;right:-125%;width:280px;height:100vh;background-color:var(--color-bg-card);border-left:1px solid #334155;flex-direction:column;padding:1.5rem;box-shadow:-4px 0 15px #00000080;transition:right .3s ease-in-out;z-index:1000;display:flex;gap:1.5rem;align-items:stretch;overflow-y:auto}.header-controls.open{right:0}.header-controls h3{color:#f8fafc!important}.header-controls label,.header-controls span{color:#94a3b8!important}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.control-group,.action-buttons{flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%}.selector-group{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-bottom:1.5rem}.selector-group select{width:100%}.action-buttons button{width:100%!important;margin-left:0!important}}@media(max-width:768px){:root{--color-bg-primary: #000000;--color-bg-secondary: #000000;--color-bg-card: #000000}body:not(.glass-theme-active),:not(.glass-theme)>.main-content,:not(.glass-theme) .card,.sidebar,.header{background-color:#000!important}.glass-theme .main-content,.glass-theme .header{background-color:transparent!important}}.recharts-cartesian-axis-tick-value,.recharts-text{fill:#fff!important}.recharts-legend-item-text{color:#fff!important}@media print{body{background:#fff!important;color:#000!important}.card{border:1px solid #ccc!important;break-inside:avoid}.sidebar,.mobile-only{display:none!important}}.chart-container:focus,.chart-container *:focus,.card:focus,.card *:focus{outline:none!important}.glass-theme{background:#000!important;background-attachment:fixed;min-height:100vh;color:#e2e8f0;position:relative;overflow-x:hidden}.glass-theme:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 1600' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%233b5998' stop-opacity='0.6'/%3E%3Cstop offset='50%25' stop-color='%234a7ab5' stop-opacity='0.3'/%3E%3Cstop offset='100%25' stop-color='%236b8cae' stop-opacity='0.1'/%3E%3C/linearGradient%3E%3ClinearGradient id='g2' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23607d8b' stop-opacity='0.4'/%3E%3Cstop offset='100%25' stop-color='%2390a4ae' stop-opacity='0.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M-50 300 Q200 250 400 350 T850 280' fill='none' stroke='url(%23g1)' stroke-width='1.5'/%3E%3Cpath d='M-50 380 Q250 310 450 420 T850 340' fill='none' stroke='url(%23g1)' stroke-width='1'/%3E%3Cpath d='M-50 450 Q180 400 420 480 T850 430' fill='none' stroke='url(%23g2)' stroke-width='1.2'/%3E%3Cpath d='M-50 700 Q300 640 500 750 T850 680' fill='none' stroke='url(%23g1)' stroke-width='1'/%3E%3Cpath d='M-50 780 Q220 730 480 800 T850 760' fill='none' stroke='url(%23g2)' stroke-width='1.5'/%3E%3Cpath d='M-50 850 Q280 800 440 870 T850 830' fill='none' stroke='url(%23g1)' stroke-width='0.8'/%3E%3Cpath d='M-50 1100 Q350 1040 520 1140 T850 1080' fill='none' stroke='url(%23g2)' stroke-width='1.2'/%3E%3Cpath d='M-50 1180 Q200 1130 460 1200 T850 1160' fill='none' stroke='url(%23g1)' stroke-width='1'/%3E%3Cpath d='M-50 1400 Q280 1340 500 1430 T850 1380' fill='none' stroke='url(%23g2)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}.glass-theme:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.glass-theme .card{position:relative;overflow:hidden;background:#b4c8dc12!important;backdrop-filter:blur(24px) saturate(120%) brightness(1.03);-webkit-backdrop-filter:blur(24px) saturate(120%) brightness(1.03);border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;box-shadow:0 6px 28px #00000059,0 1px #ffffff12 inset;transition:box-shadow .3s ease,border-color .3s ease;z-index:1}.glass-theme .card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);pointer-events:none;z-index:2}.glass-theme .header-controls{background:#0c1018d1!important;backdrop-filter:blur(40px) saturate(130%);-webkit-backdrop-filter:blur(40px) saturate(130%);border-left:1px solid rgba(255,255,255,.1)!important;box-shadow:-8px 0 40px #0009!important;z-index:1100!important}.glass-theme .header-controls h3{color:#f0f4f8!important}.glass-theme .header-controls label,.glass-theme .header-controls span{color:#90a4ae!important}.glass-theme .menu-overlay{backdrop-filter:blur(8px) brightness(.6);-webkit-backdrop-filter:blur(8px) brightness(.6);background-color:#0009!important;z-index:1050!important}.glass-theme .modal-overlay{backdrop-filter:blur(14px) brightness(.7);-webkit-backdrop-filter:blur(14px) brightness(.7)}.glass-theme .modal-content{background:#101620cc!important;backdrop-filter:blur(30px) saturate(120%);-webkit-backdrop-filter:blur(30px) saturate(120%);border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;box-shadow:0 12px 48px #00000073,inset 0 1px #ffffff14}.glass-theme .chart-action-btn{background:#6478961f!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)!important;color:#e8edf2!important;font-weight:600;letter-spacing:.02em;border-radius:10px!important;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;box-shadow:0 2px 8px #00000040}.glass-theme .chart-action-btn:hover{background:#96afc833!important;border-color:#ffffff59!important;box-shadow:0 4px 16px #0000004d}.glass-theme button{background:#64789614!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)!important;color:#dce3ea!important;transition:background .25s ease,border-color .25s ease}.glass-theme button:hover{background:#96afc829!important;border-color:#ffffff47!important}.glass-theme select,.glass-theme input[type=text],.glass-theme input[type=password]{background:#5064821a!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)!important;color:#e2e8f0!important;border-radius:8px;transition:border-color .25s ease}.glass-theme select:focus,.glass-theme input[type=text]:focus,.glass-theme input[type=password]:focus{border-color:#64a0ff66!important;outline:none}.glass-theme h1,.glass-theme h2,.glass-theme h3,.glass-theme h4{color:#eef2f6!important}.glass-theme p,.glass-theme span,.glass-theme label{color:#b0bec5}.glass-theme ::-webkit-scrollbar{width:5px}.glass-theme ::-webkit-scrollbar-track{background:transparent}.glass-theme ::-webkit-scrollbar-thumb{background:#96aabe33;border-radius:3px}.glass-theme ::-webkit-scrollbar-thumb:hover{background:#96aabe59}.glass-theme .recharts-cartesian-axis-tick-value,.glass-theme .recharts-text{fill:#90a4ae!important}.glass-theme .recharts-legend-item-text{color:#b0bec5!important}.glass-theme .main-content{background-color:transparent!important}.glass-theme select option{background-color:#000!important;color:#fff!important}.glass-theme .modal-overlay button[style*=background]{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-theme .modal-content button[style*="background: none"]{background:none!important;border:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-theme .hamburger-btn,.glass-theme .close-menu-btn{background:none!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-theme .action-buttons .food-log-btn{background:linear-gradient(180deg,#0006,#3b82f6e6)!important;color:#fff!important;border:1px solid rgba(59,130,246,.4)!important;box-shadow:0 4px 12px #0000004d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-theme .action-buttons .food-log-btn:hover{background:linear-gradient(180deg,#0000004d,#3b82f6f2)!important;border-color:#3b82f699!important}.glass-theme .action-buttons .erase-data-btn,.glass-theme .action-buttons .wipe-data-btn{background:linear-gradient(180deg,#0006,#800020e6)!important;color:#fff!important;border:1px solid rgba(128,0,32,.4)!important;box-shadow:0 4px 12px #0000004d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-theme .action-buttons .erase-data-btn:hover,.glass-theme .action-buttons .wipe-data-btn:hover{background:linear-gradient(180deg,#0000004d,#800020f2)!important;border-color:#80002099!important}.glass-theme .chart-container{width:100%!important;max-width:100%!important}.drag-handle{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}