*{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}textarea{color:#f0f3ff;resize:vertical;width:100%;min-height:5.5rem;font:inherit;background:#0f1420;border:1px solid #3a435a;border-radius:.25rem;padding:.6rem .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-group{align-items:center;gap:.35rem;min-width:0;margin-left:auto;display:flex}.logout-button{margin-left:0}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}.metric-card-note{color:#a8b9d8;font-size:.82rem}.ui-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:.16rem .52rem;font-size:.76rem;line-height:1.35;display:inline-flex}.ui-badge-good{color:#76e6a5;background:#3ec97a2e;border-color:#3ec97a73}.ui-badge-warn{color:#ffd77a;background:#ffc5482e;border-color:#ffc54873}.ui-badge-bad{color:#ff8a8a;background:#ff5a5a2e;border-color:#ff5a5a73}.ui-badge-neutral,.ui-badge-info{color:#b8c7e7;background:#7e92bc29;border-color:#7e92bc6b}.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-item-grid .ui-badge{width:fit-content}.chart-history-macros{flex-wrap:wrap;gap:.35rem;display:flex}.pressure-line{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pressure-summary{background:#121a2b;border:1px solid #2d3750;border-radius:.375rem;gap:.45rem;padding:.75rem;display:grid}.pressure-summary p{color:#d5e1f8;margin:0;font-size:.88rem;line-height:1.45}.pressure-summary strong{color:#eef3ff}.pressure-summary-item{gap:.35rem;display:grid}.pressure-summary-label{letter-spacing:.02em;color:#c6d4ef;font-size:.8rem;font-weight:700}.pressure-summary-badges{flex-wrap:wrap;gap:.35rem;display:flex}.pressure-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.76rem;line-height:1.35;display:inline-flex}.pressure-badge-good{color:#76e6a5;background:#3ec97a2e;border-color:#3ec97a73}.pressure-badge-warn{color:#ffd77a;background:#ffc5482e;border-color:#ffc54873}.pressure-badge-bad{color:#ff8a8a;background:#ff5a5a2e;border-color:#ff5a5a73}.pressure-badge-neutral{color:#b8c7e7;background:#7e92bc29;border-color:#7e92bc6b}.pressure-indicator{border:1px solid #0000;border-radius:999px;align-items:center;padding:.1rem .4rem;font-size:.75rem;line-height:1.35;display:inline-flex}.pressure-indicator-good{color:#76e6a5;background:#3ec97a2e;border-color:#3ec97a73}.pressure-indicator-warn{color:#ffd77a;background:#ffc5482e;border-color:#ffc54873}.pressure-indicator-bad{color:#ff8a8a;background:#ff5a5a2e;border-color:#ff5a5a73}.pressure-reference-note{color:#9db2d8;margin:.1rem 0 0;font-size:.82rem}.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}.blood-pressure-modal{width:min(100%,640px)}.blood-pressure-comment-label{grid-column:1/-1}.blood-pressure-comment{color:#9db2d8;margin:0;font-size:.9rem;line-height:1.4}.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:#7f93be73 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{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}.product-name-with-indicator{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.product-index-indicator{background:#7f8aa3;border-radius:999px;flex:none;width:.5rem;height:.5rem}.product-index-good{background:#4fc37a}.product-index-warn{background:#f3c049}.product-index-bad{background:#ef6b6b}.product-index-neutral{background:#7f8aa3}.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.icon-only{justify-content:center;align-items:center;width:1.9rem;height:1.9rem;padding:0;display:inline-flex}.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}.ration-product-input-wrap{align-items:center;gap:.45rem;display:flex}.ration-product-input-wrap input{flex:auto;min-width:0}.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(0,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(0,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}.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}.ui-badge-macro-protein{color:#7fa8ff;background:#4f7cff2e;border-color:#4f7cff6b}.ui-badge-macro-fat{color:#f5c06a;background:#f5a6232e;border-color:#f5a6236b}.ui-badge-macro-carbs{color:#6ddda0;background:#3ec97a2e;border-color:#3ec97a6b}.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%}}.menu-item-icon{gap:.4rem;width:auto;min-width:32px;padding:0 .55rem}.menu-label{white-space:nowrap;font-size:.82rem;font-weight:600}.top-menu-divider{background:#2f3546;width:1px;height:20px;margin:0 .2rem}@media (width<=1100px){.menu-label{display:none}.menu-item-icon{width:32px;padding:0}}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;display:grid}.stat-tile,.lab-key-tile{text-align:left;min-width:0;color:inherit;font:inherit;background:#0f192a;border:1px solid #2a3755;border-radius:.4rem;align-content:start;gap:.2rem;padding:.65rem .8rem;display:grid}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:#7085a8;font-size:.72rem;font-weight:700}.stat-value{color:#f0f5ff;font-size:1.35rem;font-weight:700;line-height:1.15}.stat-good{color:#6ddda0}.stat-note{color:#8a9cc4;font-size:.78rem;line-height:1.35}.stat-tile-good,.lab-key-good{background:#3ec97a0f;border-color:#3ec97a73}.stat-tile-warn,.lab-key-warn{background:#f5a6230f;border-color:#f5a62373}.stat-tile-bad,.lab-key-bad{background:#ff5a5a0f;border-color:#ff5a5a73}.stat-tile-good .stat-value,.lab-key-good .stat-value{color:#6ddda0}.stat-tile-warn .stat-value,.lab-key-warn .stat-value{color:#f5c06a}.stat-tile-bad .stat-value,.lab-key-bad .stat-value{color:#ff8585}.lab-key-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.lab-key-tile{cursor:pointer;transition:border-color .12s,background .12s}.lab-key-tile:hover{border-color:#4f7cff}.lab-key-tile.is-active{box-shadow:0 0 0 1px #4f7cff8c}.lab-key-tile .stat-value{font-size:1.1rem}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chart-wrap{background:#121a2b;border:1px solid #2a3755;border-radius:.4rem;width:100%;padding:.4rem .4rem 0 0}.chart-empty{text-align:center;color:#6a7d9e;border:1px dashed #2a3755;border-radius:.4rem;margin:0;padding:1.2rem}.chart-tooltip{color:#dce8ff;background:#0b111d;border:1px solid #33415d;border-radius:.35rem;gap:.2rem;padding:.45rem .6rem;font-size:.8rem;display:grid;box-shadow:0 8px 24px #00000059}.chart-tooltip-date{color:#8a9cc4;font-weight:600}.chart-tooltip-row{align-items:center;gap:.4rem;display:flex}.chart-tooltip-swatch{border-radius:999px;width:8px;height:8px}.chart-tooltip-name{color:#b8c7e7}.chart-tooltip-value{color:#f0f5ff;margin-left:auto}.recharts-legend-item-text{color:#b8c7e7!important}.range-tabs{background:#0f1420;border:1px solid #2f3546;border-radius:.4rem;gap:.2rem;padding:.15rem;display:inline-flex}.range-tab{all:unset;cursor:pointer;color:#aab3ca;border-radius:.3rem;padding:.25rem .6rem;font-size:.8rem}.range-tab:hover{color:#e8eeff}.range-tab.is-active{color:#f4f6ff;background:#3158cb}.entry-title{color:#dce8ff}.entry-main-value{color:#f0f5ff;font-size:1.05rem;font-weight:700}.badge-column{justify-items:start;gap:.3rem;display:grid}.lab-table{border-collapse:collapse;width:100%;font-size:.88rem}.lab-table td{vertical-align:middle;border-bottom:1px solid #1f2a40;padding:.3rem .45rem}.lab-table tr:last-child td{border-bottom:0}.lab-table-name{color:#dce8ff;white-space:nowrap;font-weight:600}.lab-table-value{white-space:nowrap}.lab-table-range{color:#8a9cc4;white-space:nowrap}.lab-table-note{color:#7085a8;font-size:.8rem}.lab-table-actions{width:1%}.form-error,.confirm-message{color:#ffd28f;margin:0;font-size:.9rem}.confirm-message{color:#dce8ff}.field-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.inline-label{align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.inline-label select{width:auto;min-width:200px}.readonly-field{color:#f0f5ff;align-items:center;gap:.6rem;min-height:2.25rem;font-weight:700;display:flex}.link-button,.link-button:hover:not(:disabled){all:unset;cursor:pointer;color:#7eb8ff;font-size:.85rem;font-weight:500}.link-button:hover{text-decoration:underline}.button-secondary,.button-secondary:hover:not(:disabled){color:#dce8ff;background:#1a2438;border-color:#3e4a68}.button-secondary:hover:not(:disabled){border-color:#4f7cff}.dashboard{align-content:start;gap:1rem;display:grid}.quick-actions{flex-wrap:wrap;gap:.4rem;display:flex}.quick-actions button{padding:.4rem .75rem;font-size:.85rem}.checklist{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.checklist-item{all:unset;box-sizing:border-box;cursor:pointer;color:#dce8ff;background:#0f192a;border:1px solid #2a3755;border-left-width:4px;border-radius:.35rem;width:100%;padding:.5rem .75rem;font-size:.9rem;display:block}.checklist-item:hover{background:#142038}.checklist-info{border-left-color:#4f7cff}.checklist-warn{border-left-color:#f5a623}.checklist-bad{border-left-color:#ff5a5a}.checklist-good{border-left-color:#3ec97a}.progress{background:#1a2438;border-radius:999px;height:18px;margin-top:.35rem;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#3158cb,#4f7cff);border-radius:999px;height:100%;transition:width .3s}.progress-text{color:#e8eeff;white-space:nowrap;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;inset:0}@media (width<=640px){.quick-actions button{flex:calc(50% - .4rem)}.ration-header{flex-direction:column;align-items:stretch}.field-row{grid-template-columns:1fr}.stat-value{font-size:1.2rem}}.modal>*{min-width:0}*{scrollbar-width:thin;scrollbar-color:#7f93be73 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:#7f93be73 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4f7cff padding-box padding-box}::-webkit-scrollbar-thumb:active{background:#7eb8ff padding-box padding-box}.modal{overscroll-behavior:contain;max-height:calc(100dvh - 2rem);overflow-y:auto}@media (width<=420px){.modal{max-height:calc(100dvh - 1rem)}}:root{--dw-tab-bar-h:58px;--dw-safe-bottom:env(safe-area-inset-bottom,0px)}.tab-bar,.nav-sheet-backdrop{display:none}@media (width<=767px){.tab-bar{z-index:40;padding:.4rem .3rem calc(.25rem + var(--dw-safe-bottom));-webkit-backdrop-filter:blur(20px)saturate(140%);background:#0c111ce0;border-top:1px solid #6078af33;grid-template-columns:repeat(5,1fr);gap:.15rem;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -14px 34px #00000073}.tab-item{all:unset;box-sizing:border-box;color:#7d8db3;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;gap:.16rem;min-height:50px;transition:color .16s,background .16s;display:flex;position:relative}.tab-item:hover:not(:disabled),.tab-item:active{background:#4f7cff24;border:0}.tab-item:focus-visible,.nav-sheet-item:focus-visible{outline-offset:-2px;outline:2px solid #9fc2ffe6}.tab-icon{fill:currentColor;display:block}.tab-label{letter-spacing:.01em;font-size:.645rem;font-weight:600}.tab-item.is-active{color:#92b4ff}.tab-item.is-active:before{content:"";background:linear-gradient(90deg,#4f7cff,#7eb8ff);border-radius:999px;width:18px;height:3px;position:absolute;top:-.2rem;box-shadow:0 0 10px #4f7cffb3}.nav-sheet-backdrop{inset:0 0 calc(var(--dw-tab-bar-h) + var(--dw-safe-bottom)) 0;z-index:38;background:#04070e9e;animation:.16s dw-fade-in;display:block;position:fixed}.nav-sheet{background:linear-gradient(#1b2234 0%,#131a28 100%);border-top:1px solid #6078af47;border-radius:1.15rem 1.15rem 0 0;gap:.7rem;padding:.5rem .8rem .9rem;animation:.24s cubic-bezier(.22,1,.36,1) dw-sheet-up;display:grid;position:absolute;inset:auto 0 0;box-shadow:0 -18px 50px #0000008c}.nav-sheet-grabber{background:#3c465f;border-radius:999px;justify-self:center;width:38px;height:4px}.nav-sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.nav-sheet-item{all:unset;box-sizing:border-box;color:#c2cfe9;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#101827;border:1px solid #2a3450;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:74px;padding:.5rem .3rem;font-size:.73rem;font-weight:600;display:flex}.nav-sheet-item:hover:not(:disabled),.nav-sheet-item:active{background:#172034;border-color:#35405e}.nav-sheet-icon{fill:currentColor}.nav-sheet-item.is-active,.nav-sheet-item.is-active:hover:not(:disabled){color:#a9c5ff;background:#4f7cff24;border-color:#4f7cffb3}.nav-sheet-logout{color:#ffc4c4;background:#8f3b3b29;border:1px solid #5c3440;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;min-height:46px;font-weight:600;display:flex}.nav-sheet-logout:hover:not(:disabled){background:#8f3b3b47;border-color:#8f3b3b}.hero{display:none}.container{padding:.75rem .7rem calc(var(--dw-tab-bar-h) + var(--dw-safe-bottom) + .85rem);grid-template-rows:1fr;gap:.7rem}.card{background:linear-gradient(#1a2030 0%,#161b27 100%);border-color:#2a3247;border-radius:1rem;grid-template-columns:minmax(0,1fr);gap:.85rem;padding:.85rem .8rem;box-shadow:0 12px 28px #00000047}.card>*{min-width:0}h2{letter-spacing:-.01em;font-size:1.3rem}input,select,textarea,.number-input-field{font-size:16px}input,select,.number-input-wrap{border-radius:.6rem;min-height:44px}label{font-size:.86rem}button{border-radius:.6rem}.actions button,.products-header button,.ration-header>button{width:100%;min-height:46px}.field-row{grid-template-columns:1fr}.inline-label select{width:100%;min-width:0}.ration-header{flex-direction:column;align-items:stretch;gap:.6rem}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.quick-actions button{color:#cfe0ff;background:#161f33;border:1px solid #33415d;border-radius:999px;min-height:42px;padding:0 .6rem;font-size:.87rem;font-weight:600}.quick-actions button:hover:not(:disabled){background:#1d2942;border-color:#4f7cff}.checklist-item{border-left-width:4px;border-radius:.7rem;padding:.6rem .75rem;line-height:1.35}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.stat-grid>.stat-tile:has(.progress){grid-column:1/-1}.stat-grid>.stat-tile:has(.progress)~.stat-tile:last-child{grid-column:1/-1}.stat-tile,.lab-key-tile{border-radius:.75rem;padding:.6rem .65rem}.stat-label{font-size:.66rem}.stat-value{font-size:1.22rem}.stat-note{font-size:.72rem;line-height:1.3}.lab-key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.progress{height:20px}.chart-header{gap:.35rem}.chart-wrap{border-radius:.7rem;padding:.35rem .2rem 0 0}.range-tabs{justify-content:space-between;width:100%}.range-tab{text-align:center;flex:1;padding:.4rem .3rem;font-size:.82rem}.metrics-grid,.chart-summary-grid,.chart-diary-head,.recommendations-indices,.products-filters{grid-template-columns:1fr}.products-filters{gap:.5rem}.products-filters label{grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);align-items:center;gap:.6rem;font-size:.8rem;line-height:1.2}.chart-macro-grid,.recommendations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.chart-history-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .4rem}.metric-card,.calculator-card,.chart-diary-card,.chart-history-card,.recommendations-card,.chart-macro-section{border-radius:.8rem;padding:.7rem}.app-modal-backdrop{z-index:50;place-items:end stretch;padding:0}.app-modal-backdrop .modal{width:100%;max-height:calc(100dvh - 3rem);padding:.9rem .85rem calc(.9rem + var(--dw-safe-bottom));border-bottom:0;border-radius:1.25rem 1.25rem 0 0;animation:.24s cubic-bezier(.22,1,.36,1) dw-sheet-up;box-shadow:0 -18px 50px #0009}.app-modal-backdrop .modal-header{z-index:2;background:inherit;margin:-.9rem -.85rem 0;padding:.9rem .85rem .6rem;position:sticky;top:-.9rem}.modal-header h2{font-size:1.1rem}.modal-close-button{flex:none;width:40px;height:40px}.auth-page .modal-backdrop{padding:1rem}.auth-page .modal{border-radius:1.1rem;padding:1.1rem 1rem}.products-header{flex-direction:column;align-items:stretch;gap:.6rem}.products-table-wrap{background:0 0;border:0;border-radius:0;overflow-x:hidden}.products-table{table-layout:auto;border-collapse:separate;width:100%;min-width:0;display:block}.products-table colgroup{display:none}.products-table thead,.products-table thead tr{display:block}.products-table thead{z-index:2;background:linear-gradient(#1a2030 72%,#1a203000);padding-bottom:.5rem;position:sticky;top:0}.products-table thead tr{flex-wrap:wrap;gap:.3rem;padding:.1rem 0 0;display:flex}.products-table thead th{background:0 0;border:0;padding:0;font-size:.74rem;display:inline-flex}.products-table thead .products-th-category,.products-table thead .products-th-actions,.products-table thead .table-sort-label-product{display:none}.products-table thead .products-th-product{flex:100%;margin-bottom:.15rem}.table-search-wrap-product{max-width:none}.table-header-search{border-radius:.6rem;height:40px;padding:0 2rem;font-size:16px}.table-search-icon{left:.7rem}.products-table thead .table-sort-indicator-product{background:#141d2f;border:1px solid #2a3652;border-radius:999px;flex:none;margin-left:.4rem;padding:.15rem .25rem}.products-table thead .products-th-numeric,.products-table thead .products-th-index{color:#9fb1d4;background:#141d2f;border:1px solid #2a3652;border-radius:999px;flex:none;align-items:center;padding:.15rem .3rem .15rem .55rem}.products-table tbody{gap:.5rem;padding-top:.15rem;display:grid}.products-table tbody tr{background:#131b2b;border:1px solid #2a3348;border-radius:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem .4rem;padding:.65rem .7rem;display:grid}.products-table tbody tr:hover{background:#131b2b}.products-table tbody td{white-space:normal;border:0;padding:0;font-size:.88rem;display:block}.products-cell-product{color:#e9f0ff;grid-column:1/4;font-weight:600;line-height:1.3}.products-cell-actions{grid-area:1/4;justify-self:end}.products-cell-category{grid-column:1/-1}.products-cell-macro:before,.products-cell-index:before{content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;color:#6a7d9e;margin-bottom:.1rem;font-size:.62rem;font-weight:700;display:block}.products-cell-macro{font-variant-numeric:tabular-nums;color:#dbe6ff}.products-cell-index{grid-column:span 2}.products-empty,.products-load-more{text-align:center;padding:.9rem .2rem}.table-inline-action-button.icon-only{width:2.1rem;height:2.1rem}.categories-table thead{display:none}.categories-table tbody tr{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.5rem .6rem}.categories-table .products-cell-category{grid-column:1;overflow:visible}.categories-table .categories-td-count{font-variant-numeric:tabular-nums;color:#9fb1d4;grid-column:2;font-size:.82rem}.categories-table .categories-td-count:after{content:" шт";color:#6a7d9e}.categories-table .categories-td-actions{grid-column:3}.chart-diary-table-wrap{background:0 0;border:0;border-radius:0;overflow:visible}.chart-diary-table{border-collapse:separate;min-width:0;display:block}.chart-diary-table thead{display:none}.chart-diary-table tbody{gap:.5rem;display:grid}.chart-diary-table tbody tr{background:#131b2b;border:1px solid #2a3348;border-radius:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem .4rem;padding:.6rem .65rem;display:grid}.chart-diary-table tbody td{border:0;padding:0;display:block}.diary-cell-product{grid-column:1/4}.diary-cell-remove{grid-area:1/4;place-self:center end}.diary-cell-amount{grid-column:1/-1}.diary-cell-macro,.diary-cell-total{font-variant-numeric:tabular-nums;text-align:left;color:#dbe6ff;font-size:.88rem}.diary-cell-amount:before,.diary-cell-macro:before,.diary-cell-total:before{content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;color:#6a7d9e;margin-bottom:.1rem;font-size:.62rem;font-weight:700;display:block}.diary-cell-total{color:#f0f5ff;font-weight:700}.chart-remove-row-button{color:#ffc4c4;background:#8f3b3b33;border-color:#6f3a44;width:2.1rem;height:2.1rem}.chart-remove-row-button:hover:not(:disabled){background:#8f3b3b61;border-color:#a74b5c}.lab-table-note{display:none}.lab-table{table-layout:fixed;font-size:.82rem}.lab-table td{padding:.35rem .3rem}.lab-table-name,.lab-table-range{white-space:normal}.lab-table-range{font-size:.75rem}.chart-history-item{border-radius:.8rem;padding:.65rem}.chart-history-item-head{gap:.5rem}.chart-history-actions button{min-height:2.1rem}}@media (width<=380px){.container{padding-left:.55rem;padding-right:.55rem}.tab-label{font-size:.6rem}.nav-sheet-item{font-size:.69rem}}@keyframes dw-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes dw-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.nav-sheet,.nav-sheet-backdrop,.modal{animation:none}}.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;overflow:hidden auto}.fixed-scrollbar-content::-webkit-scrollbar{display:none}.fixed-scrollbar-track{cursor:pointer;z-index:10;border-radius:999px;width:14px;height:auto;transition:background .16s;position:fixed;top:0;bottom:0;right:3px}.fixed-scrollbar-track:hover{background:#7f93be1a}.fixed-scrollbar-thumb{cursor:grab;background:#7f93be73;border-radius:999px;width:6px;transition:width .16s,right .16s,background .16s,box-shadow .16s;position:absolute;right:4px}.fixed-scrollbar-track:hover .fixed-scrollbar-thumb,.fixed-scrollbar-thumb-active{background:linear-gradient(#4f7cff,#3158cb);width:10px;right:2px;box-shadow:inset 0 0 0 1px #9fc2ff59,0 4px 14px #4f7cff59}.fixed-scrollbar-thumb-active{cursor:grabbing;background:linear-gradient(#7eb8ff,#4f7cff)}@media (width<=767px),(hover:none),(pointer:coarse){.fixed-scrollbar-content{scrollbar-width:thin;-ms-overflow-style:auto}.fixed-scrollbar-content::-webkit-scrollbar{display:block}.fixed-scrollbar-track{display:none}}