*{box-sizing:border-box}html,body{color:#e8edff;-webkit-text-size-adjust:100%;background:radial-gradient(circle at top,#171f34 0%,#0b0f18 58%);height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#root{height:100%}.container{grid-template-rows:auto 1fr;gap:1rem;width:min(100%,1440px);height:100%;min-height:0;margin:0 auto;padding:0 clamp(1rem,2.5vw,2rem) 2.5rem;display:grid}.app-scroll-area{height:100dvh}.auth-page{width:100%;min-height:100dvh}.card{background:#181d2a;border:1px solid #2f3546;border-radius:.425rem;gap:.75rem;min-width:0;min-height:0;padding:1rem;display:grid;box-shadow:0 10px 30px #0003}.card-content-height{align-self:start}.hero{justify-content:flex-start;align-items:center;gap:.65rem;width:100%;min-height:72px;display:flex}h1,h2{margin:0}label{color:#c8d0e3;gap:.35rem;font-weight:600;display:grid}input{color:#f0f3ff;background:#0f1420;border:1px solid #3a435a;border-radius:.25rem;width:100%;height:2.25rem;padding:0 .75rem}select{color:#f0f3ff;background:#0f1420;border:1px solid #3a435a;border-radius:.25rem;width:100%;min-height:2.25rem;padding:.35rem .75rem}.number-input-wrap{align-items:stretch;width:100%;display:flex}.number-input-wrap:focus-within .number-input-field,.number-input-wrap:focus-within .number-input-controls{border-color:#4f7cff;box-shadow:0 0 0 1px #4f7cff59}.number-input-field{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0;padding-right:.6rem}.number-input-field:focus,.number-input-field:focus-visible{outline:none}:is(.number-input-field:invalid,.number-input-field:-moz-ui-invalid){box-shadow:none}.number-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-field{appearance:textfield}.number-input-controls{background:#0f1420;border:1px solid #3a435a;border-radius:0 .25rem .25rem 0;flex-direction:column;width:22px;display:flex}.number-input-controls button{all:unset;cursor:pointer;color:#aab3ca;flex:1;justify-content:center;align-items:center;display:flex}.number-input-controls button:focus,.number-input-controls button:focus-visible{box-shadow:none;outline:none}.number-input-controls button:first-child{border-top-right-radius:.25rem}.number-input-controls button:last-child{border-bottom-right-radius:.25rem}.number-input-controls button:hover:not(:disabled){color:#dbe4ff;background:#2d3548}.number-input-controls button:disabled{opacity:.5;cursor:not-allowed}.number-arrow{border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.number-arrow-up{border-bottom:6px solid}.number-arrow-down{border-top:6px solid}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.top-menu{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.menu-item{justify-content:center;align-items:center;display:flex}.menu-item-icon{color:#c9d0e4;background:0 0;border:0;border-radius:.25rem;width:32px;height:32px;padding:0;line-height:0}.menu-item-icon:hover:not(:disabled),.logout-button:hover:not(:disabled){background:#30374a;border-color:#0000}.menu-icon{fill:currentColor;width:18px;height:18px;display:block}.menu-item.is-active{color:#f4f6ff;background:#3158cb;border-color:#3158cb}button{color:#f4f6ff;cursor:pointer;background:#4f7cff;border:1px solid #4f7cff;border-radius:.25rem;padding:.5rem .9rem;transition:all .15s}button:hover:not(:disabled){background:#3f6ef6;border-color:#3f6ef6}button:disabled{color:#c9d0e4;cursor:not-allowed;background:#4c556d;border-color:#4c556d}.icon-button{color:#c9d0e4;background:0 0;border:0;border-radius:.25rem;justify-content:center;align-items:center;width:32px;height:32px;padding:0;line-height:0;display:flex}.logout-button{margin-left:auto}pre{color:#c5d0e8;background:#101522;border:1px solid #2c3448;border-radius:.25rem;margin:0;padding:.75rem;overflow:auto}.modal-backdrop{background:#020409b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.app-modal-backdrop{z-index:30}.modal{width:min(100%,460px)}.modal-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.modal-close-button{color:#e8eeff;background:#0f1420;border:1px solid #3a435a;border-radius:.45rem;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:1.7rem;line-height:1;display:inline-flex}.modal-close-button:hover:not(:disabled){background:#1f2b42;border-color:#4c5c7d}.auth-form,.profile-form{gap:.75rem;display:grid}.profile-message{color:#bfd2ff;font-size:.9rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.metric-card{background:#121a2b;border:1px solid #2d3750;border-radius:.375rem;gap:.25rem;padding:.75rem;display:grid}.metric-card h3{color:#d6e3ff;margin:0;font-size:.95rem}.metric-card p{color:#f1f5ff;margin:0;font-size:1.15rem;font-weight:700}.calculator-card{background:#121a2b;border:1px solid #2d3750;border-radius:.375rem;gap:.75rem;padding:.75rem;display:grid}.calculator-card h3{color:#d6e3ff;margin:0;font-size:.95rem}.slider-group{gap:.35rem;display:grid}.slider-header{color:#d9e5ff;justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.slider-header strong{color:#f4f7ff}.range-slider{cursor:pointer;background:0 0;border:0;border-radius:0;height:20px;padding:0}.range-slider:disabled{cursor:not-allowed;opacity:.55}.range-slider::-webkit-slider-runnable-track{background:#33415d;border-radius:999px;height:5px}.range-slider::-webkit-slider-thumb{appearance:none;background:#4f7cff;border:1px solid #9fc2ff;border-radius:50%;width:14px;height:14px;margin-top:-4.5px}.range-slider::-moz-range-track{background:#33415d;border-radius:999px;height:5px}.range-slider::-moz-range-thumb{background:#4f7cff;border:1px solid #9fc2ff;border-radius:50%;width:14px;height:14px}.slider-group small{color:#9fb1d4}.calculator-results{gap:.15rem;display:grid}.calculator-results p{color:#e6edff;margin:0}.calculator-warning{color:#ffd28f;margin:0;font-size:.9rem}.chart-diary-card{background:#121a2b;border:1px solid #2d3750;border-radius:.375rem;gap:.75rem;padding:.75rem;display:grid}.chart-diary-head{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.chart-diary-table-wrap{background:#101a2d;border:1px solid #2d3750;border-radius:.375rem;overflow:auto}.chart-diary-table{border-collapse:collapse;width:100%;min-width:960px}.chart-diary-table th,.chart-diary-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #2a3348;padding:.45rem .55rem}.chart-diary-table th{color:#dce8ff;background:#192238;font-size:.85rem}.chart-diary-table td{color:#e6edff;font-size:.9rem}.chart-diary-table td:last-child,.chart-diary-table th:last-child{text-align:center;width:56px}.chart-remove-row-button{border-radius:.3rem;width:28px;height:28px;padding:0}.chart-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.chart-balance-positive{color:#ff6b6b}.chart-balance-negative{color:#7fdb8a}.chart-helper-text{color:#9fb1d4}.ration-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ration-header h2{margin:0}.chart-history-card{background:#121a2b;border:1px solid #2d3750;border-radius:.375rem;gap:.75rem;padding:.75rem;display:grid}.chart-history-card h3{color:#d6e3ff;margin:0;font-size:.95rem}.chart-history-empty{color:#aab8d6;margin:0}.chart-history-list{gap:.6rem;display:grid}.chart-history-item{background:#10192b;border:1px solid #2a3348;border-radius:.35rem;gap:.45rem;padding:.6rem;display:grid}.chart-history-item-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chart-history-actions{flex-wrap:wrap;gap:.35rem;display:flex}.chart-history-actions button{padding:.3rem .65rem}.chart-delete-day-button{background:#8f3b3b;border-color:#8f3b3b}.chart-delete-day-button:hover:not(:disabled){background:#b64848;border-color:#b64848}.chart-history-item-grid{color:#d6e3ff;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.35rem .6rem;font-size:.9rem;display:grid}.chart-history-loader{text-align:center;color:#8a9cc4;font-size:.82rem}.chart-history-sentinel{width:100%;height:1px}.ration-modal{width:min(96vw,1080px)}.ration-date-error{color:#ffd28f;margin:0;font-size:.9rem}.products-add-form{gap:.75rem;display:grid}.products-calories-row{align-items:stretch;gap:.5rem;display:flex}.products-calories-row .number-input-wrap{flex:1}.products-calc-button{white-space:nowrap;flex:none}.products-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.products-filters{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.products-actions{grid-column:1/-1}.products-list-summary{color:#c8d6f4;font-size:.95rem}.products-message{color:#c8d6f4;margin:0}.products-card{flex-direction:column;display:flex}.products-table-wrap{scrollbar-width:thin;scrollbar-color:#354060 transparent;-webkit-overflow-scrolling:touch;background:#121a2b;border:1px solid #2d3750;border-radius:.375rem;flex:1;min-width:0;min-height:0;overflow:auto}.products-table-wrap::-webkit-scrollbar{width:5px;height:5px}.products-table-wrap::-webkit-scrollbar-track{background:0 0}.products-table-wrap::-webkit-scrollbar-thumb{background:#354060;border-radius:10px}.products-table-wrap::-webkit-scrollbar-thumb:hover{background:#4a5c7e}.products-table-wrap::-webkit-scrollbar-corner{background:0 0}.products-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:768px}.products-card .products-table{table-layout:auto}.products-col-product{width:260px}.products-col-category{width:180px}.products-col-numeric{width:95px}.products-col-index{width:80px}.products-col-actions{width:180px}.products-card .products-col-product{width:auto}.products-card .products-col-category,.products-card .products-col-numeric,.products-card .products-col-index,.products-card .products-col-actions{width:1%}.products-table th,.products-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #2a3348;padding:.55rem .6rem;font-size:.9rem}.products-table th{color:#dce8ff;z-index:1;letter-spacing:.01em;background:#192238;border-bottom:2px solid #2e3e5c;font-weight:600;position:sticky;top:0}.products-th-product{vertical-align:top}.products-th-numeric,.products-th-index,.products-th-actions{text-align:center}.products-cell-product,.products-cell-category{text-overflow:ellipsis;overflow:hidden}.table-sort-cell{align-items:center;gap:.45rem;width:100%;display:inline-flex}.table-sort-label{color:inherit}.table-sort-cell-product{justify-content:space-between;gap:.45rem}.table-sort-label-product{font-weight:600}.table-sort-indicator{flex-direction:column;gap:.05rem;line-height:1;display:inline-flex}.table-sort-arrow{all:unset;box-sizing:border-box;color:#6a7a9e;opacity:.5;cursor:pointer;border-radius:.2rem;justify-content:center;align-items:center;width:1.15rem;height:.7rem;font-size:.52rem;transition:color .15s,opacity .15s,background-color .15s;display:flex}.table-sort-arrow:hover:not(:disabled){color:#b0c4e8;opacity:.9;background:#4f7cff1f}.table-sort-arrow:focus-visible{outline-offset:1px;outline:2px solid #9fc2ffe6}.table-sort-arrow.is-active{color:#7eb8ff;opacity:1;background:#4f7cff2e}.table-search-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.table-search-wrap-product{max-width:260px}.table-sort-indicator-product{margin-left:auto}.table-search-icon{color:#6a7c9e;pointer-events:none;align-items:center;line-height:0;display:flex;position:absolute;left:.5rem}.table-header-search{background:#0d1422;border-color:#2a3450;width:100%;min-width:0;height:1.75rem;padding:0 1.6rem 0 1.8rem;font-size:.8rem}.table-header-search:focus{border-color:#4f7cff;outline:none;box-shadow:0 0 0 1px #4f7cff40}.table-search-clear{all:unset;box-sizing:border-box;color:#6a7c9e;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;line-height:0;transition:color .12s,background .12s;display:flex;position:absolute;right:.35rem}.table-search-clear:hover{color:#c0cff0;background:#ffffff14}.products-table tbody tr:hover{background:#1a243a}.table-inline-actions{justify-content:center;align-items:center;gap:.4rem;display:flex}.table-inline-action-button{color:#dce8ff;background:#1a2438;border:1px solid #3e4a68;padding:.25rem .45rem;font-size:.78rem}.table-inline-action-button:hover:not(:disabled){background:#253353;border-color:#4f7cff}.table-inline-action-button.danger{color:#ffd7df;border-color:#6f3a44}.table-inline-action-button.danger:hover:not(:disabled){background:#46222b;border-color:#a74b5c}.categories-table{table-layout:auto;min-width:768px}.categories-col-name{width:auto}.categories-col-count,.categories-col-actions{width:1%}.categories-th-count,.categories-td-count{text-align:center}.categories-th-actions,.categories-td-actions{text-align:right}.categories-inline-actions{justify-content:flex-end}.products-empty{color:#aab8d6;margin:0;padding:1rem .75rem;font-size:.9rem}.products-load-more{color:#8a9cc4;letter-spacing:.03em;justify-content:center;padding:.65rem .75rem;font-size:.82rem;display:flex}.products-sentinel{width:100%;height:1px}.products-modal{width:min(100%,760px)}@media (width>=900px){.container{gap:1.25rem}.card{padding:clamp(1rem,1.2vw,1.35rem)}.profile-form{grid-template-columns:repeat(2,minmax(260px,1fr));column-gap:1rem}.profile-form .actions,.products-add-form .products-actions{grid-column:1/-1}.products-add-form{grid-template-columns:repeat(2,minmax(260px,1fr));column-gap:1rem}}@media (width>=1200px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (width<=640px){.container{padding:0 .75rem calc(1rem + env(safe-area-inset-bottom));gap:.75rem}.card{border-radius:.5rem;padding:.8rem}.hero{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0b0f18f2,#0b0f188c);gap:.5rem;min-height:48px;padding:.2rem 0;position:sticky;top:0}.top-menu{flex:1;gap:.35rem}.logout-button{margin-left:0}.menu-item-icon,.icon-button{width:36px;height:36px}.actions{align-items:stretch}.actions button{width:100%}.metrics-grid{grid-template-columns:1fr}.calculator-card,.metric-card,.chart-diary-card{padding:.7rem}.products-table-wrap{min-height:0}.products-table{width:768px;min-width:768px}.chart-diary-table{min-width:960px}}.chart-diary-kcal-cell{white-space:nowrap;text-align:right}.recommendations-macro-bar{border-radius:999px;gap:2px;height:10px;display:flex;overflow:hidden}.recommendations-macro-bar-protein{background:#4f7cff;border-radius:999px 0 0 999px;min-width:4px}.recommendations-macro-bar-fat{background:#f5a623;min-width:4px}.recommendations-macro-bar-carbs{background:#3ec97a;border-radius:0 999px 999px 0;min-width:4px}.recommendations-macro-legend{gap:1rem;font-size:.8rem;font-weight:600;display:flex}.recommendations-legend-protein{color:#7fa8ff}.recommendations-legend-fat{color:#f5c06a}.recommendations-legend-carbs{color:#6ddda0}.recommendations-card{background:#121a2b;border:1px solid #2d3750;border-radius:.375rem;gap:.75rem;padding:.75rem;display:grid}.recommendations-card h3{color:#d6e3ff;margin:0;font-size:.95rem}.recommendations-subtitle{color:#a8b9d8;margin:0;font-size:.875rem}.recommendations-subtitle strong{color:#dde8ff}.recommendations-no-data{color:#8a9cc4;margin:0;font-size:.875rem}.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;display:grid}.recommendations-item{background:#0f192a;border:1px solid #2a3755;border-radius:.35rem;gap:.2rem;padding:.65rem .75rem;display:grid}.recommendations-item-header{text-transform:uppercase;letter-spacing:.06em;border-radius:.2rem;width:fit-content;padding:.15rem .4rem;font-size:.78rem;font-weight:700;display:inline-block}.recommendations-item-header-protein{color:#7fa8ff;background:#4f7cff2e}.recommendations-item-header-fat{color:#f5c06a;background:#f5a6232e}.recommendations-item-header-carbs{color:#6ddda0;background:#3ec97a2e}.recommendations-item-value{color:#f0f5ff;margin-top:.1rem;font-size:1.2rem;font-weight:700}.recommendations-item-detail{color:#8a9cc4;font-size:.8rem}.recommendations-item-tip{color:#6a7d9e;margin-top:.15rem;font-size:.78rem}.recommendations-indices{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6rem;display:grid}.recommendations-index-item{background:#0f192a;border:1px solid #2a3755;border-radius:.35rem;gap:.35rem;padding:.65rem .75rem;display:grid}.recommendations-index-title{color:#c8d8f8;font-size:.85rem;font-weight:700}.recommendations-index-scale{flex-wrap:wrap;gap:.5rem;display:flex}.recommendations-index-good,.recommendations-index-mid,.recommendations-index-bad{border-radius:.2rem;padding:.1rem .4rem;font-size:.75rem;font-weight:600}.recommendations-index-good{color:#6ddda0;background:#3ec97a2e}.recommendations-index-mid{color:#f5c06a;background:#f5a6232e}.recommendations-index-bad{color:#ff8585;background:#ff5a5a2e}.recommendations-index-tip{color:#7085a8;font-size:.8rem;line-height:1.4}.recommendations-principles{color:#a8b9d8;font-size:.85rem}.recommendations-principles strong{color:#c8d8f8}.recommendations-list{gap:.3rem;margin:.4rem 0 0;padding-left:1.25rem;display:grid}.recommendations-list li{color:#8a9cc4;line-height:1.4}.chart-macro-section{background:#0f1928;border:1px solid #2a3755;border-radius:.375rem;gap:.6rem;padding:.75rem;display:grid}.chart-macro-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chart-macro-title{color:#c8d8f8;font-size:.85rem;font-weight:700}.chart-macro-hint{color:#6a7d9e;font-size:.75rem}.chart-macro-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;display:grid}.chart-macro-card{background:#121d30;border:1px solid #2a3755;border-radius:.3rem;gap:.1rem;padding:.5rem .6rem;display:grid}.chart-macro-card-label{text-transform:uppercase;letter-spacing:.05em;color:#7085a8;font-size:.72rem;font-weight:700}.chart-macro-card-value{color:#eef2ff;font-size:1.05rem;font-weight:700}.chart-macro-card-pct{color:#8a9cc4;font-size:.78rem}.chart-macro-card-target{color:#6a7d9e;margin-top:.1rem;font-size:.75rem}.chart-macro-good{background:#3ec97a0f;border-color:#3ec97a66}.chart-macro-good .chart-macro-card-value{color:#6ddda0}.chart-macro-warn{background:#f5a6230f;border-color:#f5a62366}.chart-macro-warn .chart-macro-card-value{color:#f5c06a}.chart-macro-bad{background:#ff5a5a0f;border-color:#ff5a5a66}.chart-macro-bad .chart-macro-card-value{color:#ff8585}@media (width<=420px){.container{padding-left:.5rem;padding-right:.5rem}.modal-backdrop{padding:.5rem}.modal{border-radius:.5rem;padding:.8rem}.slider-header{font-size:.85rem}.calculator-results p{font-size:.95rem}.products-header{flex-direction:column;align-items:stretch}.products-header button{width:100%}}.fixed-scrollbar-wrapper{height:100%;min-height:0;position:relative}.fixed-scrollbar-content{touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;height:100%;min-height:0;padding-right:0;overflow:hidden auto}.fixed-scrollbar-content::-webkit-scrollbar{display:none}.fixed-scrollbar-track{cursor:pointer;z-index:10;border-radius:.25rem;width:.35rem;height:100dvh;position:fixed;top:0;right:0}@media (width<=767px),(hover:none),(pointer:coarse){.fixed-scrollbar-content{scrollbar-width:thin;-ms-overflow-style:auto;padding-right:0}.fixed-scrollbar-content::-webkit-scrollbar{width:6px;display:block}.fixed-scrollbar-track{display:none}}.fixed-scrollbar-thumb{cursor:grab;background:#4b5563;border-radius:.25rem;width:100%;transition:background .12s;position:absolute;right:0}.fixed-scrollbar-thumb:hover{background:#6b7280}.fixed-scrollbar-thumb-active{cursor:grabbing;background:#9ca3af}