@charset "UTF-8";:root,[data-bs-theme=light]{--ponics-primary:var(--ponics-primary);--ponics-primary-dark:var(--ponics-primary-dark);--ponics-primary-darker:var(--ponics-primary-darker);--ponics-text-primary:#2c3e50;--ponics-text-secondary:#6c757d;--ponics-text-muted:#444444;--ponics-bg-primary:#ffffff;--ponics-bg-secondary:#f8f9fa;--ponics-bg-tertiary:#fafafa;--ponics-border-light:#e4e4e4;--ponics-border-medium:#dee2e6;--ponics-error:var(--ponics-error);--ponics-success:var(--ponics-primary);--ponics-link:#007bff;--ponics-shadow-sm:rgba(0,0,0,0.15);--ponics-shadow-primary:rgba(165,220,134,0.3);--ponics-shadow-primary-hover:rgba(165,220,134,0.4);--ponics-matrix-blue:blue;--ponics-matrix-green:limegreen;--ponics-btn-gray:#cccccc;--ponics-btn-outline-bg:#ffffff;--ponics-footer-bg:#121212;--ponics-hpg-green:#c0dcc0;--ponics-btn-decline-bg:#f8f9fa;--ponics-btn-decline-hover:#e9ecef;--ponics-btn-decline-text:#495057}[data-bs-theme=dark]{--ponics-primary:var(--ponics-primary-dark);--ponics-primary-dark:var(--ponics-primary-darker);--ponics-primary-darker:#689f38;--ponics-text-primary:#e9ecef;--ponics-text-secondary:#adb5bd;--ponics-text-muted:#ced4da;--ponics-bg-primary:#212529;--ponics-bg-secondary:#2b3035;--ponics-bg-tertiary:#343a40;--ponics-border-light:#495057;--ponics-border-medium:#6c757d;--ponics-error:#ff6b6b;--ponics-success:var(--ponics-primary-dark);--ponics-link:#6ea8fe;--ponics-shadow-sm:rgba(0,0,0,0.4);--ponics-shadow-primary:rgba(139,195,74,0.2);--ponics-btn-outline-bg:transparent}*{box-sizing:border-box}.sticky_header{position:sticky;top:0}.right{margin-left:auto}.login-form{max-width:600px}#carouselExampleIndicators{max-width:168px}.logo{background:url("/static/images/logo.png?8bf7edeb94d5") no-repeat center center;background-size:contain;width:70px;height:60px}.mw-50{max-width:50px}.mw-150px{min-width:150px}.container-fluid{padding:0}.col-1-w{width:10%}.mt-50{margin-top:65%}.btn-group{display:flex;align-items:center;gap:10px}.btn-group a{text-decoration:none;color:var(--ponics-text-primary);margin:2px}.btn-group i{margin-right:5px}.switch-field{display:flex;overflow:visible;flex-wrap:wrap}.switch-field input{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.switch-field label{color:var(--ponics-text-secondary);font-size:14px;line-height:1;text-align:center;padding:8px 16px;margin-right:-1px;border:1px solid var(--ponics-border-light);transition:all 0.1s ease-in-out}.switch-field input:checked + label{background-color:var(--ponics-primary);box-shadow:none}#id_matrix-ca-n,#id_matrix-ca-p,#id_matrix-ca-k,#id_matrix-ca-mg,#id_matrix-mg-k,#id_matrix-mg-ca,#id_matrix-p-k,#id_matrix-p-ca,#id_matrix-n-k,#id_matrix-n-ca,#id_matrix-k-mg{color:var(--ponics-matrix-blue)}#id_matrix-n-mg,#id_matrix-p-mg,#id_matrix-mg-p{color:var(--ponics-matrix-green)}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--ponics-bg-primary) 0%,var(--ponics-bg-secondary) 100%);border-top:3px solid var(--ponics-primary);box-shadow:0 -4px 20px var(--ponics-shadow-sm);padding:20px;z-index:9999;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px)}.cookie-consent-banner.show{transform:translateY(0)}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-consent-text{flex:1;min-width:300px}.cookie-consent-text h5{color:var(--ponics-text-primary);margin-bottom:8px;font-weight:600;display:flex;align-items:center;gap:8px}.cookie-consent-text p{color:var(--ponics-text-secondary);margin-bottom:0;font-size:14px;line-height:1.5}.cookie-consent-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cookie-consent-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cookie-consent-btn-accept{background:linear-gradient(135deg,var(--ponics-primary) 0%,var(--ponics-primary-dark) 100%);color:white;box-shadow:0 2px 8px var(--ponics-shadow-primary)}.cookie-consent-btn-accept:hover{background:linear-gradient(135deg,var(--ponics-primary-dark) 0%,var(--ponics-primary-darker) 100%);transform:translateY(-1px);box-shadow:0 4px 12px var(--ponics-shadow-primary-hover);color:white}.cookie-consent-btn-decline{background:var(--ponics-btn-decline-bg);color:var(--ponics-text-secondary);border:1px solid var(--ponics-border-medium)}.cookie-consent-btn-decline:hover{background:var(--ponics-btn-decline-hover);color:var(--ponics-btn-decline-text);transform:translateY(-1px)}.cookie-consent-btn-settings{background:transparent;color:var(--ponics-link);border:1px solid var(--ponics-link)}.cookie-consent-btn-settings:hover{background:var(--ponics-link);color:white;transform:translateY(-1px)}.cookie-icon{font-size:18px;color:var(--ponics-primary)}@media (max-width:768px){.cookie-consent-content{flex-direction:column;text-align:center;gap:15px}.cookie-consent-text{min-width:auto}.cookie-consent-actions{justify-content:center;width:100%}.cookie-consent-btn{flex:1;justify-content:center;min-width:120px}}@media (max-width:480px){.cookie-consent-banner{padding:15px}.cookie-consent-actions{flex-direction:column;width:100%}.cookie-consent-btn{width:100%;justify-content:center}}input.precalc:not([id^=gg]):not([id^=ml]),input.precalc[inputmode^=decimal]{min-width:40px;width:46px;height:25px}input.npk-bold{width:100%}input.precalc[id^=gg],input.precalc[id^=ml],input.precalc[id^=gr]{width:70px;min-width:70px}input.mixer_ip{width:150px}#id_get_profile_str{width:100%}.mw-150px{min-width:150px}.w-matrix{width:76px}.label-margin-t{margin-top:50%}.first-matrix-row{height:53px}.first-macro-row{height:160px}.mt-38{margin-top:38%}.n-margin{margin-left:29%}#id_litres{height:auto}.h-25px{height:25px}.ml-2{margin-left:2%}.salts>.row,.second-matrix-row{height:30px}.height-30{height:30px}.w-18{width:30.666667%}.w-elem{width:auto;min-width:141px}.salt-row:hover{background-color:darkgrey;opacity:0.8}.w-salt-name{width:auto;min-width:330px}.hpg-green{background-color:var(--ponics-hpg-green)}input.w-115{width:115px}.product-item{text-align:center;border-bottom:2px solid var(--ponics-bg-secondary);background:var(--ponics-bg-primary);font-family:"Open Sans";transition:0.3s ease-in}.product-item:hover{border-bottom:2px solid var(--ponics-error)}.product-item img{display:block;width:100%}.product-list{background:var(--ponics-bg-tertiary);padding:15px 0}.product-list h3{font-size:18px;font-weight:400;color:var(--ponics-text-muted);margin:0 0 10px 0}.price{font-size:16px;color:var(--ponics-error);display:block;margin-bottom:12px}.button{text-decoration:none;display:inline-block;padding:0 12px;background:var(--ponics-btn-gray);color:white;text-transform:uppercase;font-size:12px;line-height:28px;transition:0.3s ease-in}.product-item:hover .button{background:var(--ponics-error)}.thumbnail{width:50px;height:50px;overflow:hidden;display:inline-block}.thumbnail img{width:100%}.enlarged{display:none;position:relative}.enlarged img{max-width:100%;max-height:400px}@media screen and (max-width:1024px){.input-group{flex-direction:column}input.precalc:not([id^=gg]):not([id^=ml]),input.precalc[inputmode^=decimal]{min-width:70px;width:70px;height:25px}}@media screen and (min-width:1024px){.input-group{display:flex;justify-content:space-between;align-items:center}input.precalc{width:92px;height:25px}input.w-115{width:115px}.macro-salt>input.precalc{width:95px;height:25px}.salt-name-formula{display:inline-block}input.matrix{width:75px}}@media screen and (min-width:768px) and (max-width:1024px){.mt-38{margin-top:56%}.w-salt-name{width:150px}input.precalc{width:80px;height:25px}.macro-salt>input.precalc{width:70px;height:25px}.salt-formula{display:inline-block}.w-salt-name{min-width:153px}}@media screen and (max-width:768px){.n-margin{margin-left:35%}.mt-38{margin-top:56%}.first-macro-row{height:auto}.salts>.row,.second-matrix-row{height:auto}div.w-625{width:6.25%}div.w-113{width:11.333333%}input.precalc{width:70px;height:25px}.macro-salt>input.precalc{width:67px;height:25px}.salt-formula{display:inline-block}.w-salt-name{min-width:153px;width:100%}.w-16{width:16%}}@media screen and (max-width:500px){.first-matrix-row,.second-matrix-row{height:auto}.n-margin{margin-left:35%}.mt-38{margin-top:48%}.left-matrix-element{display:none}.matrix{padding:unset;padding-left:8px}.modal-open{padding-right:0!important}div.w-113{width:66px}}@media screen and (max-width:350px){}.table-flex tbody{display:block}.table-flex tbody tr{display:flex}.table-flex tbody td,.table-flex tbody th{display:block;flex:1 1 auto}.table-flex tbody td.text-center,.table-flex tbody th.text-center{text-align:center}#help-macro input.form-control.precalc{width:4ch!important;min-width:4ch!important;max-width:6ch;display:inline-block;padding:1px 2px;height:20px;line-height:1.1;font-size:11px}#help-macro input.form-control.precalc[id^=id_no3],#help-macro input.form-control.precalc[id^=id_nh4],#help-macro input#id_nh4_nh3_ratio,#help-macro input#id_ec{min-width:4.2ch}#help-macro-matrix input.matrix.form-control-sm{width:4ch!important;min-width:4ch;padding:1px 2px;height:20px;font-size:11px}@media (max-width:576px){#help-macro .d-flex,#help-macro-matrix .d-flex{flex-wrap:wrap}}#help-macro .flex-grid>.d-flex:first-child{flex-wrap:nowrap;overflow-x:auto;gap:8px}#help-macro .fg-item{flex:0 0 auto}#help-macro #id_n,#help-macro #id_p,#help-macro #id_k,#help-macro #id_ca,#help-macro #id_mg,#help-macro #id_s{min-width:3.6ch!important}#help-macro input.precalc,#help-macro-matrix input.matrix{width:4ch!important;min-width:4ch!important;height:20px!important}.site-footer{background:var(--ponics-footer-bg)}.site-footer .text-opacity-75{opacity:0.85}.site-footer .footer-links a{opacity:0.9}.site-footer .footer-links a:hover{opacity:1;text-decoration:underline}[data-bs-theme=light] .btn[class*=btn-outline-]:not(:hover):not(:focus):not(:active){background-color:var(--ponics-btn-outline-bg)}[data-bs-theme=dark] .btn-outline-primary:hover,[data-bs-theme=dark] .btn-outline-primary:focus,[data-bs-theme=dark] .btn-outline-primary:active{background-color:var(--bs-primary)!important;color:#fff!important}[data-bs-theme=dark] .btn-outline-secondary:hover,[data-bs-theme=dark] .btn-outline-secondary:focus,[data-bs-theme=dark] .btn-outline-secondary:active{background-color:var(--bs-secondary)!important;color:#fff!important}[data-bs-theme=dark] .btn-outline-info:hover,[data-bs-theme=dark] .btn-outline-info:focus,[data-bs-theme=dark] .btn-outline-info:active{background-color:var(--bs-info)!important;color:#fff!important}[data-bs-theme=dark] .btn-outline-warning:hover,[data-bs-theme=dark] .btn-outline-warning:focus,[data-bs-theme=dark] .btn-outline-warning:active{background-color:var(--bs-warning)!important;color:#000!important}[data-bs-theme=dark] .btn-outline-danger:hover,[data-bs-theme=dark] .btn-outline-danger:focus,[data-bs-theme=dark] .btn-outline-danger:active{background-color:var(--bs-danger)!important;color:#fff!important}[data-bs-theme=dark] .btn-outline-success:hover,[data-bs-theme=dark] .btn-outline-success:focus,[data-bs-theme=dark] .btn-outline-success:active{background-color:var(--bs-success)!important;color:#fff!important}.site-footer h6{letter-spacing:0.02em}#profile-matrix-full .matrix-scroll{overflow-x:auto}#profile-matrix-full .matrix-inner{min-width:560px}#profile-matrix-full .matrix-flex{display:flex;flex-direction:column;gap:4px}#profile-matrix-full .matrix-row{display:flex}#profile-matrix-full .matrix-row.matrix-header{font-weight:600}#profile-matrix-full .matrix-cell{flex:0 0 110px;padding:6px 8px;border-bottom:1px solid rgba(0,0,0,0.05);white-space:nowrap}#profile-matrix-full .matrix-row .matrix-cell:first-child{flex:0 0 120px}#profile-matrix-full .matrix-cell .matrix{display:inline-block;min-width:4.5ch;text-align:center}#profile-matrix-full .matrix-cell .matrix[contenteditable=true]{border-bottom:1px dashed rgba(0,0,0,0.15)}@media (max-width:576px){#profile-matrix-full .matrix-cell{flex-basis:96px}#profile-matrix-full .matrix-row .matrix-cell:first-child{flex-basis:110px}}.mobile-spinner .btn.btn-decrement,.mobile-spinner .btn.btn-increment{min-height:2.75rem;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}[data-bs-theme=dark]{}[data-bs-theme=dark] .bg-white,[data-bs-theme=dark] .bg-light{background-color:var(--bs-body-bg)!important}[data-bs-theme=dark]{}[data-bs-theme=dark] .card{background-color:var(--bs-body-bg);border-color:var(--bs-border-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .table{--bs-table-bg:var(--bs-body-bg);--bs-table-color:var(--bs-body-color);--bs-table-border-color:var(--bs-border-color)}[data-bs-theme=dark] .table>thead{background-color:var(--bs-tertiary-bg)}[data-bs-theme=dark] .table>tbody>tr>td,[data-bs-theme=dark] .table>thead>tr>th{background-color:inherit;border-color:var(--bs-border-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{background-color:var(--bs-body-bg);color:var(--bs-body-color);border-color:var(--bs-border-color)}[data-bs-theme=dark] .form-control:focus,[data-bs-theme=dark] .form-select:focus{background-color:var(--bs-body-bg);color:var(--bs-body-color);border-color:var(--bs-primary)}[data-bs-theme=dark]{}[data-bs-theme=dark] [style*="background: #fff"],[data-bs-theme=dark] [style*="background:#fff"],[data-bs-theme=dark] [style*="background: white"],[data-bs-theme=dark] [style*="background:white"],[data-bs-theme=dark] [style*="background: #ffffff"],[data-bs-theme=dark] [style*="background:#ffffff"]{background-color:var(--bs-body-bg)!important}[data-bs-theme=dark] [style*="background: #f8f9fa"],[data-bs-theme=dark] [style*="background:#f8f9fa"],[data-bs-theme=dark] [style*="background: #f9fafb"],[data-bs-theme=dark] [style*="background:#f9fafb"],[data-bs-theme=dark] [style*="background: #e9ecef"],[data-bs-theme=dark] [style*="background:#e9ecef"]{background-color:var(--bs-tertiary-bg)!important}[data-bs-theme=dark]{}[data-bs-theme=dark] .dropdown-menu{background-color:var(--bs-body-bg);border-color:var(--bs-border-color)}[data-bs-theme=dark] .dropdown-item{color:var(--bs-body-color)}[data-bs-theme=dark] .dropdown-item:hover,[data-bs-theme=dark] .dropdown-item:focus{background-color:var(--bs-tertiary-bg);color:var(--bs-body-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .alert{border-color:var(--bs-border-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .list-group-item{background-color:var(--bs-body-bg);border-color:var(--bs-border-color);color:var(--bs-body-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .badge.bg-light{background-color:var(--bs-tertiary-bg)!important;color:var(--bs-body-color)!important}[data-bs-theme=dark]{}[data-bs-theme=dark] .accordion-item{background-color:var(--bs-body-bg);border-color:var(--bs-border-color)}[data-bs-theme=dark] .accordion-button{background-color:var(--bs-body-bg);color:var(--bs-body-color)}[data-bs-theme=dark] .accordion-button:not(.collapsed){background-color:var(--bs-tertiary-bg);color:var(--bs-body-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .modal-content{background-color:var(--bs-body-bg);border-color:var(--bs-border-color)}[data-bs-theme=dark] .modal-header,[data-bs-theme=dark] .modal-footer{border-color:var(--bs-border-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .offcanvas{background-color:var(--bs-body-bg)}[data-bs-theme=dark]{}[data-bs-theme=dark] .nav-tabs .nav-link{color:var(--bs-body-color)}[data-bs-theme=dark] .nav-tabs .nav-link.active{background-color:var(--bs-body-bg);border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);color:var(--bs-body-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .progress{background-color:var(--bs-secondary-bg)}[data-bs-theme=dark]{}[data-bs-theme=dark] .breadcrumb{background-color:var(--bs-tertiary-bg)}[data-bs-theme=dark]{}[data-bs-theme=dark] .page-link{background-color:var(--bs-body-bg);border-color:var(--bs-border-color);color:var(--bs-body-color)}[data-bs-theme=dark] .page-item.active .page-link{background-color:var(--bs-primary);border-color:var(--bs-primary)}[data-bs-theme=dark]{}[data-bs-theme=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}html{overflow-x:auto;overflow-y:scroll}body{overflow-x:auto;min-width:320px}.container-fluid{overflow:visible;padding:0}.navbar{overflow:visible;width:100%}.navbar .container{max-width:100%;overflow:visible}@media (min-width:768px) and (max-width:991px){.navbar .container{padding-left:1rem;padding-right:1rem}.navbar-brand{font-size:1rem}.navbar-brand .badge{font-size:0.6rem;padding:0.15em 0.35em}.navbar-brand .logo{width:60px;height:55px}}@media (min-width:576px) and (max-width:767px){.navbar-brand{font-size:0.9rem}.navbar-brand .logo{width:50px;height:45px;background-size:contain}.navbar-brand .badge{font-size:0.55rem;padding:0.1em 0.3em}}@media (max-width:575px){.navbar-brand{font-size:0.85rem}.navbar-brand .logo{width:45px;height:40px;background-size:contain}.navbar-brand .badge{display:none}}:root{--gs-modal-radius:12px;--gs-modal-shadow:0 25px 50px -12px rgba(0,0,0,0.25);--gs-category-color:#6b7280;--gs-item-hover-bg:#f3f4f6;--gs-icon-bg:#e5e7eb;--gs-icon-color:#374151;--gs-desc-color:#6b7280;--gs-badge-bg:#dbeafe;--gs-badge-color:#1d4ed8}[data-bs-theme=dark]{--gs-modal-shadow:0 25px 50px -12px rgba(0,0,0,0.5);--gs-category-color:#9ca3af;--gs-item-hover-bg:#374151;--gs-icon-bg:#4b5563;--gs-icon-color:#e5e7eb;--gs-desc-color:#9ca3af;--gs-badge-bg:#1e3a5f;--gs-badge-color:#93c5fd}#globalSearchModal .modal-content{border-radius:var(--gs-modal-radius);box-shadow:var(--gs-modal-shadow)}#globalSearchInput:focus{box-shadow:none}.search-category{font-size:0.75rem;font-weight:600;text-transform:uppercase;color:var(--gs-category-color);padding:0.5rem 1rem;margin-top:0.5rem}.search-result-item{display:flex;align-items:center;padding:0.75rem 1rem;border-radius:8px;cursor:pointer;text-decoration:none;color:inherit;transition:background-color 0.15s}.search-result-item:hover,.search-result-item.active{background-color:var(--gs-item-hover-bg);color:inherit}.search-result-item .result-icon{width:40px;height:40px;border-radius:8px;background:var(--gs-icon-bg);display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.search-result-item .result-icon i{font-size:1.2rem;color:var(--gs-icon-color)}.search-result-item .result-info{flex:1;min-width:0}.search-result-item .result-name{font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item .result-desc{font-size:0.8rem;color:var(--gs-desc-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item .result-badge{font-size:0.7rem;padding:0.2em 0.5em;border-radius:4px;background:var(--gs-badge-bg);color:var(--gs-badge-color);margin-left:8px;flex-shrink:0}:root{--pi-primary:#2db84b;--pi-overlay:rgba(0,0,0,0.5);--pi-tooltip-border:#888;--pi-tooltip-bg:#fff;--pi-tooltip-shadow:rgba(0,0,0,0.4);--pi-nav-border:#ccc;--pi-nav-border-hover:#aaa;--pi-nav-bg-hover:#ddd;--pi-nav-active:#888}.pageintro{position:relative;overflow:auto}.pageintro-overlay{top:0;left:0;width:100%;height:100%;z-index:10000;position:absolute}.pageintro-hole{position:absolute;border:2px solid var(--pi-primary);border-radius:4px;box-shadow:0 0 0 10000px var(--pi-overlay)}.pageintro-tooltip{width:320px;padding:20px;position:absolute;text-align:center;border:1px solid var(--pi-tooltip-border);border-radius:4px;background:var(--pi-tooltip-bg);box-shadow:0 0 10px var(--pi-tooltip-shadow);transition:all 0.5s}.pageintro-actions{text-align:center}.pageintro-close{position:absolute;top:-12px;right:-12px;width:28px;height:28px;border:2px solid #fff;background:#666;font-size:14px;font-family:Arial,sans-serif;line-height:1;color:#fff;cursor:pointer;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.3);z-index:1}.pageintro-close:hover{background:#333}.pageintro-nav{padding:0;margin:10px 0;text-align:center}.pageintro-nav li{width:10px;height:10px;margin:0 4px;display:inline-block;border:1px solid var(--pi-nav-border);border-radius:50%;cursor:pointer}.pageintro-nav li:hover{border-color:var(--pi-nav-border-hover);background:var(--pi-nav-bg-hover)}.pageintro-nav li.active{border-color:var(--pi-nav-active);background:var(--pi-nav-active)}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-item{display:flex;align-items:center;justify-content:space-between}.dropdown-submenu>.dropdown-item::after{content:"";border:solid currentColor;border-width:0 0.15em 0.15em 0;display:inline-block;padding:0.2em;transform:rotate(-45deg);margin-left:0.5rem;transition:transform 0.2s ease}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-0.5rem;margin-left:0.125rem;border-radius:0.375rem;min-width:12rem;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}@media (min-width:992px){.dropdown-submenu:hover>.dropdown-menu,.dropdown-submenu:focus-within>.dropdown-menu{display:block;opacity:1;visibility:visible}.dropdown-submenu>.dropdown-menu{display:none;opacity:0;visibility:hidden;transition:opacity 0.15s ease,visibility 0.15s ease}.dropdown-submenu:hover>.dropdown-item::after{transform:rotate(45deg)}}@media (max-width:991.98px){.dropdown-submenu>.dropdown-menu{position:static;left:0;margin-left:1rem;margin-top:0;border:none;box-shadow:none;background:transparent}.dropdown-submenu>.dropdown-menu .dropdown-item{padding-left:2rem;font-size:0.9rem}.dropdown-submenu>.dropdown-item::after{transform:rotate(45deg)}.dropdown-submenu.show>.dropdown-item::after{transform:rotate(-135deg)}}.dropdown-header-custom{padding:0.5rem 1rem;margin-top:0.25rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--bs-secondary);pointer-events:none}.dropdown-header-custom:first-child{margin-top:0}.dropdown-divider-labeled{display:flex;align-items:center;padding:0.5rem 1rem;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--bs-secondary)}.dropdown-divider-labeled::before,.dropdown-divider-labeled::after{content:"";flex:1;border-top:1px solid var(--bs-border-color)}.dropdown-divider-labeled::before{margin-right:0.5rem}.dropdown-divider-labeled::after{margin-left:0.5rem}:root{--primary-color:#0d6efd;--primary-color-hover:#0b5ed7;--primary-color-active:#0a58ca;--success-color:#A5DC86;--success-color-hover:#8bc34a;--secondary-color:#6c757d;--secondary-color-hover:#5c636a;--secondary-color-active:#565e64;--light-color:#f8f9fa;--dark-color:#212529;--white-color:#fff;--card-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);--card-shadow-hover:0 0.5rem 1rem rgba(0,0,0,0.15);--border-radius:0.375rem;--transition:all 0.15s ease-in-out;--card-border:rgba(0,0,0,0.125);--slider-nav-bg:rgba(255,255,255,0.9);--slider-nav-bg-hover:rgba(255,255,255,1);--slider-nav-color:#333;--slider-shadow:rgba(0,0,0,0.1);--slider-shadow-hover:rgba(0,0,0,0.15);--slider-dot-bg:rgba(0,0,0,0.3);--slider-dot-hover:rgba(0,0,0,0.5);--slider-dot-active:#007bff;--slider-dot-pulse:rgba(0,123,255,0.3);--slider-counter-bg:rgba(0,0,0,0.7);--slider-counter-text:white;--slider-gradient:linear-gradient(90deg,rgba(0,0,0,0.1) 0%,transparent 10%,transparent 90%,rgba(0,0,0,0.1) 100%);--slider-gradient-dots:linear-gradient(to bottom,transparent,rgba(0,0,0,0.05));--slider-loading-1:#f0f0f0;--slider-loading-2:#e0e0e0;--fullscreen-overlay:rgba(0,0,0,0.95);--fullscreen-shadow:rgba(0,0,0,0.5);--fullscreen-btn-bg:rgba(255,255,255,0.1);--fullscreen-btn-bg-hover:rgba(255,255,255,0.2);--fullscreen-btn-border:rgba(255,255,255,0.3);--fullscreen-btn-border-hover:rgba(255,255,255,0.5);--fullscreen-dot-bg:rgba(255,255,255,0.4);--fullscreen-dot-hover:rgba(255,255,255,0.6);--fullscreen-dot-border:rgba(255,255,255,0.6)}.magazine-container{background-color:var(--light-color);min-height:100vh;padding:2rem 0}.product-card{background:var(--white-color);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:var(--transition);overflow:hidden;position:relative}.product-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);border-color:var(--primary-color)}.product-title{font-weight:600;font-size:1.1rem;color:var(--dark-color);margin-bottom:0.75rem;line-height:1.4;transition:var(--transition)}.product-card:hover .product-title{color:var(--primary-color)}.product-price{font-size:1.25rem;font-weight:700;color:var(--success-color);margin-bottom:1rem}.product-description{color:var(--secondary-color);font-size:0.9rem;line-height:1.5;margin-bottom:1rem}.btn-modern{border-radius:var(--border-radius);padding:0.375rem 0.75rem;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;font-size:0.875rem;line-height:1.5;transition:var(--transition);text-decoration:none!important;display:inline-block}.btn-primary-modern{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color)}.btn-primary-modern:hover{background-color:var(--primary-color-hover);border-color:var(--primary-color-active);color:var(--white-color)}.btn-secondary-modern{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color)}.btn-secondary-modern:hover{background-color:var(--secondary-color-hover);border-color:var(--secondary-color-active);color:var(--white-color)}.btn-outline-modern{background-color:transparent;border-color:var(--primary-color);color:var(--primary-color)}.btn-outline-modern:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color)}.btn-group-modern{display:flex;gap:0.5rem;margin-top:auto}.btn-group-modern .btn-modern{flex:1;font-size:0.85rem;padding:0.4rem 1rem}.product-slider{position:relative;max-width:100%;margin:0 auto;background:var(--white-color);border:1px solid var(--card-border);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--card-shadow)}.slider-container{position:relative;width:100%;height:300px;overflow:hidden}.slider-track{display:flex;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);height:100%}.slider-slide{min-width:100%;height:100%;position:relative}.slider-slide img{width:100%;height:100%;object-fit:cover;display:block}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--slider-nav-bg);border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--slider-nav-color);transition:all 0.3s ease;z-index:10;backdrop-filter:blur(10px);box-shadow:0 4px 16px var(--slider-shadow)}.slider-nav:hover{background:var(--slider-nav-bg-hover);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px var(--slider-shadow-hover)}.slider-nav.prev{left:15px}.slider-nav.next{right:15px}.slider-nav:disabled{opacity:0.3;cursor:not-allowed;transform:translateY(-50%) scale(0.9)}.slider-dots{display:flex;justify-content:center;gap:8px;padding:20px;background:var(--slider-gradient-dots)}.slider-dot{width:12px;height:12px;border-radius:50%;background:var(--slider-dot-bg);border:none;cursor:pointer;transition:all 0.3s ease;position:relative}.slider-dot:hover{background:var(--slider-dot-hover);transform:scale(1.2)}.slider-dot.active{background:var(--slider-dot-active);transform:scale(1.3)}.slider-dot.active::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--slider-dot-pulse);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.4);opacity:0}}.slider-counter{position:absolute;top:15px;right:15px;background:var(--slider-counter-bg);color:var(--slider-counter-text);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;backdrop-filter:blur(10px);z-index:10}@media (max-width:768px){.slider-container{height:200px}.slider-nav{width:40px;height:40px;font-size:16px}.slider-nav.prev{left:10px}.slider-nav.next{right:10px}.slider-dots{padding:15px;gap:6px}.slider-dot{width:10px;height:10px}.slider-counter{top:10px;right:10px;padding:4px 8px;font-size:11px}}@media (max-width:480px){.slider-container{height:180px}.product-slider{border-radius:8px}}.product-card-slider{position:relative;max-width:100%;margin:0;background:var(--white-color);border-radius:0;overflow:hidden;box-shadow:none}.product-card-slider .slider-container{height:150px}.product-card-slider .slider-nav{width:35px;height:35px;font-size:14px;background:var(--slider-nav-bg);opacity:0;transition:all 0.3s ease;pointer-events:auto}.product-card-slider:hover .slider-nav{opacity:1}.product-card-slider .slider-nav:hover{transform:translateY(-50%) scale(1.05)}.product-card-slider .slider-nav.prev{left:8px}.product-card-slider .slider-nav.next{right:8px}.product-card-slider .slider-dots{padding:12px;gap:6px;background:var(--slider-gradient-dots)}.product-card-slider .slider-dot{width:8px;height:8px}.product-card-slider .slider-counter{top:8px;right:8px;padding:4px 8px;font-size:11px;background:var(--slider-counter-bg)}.product-card-slider .slider-slide img{width:100%;height:150px!important;max-height:150px!important;min-height:150px;object-fit:cover;display:block;position:relative}.product-card-slider .slider-slide{height:150px;overflow:hidden}@media (max-width:768px){.product-card-slider .slider-container{height:120px}.product-card-slider .slider-nav{width:30px;height:30px;font-size:12px}.product-card-slider .slider-nav.prev{left:6px}.product-card-slider .slider-nav.next{right:6px}.product-card-slider .slider-dots{padding:8px;gap:4px}.product-card-slider .slider-dot{width:6px;height:6px}.product-card-slider .slider-counter{top:6px;right:6px;padding:3px 6px;font-size:10px}.product-card-slider .slider-slide img{height:120px!important;max-height:120px!important;min-height:120px}.product-card-slider .slider-slide{height:120px}}.slider-container::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--slider-gradient);pointer-events:none;z-index:5;opacity:0;transition:opacity 0.3s ease}.slider-container:hover::before{opacity:1}.slider-slide.loading{background:linear-gradient(90deg,var(--slider-loading-1) 25%,var(--slider-loading-2) 50%,var(--slider-loading-1) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.no-images{display:flex;align-items:center;justify-content:center;height:100%;background-color:var(--light-color);color:var(--secondary-color);font-size:14px;text-align:center}.no-images i{font-size:32px;margin-bottom:8px;opacity:0.6;color:var(--secondary-color)}@media (max-width:768px){.no-images{font-size:12px}.no-images i{font-size:24px;margin-bottom:6px}}.product-detail-container{background-color:var(--light-color);min-height:100vh;padding:2rem 0}.product-detail-card{background:var(--white-color);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:2rem;margin-bottom:2rem}.product-detail-title{font-size:2rem;font-weight:700;color:var(--dark-color);margin-bottom:1rem;line-height:1.2}.product-detail-price{font-size:2.5rem;font-weight:700;color:var(--success-color);margin-bottom:1.5rem;display:block}.product-detail-description{font-size:1.1rem;line-height:1.6;color:var(--dark-color);margin-bottom:2rem}.buy-button{background-color:var(--success-color);border:1px solid var(--success-color);border-radius:var(--border-radius);padding:0.75rem 2rem;font-size:1.1rem;font-weight:600;color:white;transition:var(--transition);text-decoration:none!important;display:inline-block;text-align:center}.buy-button:hover{background-color:var(--success-color-hover);border-color:var(--success-color-hover);color:var(--white-color)}.product-video{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--card-shadow);margin-bottom:2rem}@media (max-width:768px){.product-detail-title{font-size:1.5rem}.product-detail-price{font-size:2rem}.buy-button{padding:0.8rem 2rem;font-size:1rem}.btn-group-modern{flex-direction:column;gap:0.75rem}.btn-group-modern .btn-modern{width:100%}}@media (max-width:480px){.product-detail-card{padding:1.5rem}.product-detail-title{font-size:1.3rem}.product-detail-price{font-size:1.8rem}}.product-slider img{transition:var(--transition)}.product-slider:hover img{transform:scale(1.02)}.product-badge{position:absolute;top:1rem;left:1rem;background-color:var(--success-color);color:var(--white-color);padding:0.25rem 0.75rem;border-radius:var(--border-radius);font-size:0.8rem;font-weight:600;z-index:10}.fullscreen-trigger{cursor:zoom-in;transition:var(--transition)}.fullscreen-trigger:hover{opacity:0.9}.fullscreen-slider-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--fullscreen-overlay);z-index:9999;display:none;opacity:0;transition:opacity 0.3s ease}.fullscreen-slider-overlay.active{display:flex;opacity:1}.fullscreen-slider-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fullscreen-slider-content{position:relative;width:90%;height:90%;max-width:1200px;max-height:800px}.fullscreen-slider-track{display:flex;width:100%;height:100%;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.fullscreen-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.fullscreen-slide img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius);box-shadow:0 10px 40px var(--fullscreen-shadow)}.fullscreen-close{position:absolute;top:20px;right:20px;background:var(--fullscreen-btn-bg);border:2px solid var(--fullscreen-btn-border);border-radius:50%;width:50px;height:50px;color:var(--white-color);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10001}.fullscreen-close:hover{background:var(--fullscreen-btn-bg-hover);border-color:var(--fullscreen-btn-border-hover);transform:scale(1.1)}.fullscreen-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--fullscreen-btn-bg);border:2px solid var(--fullscreen-btn-border);border-radius:50%;width:60px;height:60px;color:var(--white-color);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10001}.fullscreen-nav:hover{background:var(--fullscreen-btn-bg-hover);border-color:var(--fullscreen-btn-border-hover);transform:translateY(-50%) scale(1.1)}.fullscreen-nav.prev{left:30px}.fullscreen-nav.next{right:30px}.fullscreen-nav:disabled{opacity:0.3;cursor:not-allowed;transform:translateY(-50%) scale(0.9)}.fullscreen-counter{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:var(--slider-counter-bg);color:var(--slider-counter-text);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10001}.fullscreen-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10001}.fullscreen-dot{width:12px;height:12px;border-radius:50%;background:var(--fullscreen-dot-bg);border:2px solid var(--fullscreen-dot-border);cursor:pointer;transition:var(--transition)}.fullscreen-dot:hover{background:var(--fullscreen-dot-hover);transform:scale(1.2)}.fullscreen-dot.active{background:var(--white-color);transform:scale(1.3)}@media (max-width:768px){.fullscreen-slider-content{width:95%;height:95%}.fullscreen-close{top:15px;right:15px;width:40px;height:40px;font-size:20px}.fullscreen-nav{width:50px;height:50px;font-size:20px}.fullscreen-nav.prev{left:15px}.fullscreen-nav.next{right:15px}.fullscreen-counter{bottom:60px;padding:6px 12px;font-size:12px}.fullscreen-dots{bottom:20px;gap:8px}.fullscreen-dot{width:10px;height:10px}}@media (max-width:480px){.fullscreen-nav{width:45px;height:45px;font-size:18px}.fullscreen-nav.prev{left:10px}.fullscreen-nav.next{right:10px}.fullscreen-close{top:10px;right:10px;width:35px;height:35px;font-size:18px}}[data-bs-theme=dark]{--light-color:#1a1d23;--dark-color:#e4e6eb;--white-color:#2d3139;--card-border:rgba(255,255,255,0.125);--card-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.3);--card-shadow-hover:0 0.5rem 1rem rgba(0,0,0,0.4);--slider-nav-bg:rgba(45,49,57,0.9);--slider-nav-bg-hover:rgba(45,49,57,1);--slider-nav-color:#e4e6eb;--slider-shadow:rgba(0,0,0,0.3);--slider-shadow-hover:rgba(0,0,0,0.4);--slider-dot-bg:rgba(255,255,255,0.3);--slider-dot-hover:rgba(255,255,255,0.5);--slider-dot-active:#0d6efd;--slider-dot-pulse:rgba(13,110,253,0.3);--slider-counter-bg:rgba(0,0,0,0.8);--slider-counter-text:#e4e6eb;--slider-gradient:linear-gradient(90deg,rgba(0,0,0,0.2) 0%,transparent 10%,transparent 90%,rgba(0,0,0,0.2) 100%);--slider-gradient-dots:linear-gradient(to bottom,transparent,rgba(0,0,0,0.1));--slider-loading-1:#2d3139;--slider-loading-2:#3e4451}[data-bs-theme=dark] .magazine-container{background-color:var(--light-color)}[data-bs-theme=dark] .product-card{background:var(--white-color);border-color:var(--card-border)}[data-bs-theme=dark] .product-title,[data-bs-theme=dark] .product-description,[data-bs-theme=dark] .product-price{color:var(--dark-color)}[data-bs-theme=dark] .btn-outline-modern{color:var(--dark-color);border-color:var(--card-border)}[data-bs-theme=dark] .btn-outline-modern:hover{background-color:rgba(255,255,255,0.1);color:var(--dark-color)}:root{--wiki-primary:#A5DC86;--wiki-primary-light:#c0dcc0;--wiki-accent:#fc5a5a;--wiki-dark:#444444;--wiki-light:#fafafa;--wiki-border:#F5F5F5;--wiki-shadow:rgba(0,0,0,0.1);--wiki-shadow-hover:rgba(0,0,0,0.15);--wiki-gradient:linear-gradient(135deg,var(--wiki-primary) 0%,var(--wiki-primary-light) 100%);--wiki-text-muted:#666666;--wiki-text-secondary:#555555;--wiki-text-shadow:rgba(0,0,0,0.1);--wiki-overlay:rgba(0,0,0,0.1);--wiki-overlay-light:rgba(255,255,255,0.1);--wiki-btn-shadow:rgba(165,220,134,0.4);--wiki-focus-shadow:rgba(165,220,134,0.25)}.wiki-container{background:var(--wiki-light);min-height:100vh;padding:2rem 0}.wiki-header{background:var(--wiki-gradient);color:white;padding:3rem 0;margin-bottom:3rem;border-radius:0 0 2rem 2rem;box-shadow:0 4px 20px var(--wiki-shadow)}.wiki-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px var(--wiki-text-shadow)}.wiki-header p{font-size:1.1rem;opacity:0.9;margin-bottom:0}.wiki-card{background:white;border-radius:1rem;box-shadow:0 4px 15px var(--wiki-shadow);transition:all 0.3s ease;overflow:hidden;height:100%;border:none}.wiki-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--wiki-shadow-hover)}.wiki-card-image{position:relative;overflow:hidden;height:200px}.wiki-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.wiki-card:hover .wiki-card-image img{transform:scale(1.05)}.wiki-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,var(--wiki-overlay) 100%)}.wiki-card-body{padding:1.5rem;display:flex;flex-direction:column;height:calc(100% - 200px)}.wiki-card-title{font-size:1.25rem;font-weight:600;color:var(--wiki-dark);margin-bottom:1rem;line-height:1.4}.wiki-card-description{color:var(--wiki-text-muted);font-size:0.95rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.wiki-card-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--wiki-border)}.wiki-btn{background:var(--wiki-gradient);color:white;border:none;padding:0.75rem 1.5rem;border-radius:0.5rem;text-decoration:none;font-weight:500;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:0.5rem}.wiki-btn:hover{color:white;transform:translateY(-2px);box-shadow:0 4px 15px var(--wiki-btn-shadow)}.wiki-btn i{font-size:0.9rem}.wiki-page-container{background:white;border-radius:1rem;box-shadow:0 4px 20px var(--wiki-shadow);overflow:hidden;margin-bottom:2rem}.wiki-page-header{background:var(--wiki-gradient);color:white;padding:2rem;position:relative}.wiki-page-title{font-size:2rem;font-weight:700;margin-bottom:0.5rem;text-shadow:0 2px 4px var(--wiki-text-shadow)}.wiki-page-meta{display:flex;align-items:center;gap:1rem;opacity:0.9;font-size:0.95rem}.wiki-page-views{display:flex;align-items:center;gap:0.5rem;background:var(--wiki-overlay-light);padding:0.5rem 1rem;border-radius:2rem;backdrop-filter:blur(10px)}.wiki-page-content{padding:2rem}.wiki-page-content h1,.wiki-page-content h2,.wiki-page-content h3,.wiki-page-content h4,.wiki-page-content h5,.wiki-page-content h6{color:var(--wiki-dark);margin-top:2rem;margin-bottom:1rem;font-weight:600}.wiki-page-content h1{font-size:1.8rem;border-bottom:2px solid var(--wiki-primary);padding-bottom:0.5rem}.wiki-page-content h2{font-size:1.5rem}.wiki-page-content h3{font-size:1.3rem}.wiki-page-content p{line-height:1.7;margin-bottom:1.5rem;color:var(--wiki-text-secondary)}.wiki-page-content img{border-radius:0.5rem;box-shadow:0 4px 15px var(--wiki-shadow);margin:1rem 0;transition:transform 0.3s ease}.wiki-page-content img:hover{transform:scale(1.02)}.wiki-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:2rem 0}.wiki-gallery img{width:100%;height:150px;object-fit:cover;border-radius:0.5rem;cursor:pointer;transition:all 0.3s ease}.wiki-gallery img:hover{transform:scale(1.05);box-shadow:0 8px 25px var(--wiki-shadow-hover)}.wiki-calculator{background:white;border-radius:1rem;box-shadow:0 4px 20px var(--wiki-shadow);padding:2rem;margin-bottom:2rem}.wiki-calculator-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--wiki-border)}.wiki-calculator-title{font-size:1.8rem;font-weight:700;color:var(--wiki-dark);margin-bottom:0.5rem}.wiki-form-group{margin-bottom:1.5rem}.wiki-form-label{font-weight:600;color:var(--wiki-dark);margin-bottom:0.5rem;display:block}.wiki-form-control{border:2px solid var(--wiki-border);border-radius:0.5rem;padding:0.75rem;transition:all 0.3s ease;width:100%}.wiki-form-control:focus{border-color:var(--wiki-primary);box-shadow:0 0 0 0.2rem var(--wiki-focus-shadow);outline:none}.wiki-radio-group{display:flex;gap:1rem;margin-bottom:1.5rem}.wiki-radio-item{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:var(--wiki-light);border-radius:0.5rem;cursor:pointer;transition:all 0.3s ease;border:2px solid transparent}.wiki-radio-item:hover{background:var(--wiki-primary-light)}.wiki-radio-item input[type=radio]:checked + label{background:var(--wiki-primary);color:white;border-color:var(--wiki-primary)}.wiki-result{background:var(--wiki-gradient);color:white;border-radius:0.5rem;padding:1.5rem;margin-top:1.5rem;border:none}.wiki-table{background:white;border-radius:0.5rem;overflow:hidden;box-shadow:0 2px 10px var(--wiki-shadow);margin-top:1.5rem}.wiki-table table{width:100%;margin:0}.wiki-table th{background:var(--wiki-primary);color:white;padding:1rem;font-weight:600}.wiki-table td{padding:0.75rem 1rem;border-bottom:1px solid var(--wiki-border)}.wiki-table tr:hover{background:var(--wiki-light)}@media (max-width:768px){.wiki-header{padding:2rem 0;margin-bottom:2rem}.wiki-header h1{font-size:2rem}.wiki-card-image{height:180px}.wiki-page-header{padding:1.5rem}.wiki-page-title{font-size:1.5rem}.wiki-page-content{padding:1.5rem}.wiki-calculator{padding:1.5rem}.wiki-radio-group{flex-direction:column}}@media (max-width:576px){.wiki-container{padding:1rem 0}.wiki-header h1{font-size:1.8rem}.wiki-card-image{height:160px}.wiki-gallery{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.wiki-gallery img{height:120px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.wiki-card,.wiki-page-container,.wiki-calculator{animation:fadeInUp 0.6s ease-out}.wiki-card:nth-child(2){animation-delay:0.1s}.wiki-card:nth-child(3){animation-delay:0.2s}.wiki-card:nth-child(4){animation-delay:0.3s}[data-bs-theme=dark]{--wiki-primary:#8bc34a;--wiki-primary-light:#6a9f3a;--wiki-dark:#e4e6eb;--wiki-light:#1a1d23;--wiki-border:#3e4451;--wiki-shadow:rgba(0,0,0,0.3);--wiki-shadow-hover:rgba(0,0,0,0.4);--wiki-text-muted:#9ca3af;--wiki-text-secondary:#b0b3b8;--wiki-overlay:rgba(0,0,0,0.3);--wiki-btn-shadow:rgba(139,195,74,0.3);--wiki-focus-shadow:rgba(139,195,74,0.2)}[data-bs-theme=dark] .wiki-container{background:var(--wiki-light)}[data-bs-theme=dark] .wiki-card{background:#2d3139}[data-bs-theme=dark] .wiki-card-title{color:var(--wiki-dark)}[data-bs-theme=dark] .wiki-page-container{background:#2d3139}[data-bs-theme=dark] .wiki-page-content h1,[data-bs-theme=dark] .wiki-page-content h2,[data-bs-theme=dark] .wiki-page-content h3,[data-bs-theme=dark] .wiki-page-content h4,[data-bs-theme=dark] .wiki-page-content h5,[data-bs-theme=dark] .wiki-page-content h6{color:var(--wiki-dark)}[data-bs-theme=dark] .wiki-page-content p{color:var(--wiki-text-secondary)}[data-bs-theme=dark] .wiki-calculator{background:#2d3139}[data-bs-theme=dark] .wiki-calculator-title{color:var(--wiki-dark)}[data-bs-theme=dark] .wiki-form-label{color:var(--wiki-dark)}[data-bs-theme=dark] .wiki-form-control{background:#1a1d23;color:var(--wiki-dark);border-color:var(--wiki-border)}[data-bs-theme=dark] .wiki-form-control:focus{background:#1a1d23;color:var(--wiki-dark)}[data-bs-theme=dark] .wiki-radio-item{background:#1a1d23;color:var(--wiki-dark)}[data-bs-theme=dark] .wiki-radio-item:hover{background:#3e4451}[data-bs-theme=dark] .wiki-table{background:#2d3139}[data-bs-theme=dark] .wiki-table td{color:var(--wiki-text-secondary);border-color:var(--wiki-border)}[data-bs-theme=dark] .wiki-table tr:hover{background:#3e4451}:root{--ce-bg-white:rgba(255,255,255,0.96);--ce-border-light:rgba(0,0,0,0.08);--ce-border-dark:rgba(0,0,0,0.1);--ce-error-text:#b02a37;--ce-error-glow:rgba(220,53,69,0.6);--ce-error-glow-mid:rgba(220,53,69,0.25);--ce-error-glow-end:rgba(220,53,69,0);--ce-error-bg:rgba(220,53,69,0.08);--ce-text-muted:#6c757d;--ce-success-glow:rgba(25,135,84,0.4);--ce-success-glow-end:rgba(25,135,84,0);--ce-success-border:#198754;--ce-focus-border:rgba(0,0,0,0.35);--ce-focus-bg:rgba(0,0,0,0.03)}@media (max-width:576px){#nav-tabs .nav-tabs{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:0.25rem}#nav-tabs .nav-link{white-space:nowrap;padding:0.5rem 0.75rem;font-size:0.95rem}#form-edit{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.sticky-actions .btn{flex:1 1 48%}.collapse .textsm{font-size:0.9rem}.table_td_100,.table_td_135{width:auto!important}input.w-115{width:90px}}.tab-pane table{width:max-content;min-width:100%}.collapse>table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.collapse img{max-width:100%;height:auto}#nav-tabs{position:sticky;top:0;z-index:1020;background:var(--bs-body-bg,#fff);padding-top:0.25rem;padding-bottom:0.25rem}#nav-tabs .nav-tabs{border-bottom:0}#nav-tabs::after{content:"";display:block;height:1px;background:var(--ce-border-light)}@media (min-width:992px){#nav-tabs .nav-link{padding:0.75rem 1rem}}@media (max-width:576px){#litres-rastvor{width:100%!important;display:block}#litres-rastvor .form-control{font-size:1.05rem;padding:0.5rem 0.75rem}.sticky-actions .btn{min-height:44px}}.sticky-actions{position:sticky;bottom:0;z-index:1030;margin:0!important;padding:0.5rem 0.75rem calc(0.5rem + env(safe-area-inset-bottom,0px));background:var(--ce-bg-white);backdrop-filter:blur(3px);border-top:1px solid var(--ce-border-dark)}.modal .modal-body{max-height:calc(100vh - 200px);overflow-y:auto}@media (max-width:380px){#nav-tabs .nav-link{padding:0.5rem 0.5rem;font-size:0.9rem}.sticky-actions .btn{flex:1 1 100%}}@media (max-width:576px){.table>:not(caption)>*>*{padding:0.35rem 0.45rem}.table th,.table td{vertical-align:middle}.table{font-size:0.95rem}.form-control{padding:0.45rem 0.6rem;font-size:1rem;min-height:2.2rem}label.form-label{margin-bottom:0.25rem}.salt-name-formula{white-space:normal;word-break:break-word}.equal-spacing-table td{padding:0.25rem 0.35rem}}.tab-pane table.table{width:max-content;min-width:100%}.precacl-error,.precalc-error{color:var(--ce-error-text)!important}.flash-focus{animation:flashFocus 0.9s ease-in-out}@keyframes flashFocus{0%{box-shadow:0 0 0 0 var(--ce-error-glow)}50%{box-shadow:0 0 0 0.35rem var(--ce-error-glow-mid)}100%{box-shadow:0 0 0 0 var(--ce-error-glow-end)}}.matrix-cell-bad{background:var(--ce-error-bg);border-radius:0.25rem}.table_td_100{width:120px;padding:0}.table_td_135{width:120px;padding:0}.table_td_podpis{width:32px;padding:0}.salts .table thead th{white-space:nowrap;vertical-align:middle}.salts .table thead th:first-child{text-align:left}.salts .table thead th:not(:first-child){text-align:center}.salts .table tbody td{vertical-align:middle}.equal-spacing-table td{padding:0.2rem 0.3rem}.table_td_podpis .form-label{margin:0;font-size:0.85rem}.table_td_100 input{text-align:center;padding:0.2rem 0.35rem;font-variant-numeric:tabular-nums}input.macro-w{width:auto!important;min-width:4.5ch;max-width:6.5ch;text-align:center;padding:0.2rem 0.35rem;font-variant-numeric:tabular-nums}.salts .table tbody tr>td:nth-child(2){width:1%;white-space:nowrap}.salts .table thead th:last-child{width:1%}.salts .table tbody tr>td:last-child{width:1%;white-space:nowrap;text-align:center}.calc-container .input-group{flex-direction:row!important;align-items:stretch!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:0}.calc-container .input-group>.btn,.calc-container .input-group>input,.calc-container .input-group>.input-group-text{width:auto;flex:0 0 auto}.calc-container .input-group .form-control-text-input{flex:0 0 auto}.calc-container input.precalc,.calc-container input.matrix,.calc-container input.w-115{width:8.5ch!important;min-width:8.5ch!important;height:20px!important}#id_saved_mono_concentrate_v,#id_saved_mono_concentrate_v_micro,#send_to_server_switch{display:none!important}.profile-summary{border-radius:0.5rem}.profile-summary strong{white-space:nowrap}.calc-container{max-width:800px;margin-left:auto;margin-right:auto;padding-left:0.75rem;padding-right:0.75rem}@media (min-width:992px){.input-group .btn-minus,.input-group .btn-plus{font-size:0.9rem;padding:0.25rem 0.4rem;min-width:2rem!important;line-height:1.2}.input-group .form-control-text-input{padding:0.25rem 0.5rem;font-size:0.95rem;height:2rem;min-width:6ch;max-width:10ch;text-align:center;font-variant-numeric:tabular-nums}.salts .table tbody td:first-child .salt-name-formula{display:block;max-width:32ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-actions .btn{padding:0.4rem 0.75rem;font-size:0.95rem}}.input-group .form-control-text-input{min-width:4ch;max-width:6ch;width:auto;padding:0.2rem 0.35rem;font-size:0.95rem;line-height:1.2;text-align:center}.equal-spacing-table{display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem 0.5rem;border:0;background:transparent}.equal-spacing-table>tbody,.equal-spacing-table tr{display:contents}.equal-spacing-table td{padding:0!important;border:0;background:transparent}.equal-spacing-table .table_td_podpis{flex:0 0 auto;color:var(--ce-text-muted);font-weight:600;font-size:0.9rem}.equal-spacing-table .table_td_100{flex:0 0 auto}.equal-spacing-table .table_td_100 input{width:6.5ch!important;min-width:6.5ch!important;text-align:center;padding:0.2rem 0.35rem;font-variant-numeric:tabular-nums}@media (max-width:576px){.equal-spacing-table{gap:0.2rem 0.4rem}.equal-spacing-table .table_td_podpis{font-size:0.85rem}.equal-spacing-table .table_td_100 input{width:6ch!important;min-width:6ch!important}}.salts .table tbody tr>td:nth-child(2){width:1%;white-space:normal}input[id$=":input_spinner"]{min-width:4ch;max-width:6ch;text-align:center;font-variant-numeric:tabular-nums}@media (min-width:992px){input[id$=":input_spinner"]{min-width:5ch;max-width:7ch;font-size:0.95rem}}@keyframes savePulse{0%{box-shadow:0 0 0 0 var(--ce-success-glow)}70%{box-shadow:0 0 0 10px var(--ce-success-glow-end)}100%{box-shadow:0 0 0 0 var(--ce-success-glow-end)}}.sticky-actions .btn.save-attention{position:relative;animation:savePulse 1.25s ease-in-out infinite;border-color:var(--ce-success-border)!important}.calc-container .precalc[contenteditable=true]{display:inline-block;min-width:6.5ch;max-width:10ch;padding:0 0.25rem;text-align:center;font-variant-numeric:tabular-nums;border-bottom:1px dashed transparent;outline:none}.calc-container .precalc[contenteditable=true]:focus{border-bottom-color:var(--ce-focus-border);background:var(--ce-focus-bg)}.privacy-policy h2{padding-top:1rem;border-top:1px solid #dee2e6}.privacy-policy h2:first-of-type{border-top:none;padding-top:0}.privacy-policy section{scroll-margin-top:80px}.sortable-images{position:relative}.sortable-images .form-row{cursor:move;transition:all 0.3s ease;border:1px solid transparent;border-radius:4px;padding:5px;margin:2px 0}.sortable-images .form-row:hover{background-color:#f8f9fa;border-color:#dee2e6}.sortable-images .form-row.ui-sortable-helper{background-color:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px rgba(0,0,0,0.15);transform:rotate(2deg)}.sortable-images .form-row.ui-sortable-placeholder{background-color:#fff3cd;border:2px dashed #ffc107;height:60px;visibility:visible!important}.sortable-images .drag-handle{display:inline-block;width:20px;height:20px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM8 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm1 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM8 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm1 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM8 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm1 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>') no-repeat center;cursor:move;opacity:0.6;margin-right:10px;vertical-align:middle}.sortable-images .drag-handle:hover{opacity:1}.sortable-images .order-field{width:60px!important;text-align:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.sortable-images .order-field:focus{background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.image-preview{max-width:100px;max-height:100px;border-radius:4px;border:1px solid #dee2e6;margin-right:10px}.sortable-images .form-row.dragging{opacity:0.5;transform:scale(0.95)}.sortable-images .drop-indicator{height:3px;background-color:#007cba;margin:5px 0;border-radius:2px;opacity:0;transition:opacity 0.2s ease}.sortable-images .drop-indicator.active{opacity:1}@media (max-width:768px){.sortable-images .form-row{padding:10px 5px}.drag-handle{width:24px;height:24px}.image-preview{max-width:80px;max-height:80px}}@charset "UTF-8";:root{--primary:#2196F3;--primary-dark:#1976D2;--primary-hover:#3b82f6;--success:#4CAF50;--success-dark:#45a049;--warning:#FF9800;--warning-light:#FFC107;--warning-bg:#FFF9C4;--danger:#F44336;--danger-orange:#FF5722;--info:#00BCD4;--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--bg-tertiary:#e0e0e0;--bg-hover:#f8f9fa;--bg-focus:#f0f9ff;--bg-readonly:#f5f5f5;--text-primary:#212121;--text-secondary:#757575;--text-disabled:#9E9E9E;--border:#e0e0e0;--border-light:#ddd;--border-medium:#ccc;--border-dark:#999;--shadow:0 2px 8px rgba(0,0,0,0.1);--gradient-editable:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);--gradient-header:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-chips:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);--concentrate-a:#ffd700;--concentrate-a-bg-start:#fff9e6;--concentrate-a-bg-end:#fffbf0;--concentrate-b:#4da6ff;--concentrate-b-bg-start:#e6f7ff;--concentrate-b-bg-end:#f0f9ff;--concentrate-c:#52c41a;--concentrate-c-bg-start:#e6fff0;--concentrate-c-bg-end:#f0fff5;--concentrate-c-alt:#b380ff;--concentrate-c-alt-bg-start:#f0e6ff;--concentrate-c-alt-bg-end:#f7f0ff;--micro-bg-start:#f0f9ff;--micro-bg-end:#e0f2fe;--micro-hover-start:#e0f2fe;--card-a-start:#e3f2fd;--card-a-end:#bbdefb;--card-b-start:#e8f5e9;--card-b-end:#c8e6c9;--card-c-start:#e0f7fa;--card-c-end:#b2ebf2;--npk-bg-start:#f0f9ff;--npk-bg-end:#e0f2fe;--npk-border:#bae6fd;--npk-text:#0369a1;--micro-info-bg-start:#fef3c7;--micro-info-bg-end:#fde68a;--micro-info-border:#fde047;--micro-info-text:#a16207;--primary-alpha-10:rgba(33,150,243,0.1);--primary-alpha-15:rgba(33,150,243,0.15);--primary-alpha-30:rgba(74,144,226,0.3);--success-alpha-20:rgba(76,175,80,0.2);--info-alpha-20:rgba(0,188,212,0.2);--danger-alpha-20:rgba(244,67,54,0.2);--warning-alpha-20:rgba(255,152,0,0.2);--white-alpha-50:rgba(255,255,255,0.5);--white-alpha-70:rgba(255,255,255,0.7);--white-alpha-80:rgba(255,255,255,0.8);--white-alpha-90:rgba(255,255,255,0.9);--black-alpha-10:rgba(0,0,0,0.1);--black-alpha-15:rgba(0,0,0,0.15);--poured-overlay:rgba(76,175,80,0.2);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius:8px;--transition:0.2s ease;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'Courier New',monospace}[data-bs-theme=dark]{--primary:#64b5f6;--primary-dark:#42a5f5;--primary-hover:#90caf9;--success:#81c784;--success-dark:#66bb6a;--warning:#ffb74d;--warning-light:#ffd54f;--warning-bg:#3d2e0a;--danger:#e57373;--danger-orange:#ff8a65;--info:#4dd0e1;--bg-primary:var(--bs-body-bg);--bg-secondary:var(--bs-secondary-bg);--bg-tertiary:var(--bs-tertiary-bg);--bg-hover:var(--bs-tertiary-bg);--bg-focus:#1a365d;--bg-readonly:var(--bs-secondary-bg);--text-primary:var(--bs-body-color);--text-secondary:var(--bs-secondary-color);--text-disabled:var(--bs-tertiary-color);--border:var(--bs-border-color);--border-light:var(--bs-border-color);--border-medium:#6c757d;--border-dark:#adb5bd;--shadow:0 2px 8px rgba(0,0,0,0.3);--gradient-editable:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);--gradient-header:linear-gradient(135deg,#4c51bf 0%,#553c9a 100%);--gradient-chips:linear-gradient(135deg,#374151 0%,#1f2937 100%);--concentrate-a:#d4a017;--concentrate-a-bg-start:#3d3209;--concentrate-a-bg-end:#2d2506;--concentrate-b:#64b5f6;--concentrate-b-bg-start:#0d2137;--concentrate-b-bg-end:#0a1929;--concentrate-c:#81c784;--concentrate-c-bg-start:#0d2818;--concentrate-c-bg-end:#071f10;--concentrate-c-alt:#ce93d8;--concentrate-c-alt-bg-start:#2d1f3d;--concentrate-c-alt-bg-end:#1f152b;--micro-bg-start:#0c4a6e;--micro-bg-end:#075985;--micro-hover-start:#0369a1;--card-a-start:#1e3a5f;--card-a-end:#172554;--card-b-start:#14532d;--card-b-end:#166534;--card-c-start:#164e63;--card-c-end:#155e75;--npk-bg-start:#0c4a6e;--npk-bg-end:#075985;--npk-border:#0369a1;--npk-text:#7dd3fc;--micro-info-bg-start:#78350f;--micro-info-bg-end:#92400e;--micro-info-border:#b45309;--micro-info-text:#fde68a;--primary-alpha-10:rgba(100,181,246,0.1);--primary-alpha-15:rgba(100,181,246,0.15);--primary-alpha-30:rgba(100,181,246,0.3);--success-alpha-20:rgba(129,199,132,0.2);--info-alpha-20:rgba(77,208,225,0.2);--danger-alpha-20:rgba(229,115,115,0.2);--warning-alpha-20:rgba(255,183,77,0.2);--white-alpha-50:rgba(255,255,255,0.1);--white-alpha-70:rgba(255,255,255,0.15);--white-alpha-80:rgba(255,255,255,0.2);--white-alpha-90:rgba(255,255,255,0.25);--black-alpha-10:rgba(0,0,0,0.3);--black-alpha-15:rgba(0,0,0,0.4);--poured-overlay:rgba(129,199,132,0.2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary)}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md)}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-error{max-width:600px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center}.app-error h2{margin-bottom:var(--spacing-md);color:var(--danger)}.calculator-app{min-height:100vh}.save-indicator{display:flex;gap:var(--spacing-xs);align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:calc(var(--border-radius) / 2);font-size:11px;transition:all 0.3s ease}.save-icon{font-size:16px}.save-text{font-weight:500}.save-indicator.saved{background:var(--success-alpha-20)}.save-indicator.saving{background:var(--info-alpha-20);animation:pulse-save 1.5s ease-in-out infinite}.save-indicator.error{background:var(--danger-alpha-20)}.save-indicator.offline{background:var(--warning-alpha-20)}@keyframes pulse-save{0%,100%{opacity:1}50%{opacity:0.7}}.app-tabs{display:flex;background:var(--bg-primary);border-bottom:2px solid var(--border);gap:var(--spacing-sm);overflow-x:auto}.tab{flex:1;min-width:120px;padding:var(--spacing-md);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-secondary);transition:var(--transition);font-size:14px}.tab:hover{background:var(--bg-secondary)}.tab.active{color:var(--primary);font-weight:600;border-bottom:3px solid var(--primary);margin-bottom:-2px}.tab-icon{font-size:20px}.app-main{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.tab-content{animation:fadeIn 0.3s}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-sections-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (max-width:768px){.profile-sections-row{grid-template-columns:1fr}}.macro-section,.micro-section,.salts-section,.concentrates-section{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow)}.profile-sections-row .macro-section,.profile-sections-row .micro-section{margin-bottom:0}.macro-section .editable-salts-section,.micro-section .editable-salts-section{margin-top:var(--spacing-md)}.macro-section .editable-salts-section,.micro-section .editable-salts-section{background:transparent;padding:0;box-shadow:none}.stats-section{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow);margin-bottom:var(--spacing-lg)}.stats-grid{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius);min-width:120px;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card .stat-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px}.stat-card .stat-value{font-size:32px;font-weight:700;color:var(--primary);font-family:var(--font-mono);line-height:1}.stat-card.save-card{flex-direction:row;gap:var(--spacing-sm)}.stat-card.save-card .save-icon{font-size:24px}.stat-card.save-card .save-text{font-size:14px;font-weight:600}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.stats-title{font-size:16px;font-weight:600;margin:0;color:var(--text-primary)}.matrix-toggle-btn{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:calc(var(--border-radius) / 2);font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all 0.2s ease}.matrix-toggle-btn:hover{background:var(--primary);color:var(--bg-primary);border-color:var(--primary)}.stats-compact{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;padding:var(--spacing-sm) 0}.stat-item{display:flex;align-items:baseline;gap:6px;padding:6px 12px;background:var(--bg-secondary);border-radius:calc(var(--border-radius) / 2)}.stat-item .stat-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.stat-item .stat-value{font-size:16px;font-weight:700;color:var(--primary);font-family:var(--font-mono)}.stat-input{width:70px;padding:2px 6px;font-size:16px;font-weight:700;color:var(--primary);font-family:var(--font-mono);border:1px solid var(--border);border-radius:3px;background:var(--bg-primary);text-align:center;transition:border-color 0.2s ease}.stat-input:focus{outline:none;border-color:var(--primary)}.stat-input:hover{border-color:var(--primary)}.stat-ratio-prefix{font-size:16px;font-weight:700;color:var(--primary);font-family:var(--font-mono);margin-left:2px}.mini-matrix{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.mini-matrix-grid{display:flex;gap:var(--spacing-lg);justify-content:center}.matrix-ratio{display:flex;flex-direction:column;align-items:center;gap:4px}.ratio-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.ratio-value{font-size:24px;font-weight:700;color:var(--primary);font-family:var(--font-mono)}.full-matrix{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.matrix-table-wrapper{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--font-mono)}.matrix-table th,.matrix-table td{padding:8px 12px;text-align:center;border:1px solid var(--border)}.matrix-table thead th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary);text-transform:uppercase}.matrix-table tbody th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary);text-transform:uppercase}.matrix-table tbody td{background:var(--bg-primary);color:var(--text-primary);font-weight:500}.matrix-table tbody td.diagonal{background:var(--bg-secondary);color:var(--text-secondary);font-weight:400}.matrix-table tbody td.editable{background:var(--bg-primary);padding:4px}.matrix-table .matrix-cell-input{width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:3px;font-size:12px;font-family:var(--font-mono);text-align:center;background:var(--bg-primary);transition:border-color 0.2s ease}.matrix-table .matrix-cell-input:hover{border-color:var(--primary)}.matrix-table .matrix-cell-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha-10)}.salts-section,.concentrates-section,.editable-salts-section,.mono-section,.corrector-section,.prices-section{margin-bottom:var(--spacing-lg)}.element-card.micro{border-left:4px solid var(--info)}.element-card.micro .element-symbol{color:var(--info)}.salts-group{margin-bottom:var(--spacing-lg)}.salts-group:last-child{margin-bottom:0}.subsection-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border)}.salts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.salt-card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);border-left:4px solid var(--success);transition:var(--transition)}.salt-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.salt-card.micro{border-left-color:var(--info)}.salt-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.salt-formula{font-size:18px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.salt-name{font-size:12px;color:var(--text-secondary)}.salt-value{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.value-number{font-size:24px;font-weight:700;color:var(--success);font-family:var(--font-mono)}.value-unit{font-size:14px;color:var(--text-secondary)}.concentrates-settings{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.setting-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.setting-item label{font-size:14px;font-weight:600;color:var(--text-secondary)}.concentrates-list{margin-bottom:var(--spacing-lg)}.concentrates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.concentrate-card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);border-left:4px solid var(--primary);box-shadow:var(--shadow);transition:var(--transition)}.concentrate-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px var(--black-alpha-15)}.concentrate-card.success{border-left-color:var(--success)}.concentrate-card.info{border-left-color:var(--info)}.concentrate-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border)}.concentrate-name{font-size:18px;font-weight:700;color:var(--text-primary)}.concentrate-description{font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.concentrate-values{display:flex;flex-direction:column;gap:var(--spacing-sm)}.value-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:calc(var(--border-radius) / 2)}.value-row.highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg-primary);padding:var(--spacing-md)}.value-row.highlight .value-label,.value-row.highlight .value-unit{color:var(--white-alpha-90)}.value-row.highlight .value-number{color:var(--bg-primary);font-size:28px}.value-label{font-size:13px;color:var(--text-secondary);font-weight:500}.value-data{display:flex;align-items:baseline;gap:var(--spacing-xs)}.concentrates-individual{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius)}.individual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md)}.individual-item{display:flex;justify-content:space-between;padding:var(--spacing-sm);background:var(--bg-primary);border-radius:calc(var(--border-radius) / 2);font-size:13px}.individual-salt{font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.individual-volume{color:var(--text-secondary)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:16px;font-weight:600}.section-header-with-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.section-stats-inline{display:flex;gap:var(--spacing-md);font-size:12px;color:var(--text-secondary)}.stat-item{white-space:nowrap}.stat-item strong{color:var(--primary);font-weight:600}.section-icon{font-size:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.section-stats{display:flex;gap:var(--spacing-md);align-items:center;font-size:13px}.section-stats .stat-item{display:flex;gap:6px;align-items:baseline;padding:6px 12px;background:var(--bg-secondary);border-radius:6px}.section-stats .stat-label{font-weight:600;color:var(--text-secondary)}.section-stats .stat-value{font-weight:700;color:var(--primary);font-family:var(--font-mono);font-size:16px}.section-stats .save-indicator{padding:6px 12px;font-size:12px}.elements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:4px;margin-bottom:var(--spacing-sm)}.nitrogen-group{display:flex;flex-direction:column;gap:3px;background:var(--bg-secondary);border-radius:4px;padding:4px 6px 4px 8px;position:relative}.nitrogen-group::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;background:var(--info);border-radius:0 2px 2px 0}.nitrogen-total-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);border-left:3px solid var(--info)}.nitrogen-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.nitrogen-value{font-size:20px;font-weight:700;color:var(--info);font-family:var(--font-mono)}.nitrogen-unit{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.nitrogen-forms{display:flex;gap:3px}.nitrogen-ratio{font-size:9px;font-weight:600;color:var(--info);text-align:center;padding-top:2px;border-top:1px solid var(--border)}.element-card{background:var(--bg-secondary);border-radius:4px;padding:4px 6px 4px 8px;position:relative;transition:var(--transition)}.element-card::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;background:var(--success);border-radius:0 2px 2px 0}.element-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.element-card.optimal{border-left-color:var(--success);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(76,175,80,0.05) 100%)}.element-card.acceptable{border-left-color:var(--success)}.element-card.low{border-left-color:var(--warning);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(255,152,0,0.05) 100%)}.element-card.high{border-left-color:var(--danger-orange);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(255,87,34,0.05) 100%)}.element-card.critical-low,.element-card.critical-high{border-left-color:var(--danger);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(244,67,54,0.1) 100%);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.85}}.element-label{display:block;font-weight:500;font-size:9px;margin-bottom:2px;color:var(--text-primary)}.element-input-group{display:flex;align-items:center;gap:2px}.element-input{width:60px;padding:3px 4px;border:1px solid var(--border);border-radius:3px;font-size:12px;font-family:var(--font-mono);transition:var(--transition)}.element-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-10)}.element-input:invalid{border-color:var(--danger)}.element-unit{font-size:9px;color:var(--text-secondary);display:none}.element-status{margin-top:2px;display:none;align-items:center;gap:2px;font-size:9px}.status-icon{font-size:16px;flex-shrink:0}.status-hint{color:var(--text-secondary);font-size:11px;line-height:1.3;flex:1}.section-summary{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius)}.summary-item{display:flex;gap:var(--spacing-sm);align-items:baseline}.summary-label{font-size:13px;color:var(--text-secondary)}.summary-value{font-size:18px;font-weight:600;font-family:var(--font-mono);color:var(--primary)}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:calc(var(--border-radius) / 2);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition)}.btn-primary{background:var(--primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--primary)}@media (max-width:768px){.app-main{padding:var(--spacing-md)}.elements-grid{grid-template-columns:1fr}.tab-label{display:none}.balance-container{gap:var(--spacing-sm)}.balance-item{padding:var(--spacing-xs) var(--spacing-sm)}.balance-label{font-size:10px}.balance-value{font-size:14px}}@media (max-width:480px){.section-title{font-size:18px}.macro-section{padding:var(--spacing-md)}}@media (max-width:360px){.macro-section,.micro-section,.salts-section,.concentrates-section{padding:var(--spacing-xs)}}.toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:0 4px 12px var(--black-alpha-15);display:flex;align-items:center;gap:var(--spacing-sm);min-width:280px;max-width:400px;pointer-events:auto;cursor:pointer;transition:all 0.3s ease}.toast-icon{font-size:20px;flex-shrink:0}.toast-message{flex:1;font-size:14px;color:var(--text-primary)}.toast-close{background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color 0.2s}.toast-close:hover{color:var(--text-primary)}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.warning{border-left:4px solid var(--warning)}.toast.info{border-left:4px solid var(--info)}.toast-enter-active,.toast-leave-active{transition:all 0.3s ease}.toast-enter-from{opacity:0;transform:translateX(100%)}.toast-leave-to{opacity:0;transform:translateX(50px)}.toast-hidden{opacity:0;transform:translateX(50px)}@media (max-width:768px){.toast-container{top:60px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}.mono-section{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.mono-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.mono-card{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-md);border-left:4px solid var(--primary);box-shadow:0 2px 4px var(--black-alpha-10);transition:var(--transition)}.mono-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--black-alpha-15)}.mono-card.micro{border-left-color:var(--info)}.mono-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.mono-formula{font-weight:600;font-size:16px;color:var(--text-primary)}.mono-name{font-size:12px;color:var(--text-secondary)}.mono-value{display:flex;align-items:baseline;gap:var(--spacing-xs);font-size:24px;font-weight:700;color:var(--primary);margin:var(--spacing-sm) 0}.mono-value .value-unit{font-size:14px;font-weight:500;color:var(--text-secondary)}.mono-volume{font-size:11px;color:var(--text-secondary);text-align:center;padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:calc(var(--border-radius) / 2)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state .hint{font-size:13px;margin-top:var(--spacing-sm)}@media (max-width:768px){.mono-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.corrector-section{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.corrector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.corrector-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.corrector-title .info-link{font-size:14px;color:var(--primary);text-decoration:none;margin-left:8px}.corrector-controls{display:flex;gap:var(--spacing-sm);align-items:center}.profile-switcher{display:flex;gap:4px;background:var(--bg-primary);border-radius:var(--border-radius);padding:4px}.profile-btn{padding:6px 14px;border:none;background:transparent;border-radius:calc(var(--border-radius) / 2);cursor:pointer;font-weight:600;color:var(--text-secondary);transition:var(--transition)}.profile-btn:hover{background:var(--bg-tertiary)}.profile-btn.active{background:var(--primary);color:var(--bg-primary)}.btn-apply{background:var(--success);color:var(--bg-primary);border:none;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition)}.btn-apply:hover{opacity:0.9;transform:scale(1.05)}.btn-reset{background:var(--danger);color:var(--bg-primary);border:none;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition)}.btn-reset:hover{opacity:0.9;transform:scale(1.05)}.corrector-table-wrapper{overflow-x:auto;margin-top:var(--spacing-md)}.corrector-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--border-radius)}.corrector-table thead th{background:var(--bg-tertiary);padding:12px 8px;text-align:center;font-size:13px;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border)}.corrector-table .fill-btn{display:block;margin:4px auto 0;padding:4px 10px;background:var(--primary);color:var(--bg-primary);border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.corrector-table .fill-btn:hover{opacity:0.9;transform:scale(1.05)}.corrector-table .col-element{width:15%;text-align:left;padding-left:16px}.corrector-table .col-value{width:21.25%;text-align:center}.corrector-table .col-actions{display:flex;gap:4px;justify-content:center;margin-top:4px}.corrector-table .action-btn{background:transparent;border:1px solid var(--border);border-radius:4px;padding:2px 6px;cursor:pointer;font-size:12px;transition:var(--transition)}.corrector-table .action-btn:hover{background:var(--bg-tertiary);border-color:var(--primary)}.corrector-table tbody td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:center}.corrector-table tbody tr:last-child td{border-bottom:none}.corrector-table tbody tr:hover{background:var(--bg-tertiary)}.corrector-table .element-row .col-element{font-weight:600;color:var(--text-primary)}.corrector-table .value-display{display:inline-block;padding:4px 8px;font-family:var(--font-mono);font-size:14px;color:var(--text-primary)}.corrector-table .value-final{font-weight:700;color:var(--success)}.corrector-table .corrector-input{width:80%;padding:6px 8px;border:1px solid var(--border);border-radius:4px;font-size:14px;font-family:var(--font-mono);text-align:center}.corrector-table .corrector-input:focus{outline:none;border-color:var(--primary)}.corrector-table .corrector-input.value-final{font-weight:700;color:var(--success);border-color:var(--success)}.prices-section{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.prices-table-wrapper{margin-top:var(--spacing-md);overflow-x:auto}.prices-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--border-radius);overflow:hidden}.prices-table thead{background:var(--primary);color:var(--bg-primary)}.prices-table th,.prices-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left}.prices-table th{font-weight:600;font-size:13px;text-transform:uppercase}.prices-table tbody tr{border-bottom:1px solid var(--border);transition:var(--transition)}.prices-table tbody tr:hover{background:var(--bg-secondary)}.prices-table .salt-name{display:flex;flex-direction:column;gap:var(--spacing-xs)}.prices-table .salt-fullname{font-size:11px;color:var(--text-secondary)}.prices-table .cost-cell{font-weight:600;color:var(--primary);text-align:right}.prices-table tfoot{background:var(--bg-tertiary);font-size:15px}.prices-table .total-row td{padding:var(--spacing-md);border-top:2px solid var(--primary)}.prices-hint{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--warning-bg);border-left:4px solid var(--warning-light);border-radius:calc(var(--border-radius) / 2);font-size:13px;color:var(--text-primary)}@media (max-width:768px){.corrector-grid{grid-template-columns:1fr}.prices-table{font-size:12px}.prices-table th,.prices-table td{padding:var(--spacing-xs) var(--spacing-sm)}}.editable-salts-section{background:var(--gradient-editable);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;border:2px solid var(--primary)}.section-subtitle{font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.section-hint{font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--white-alpha-70);border-radius:calc(var(--border-radius) / 2)}.editable-salts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.editable-salt-card{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-md);border-left:4px solid var(--primary);box-shadow:0 2px 8px var(--black-alpha-10);transition:all 0.3s ease}.editable-salt-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px var(--black-alpha-15)}.editable-salt-card.primary{border-left-color:var(--primary)}.editable-salt-card.success{border-left-color:var(--success)}.editable-salt-card.info{border-left-color:var(--info)}.editable-salt-card.warning{border-left-color:var(--warning)}.editable-salt-card.danger{border-left-color:var(--danger)}.editable-salt-card.micro{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-focus) 100%)}.salt-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.salt-formula{font-weight:600;font-size:16px;color:var(--text-primary)}.salt-name{font-size:11px;color:var(--text-secondary)}.salt-input-group{display:flex;gap:var(--spacing-xs);align-items:center}.salt-input{flex:1;padding:var(--spacing-sm);border:2px solid var(--border);border-radius:calc(var(--border-radius) / 2);font-size:16px;font-weight:600;font-family:var(--font-mono);transition:var(--transition)}.salt-input:focus{outline:none;border-color:var(--primary);background:var(--bg-focus)}.salt-input:hover{border-color:var(--primary)}.salt-unit{font-size:12px;font-weight:500;color:var(--text-secondary);min-width:30px}@media (max-width:768px){.editable-salts-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.salts-table-wrapper{overflow-x:auto;margin-top:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--black-alpha-10)}.salts-table{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed}.salts-table thead{background:var(--gradient-header);color:var(--bg-primary)}.salts-table thead th{text-align:center;vertical-align:middle;padding:8px 6px}.salts-table th{padding:6px 8px;text-align:left;font-weight:600;font-size:11px;white-space:nowrap}.salt-name-col{width:19%;min-width:110px}.salt-percents-col{width:25%;min-width:160px}.salt-weight-col{width:12%;min-width:65px}.mono-bottle-col{width:16%;min-width:90px;text-align:center}.price-col{width:13%;min-width:75px;text-align:center;padding:4px 6px}.salt-row{border-bottom:1px solid var(--border);transition:background 0.2s ease}.salt-row:hover{background:var(--bg-hover)}.salt-row.primary{border-left:4px solid var(--primary)}.salt-row.success{border-left:4px solid var(--success)}.salt-row.info{border-left:4px solid var(--info)}.salt-row.warning{border-left:4px solid var(--warning)}.salt-row.danger{border-left:4px solid var(--danger)}.salt-name-cell{padding:4px 6px;text-align:left;vertical-align:middle}.preset-select{width:100%;margin-top:4px;padding:3px 6px;border:1px solid var(--border);border-radius:4px;font-size:11px;font-family:var(--font);background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.preset-select:hover{border-color:var(--primary)}.preset-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha-10)}.salt-formula-hint{margin-top:3px;font-size:10px;font-family:var(--font-mono);color:var(--text-disabled)}.salt-percents-cell{padding:4px 6px;text-align:left;vertical-align:middle}.ion-inputs{display:inline-flex;flex-direction:row;gap:4px;align-items:center;flex-wrap:nowrap}.cano3-row .ion-inputs{display:grid;grid-template-columns:1fr 1fr;gap:2px 4px;align-items:start}.ion-input-group{display:flex;align-items:center;gap:2px}.ion-label{font-size:10px;font-weight:600;color:var(--text-secondary);min-width:24px}.ion-input{width:70px;padding:3px 4px;border:1px solid var(--border-medium);border-radius:3px;font-size:11px;font-family:var(--font-mono);transition:var(--transition)}.ion-input:focus{outline:none;border-color:var(--primary);background:var(--bg-focus)}.ion-input:hover{border-color:var(--border-dark)}.ion-unit{font-size:10px;color:var(--text-secondary)}.salt-weight-cell{padding:4px 6px;text-align:center;vertical-align:middle}.weight-input{width:65px;padding:3px 5px;border:1px solid var(--border);border-radius:calc(var(--border-radius) / 2);font-size:12px;font-weight:600;font-family:var(--font-mono);transition:var(--transition)}.weight-input:focus{outline:none;border-color:var(--primary);background:var(--bg-focus)}.weight-input:hover{border-color:var(--primary)}.readonly-input{background:var(--bg-readonly)!important;color:var(--text-secondary)!important;cursor:not-allowed!important;border-color:var(--border-light)!important}.readonly-input:hover{border-color:var(--border-light)!important}.salts-help{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--white-alpha-80);border-radius:calc(var(--border-radius) / 2);display:flex;flex-direction:column;gap:var(--spacing-sm)}.help-item{font-size:12px;color:var(--text-secondary)}.help-item strong{color:var(--text-primary)}.salt-row.micro{background:linear-gradient(90deg,var(--micro-bg-start) 0%,var(--bg-primary) 100%)}.salt-row.micro:hover{background:linear-gradient(90deg,var(--micro-hover-start) 0%,var(--bg-hover) 100%)}.subsection-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-sm);border-left:4px solid var(--primary)}.salts-table-wide{width:100%;min-width:0}.mono-gl-col,.mono-gml-col,.mono-v-col,.mono-bottle-col{min-width:90px;text-align:center}.mono-cell{padding:var(--spacing-sm);text-align:center}.mono-input{width:75px;padding:4px 6px;border:1px solid var(--border-medium);border-radius:4px;font-size:12px;font-family:var(--font-mono);text-align:center;transition:var(--transition)}.mono-input:focus{outline:none;border-color:var(--primary);background:var(--warning-bg)}.mono-input:hover{border-color:var(--border-dark)}.mono-bottle-cell{padding:3px 4px;text-align:center;vertical-align:middle}.bottle-grams{display:inline-block;padding:2px 4px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-weight:500;font-size:10px;font-family:var(--font-mono);white-space:nowrap}.display-mode-toggle{display:flex;gap:4px;margin-bottom:var(--spacing-sm);padding:3px;background:var(--bg-secondary);border-radius:4px}.mode-btn{flex:1;padding:6px 12px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s ease}.mode-btn:hover{background:var(--primary-alpha-10)}.mode-btn.active{background:var(--primary);color:var(--bg-primary)}.micro-mode-toggle{display:flex;gap:3px;margin-bottom:var(--spacing-sm);padding:2px;background:var(--bg-secondary);border-radius:3px}.micro-mode-btn{flex:1;padding:4px 8px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--text-secondary);font-size:10px;font-weight:500;cursor:pointer;transition:all 0.15s ease}.micro-mode-btn:hover{background:var(--info-alpha-20)}.micro-mode-btn.active{background:var(--info);color:var(--bg-primary)}.salts-list{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.salts-list-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:0.5px}.salts-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.salt-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gradient-chips);border-radius:calc(var(--border-radius) / 2);font-size:13px;box-shadow:0 2px 4px var(--black-alpha-10);transition:all 0.2s ease}.salt-chip:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--black-alpha-15)}.salt-chip-name{font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.salt-chip-value{font-weight:700;color:var(--primary);font-family:var(--font-mono)}.salt-chip-unit{font-size:11px;color:var(--text-secondary);font-weight:500}.price-input{width:85px;padding:6px 8px;border:1px solid var(--border);border-radius:calc(var(--border-radius) / 2);font-family:var(--font-mono);font-size:13px;transition:border-color 0.2s ease}.price-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha-10)}.price-kg-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--success)}.price-display-cell{text-align:center;padding:2px 4px;vertical-align:middle}.price-kg-input{width:58px;padding:3px 4px;border:1px solid var(--border);border-radius:calc(var(--border-radius) / 2);font-family:var(--font-mono);font-size:11px;text-align:center;transition:border-color 0.2s ease}.price-kg-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha-10)}.price-gram-calc{font-family:var(--font-mono);font-size:8px;color:var(--text-secondary);font-weight:400;margin-top:1px}.concentrates-summary{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-secondary) 100%);border-radius:var(--border-radius);border:1px solid var(--border)}.concentrates-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.concentrate-card{padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--black-alpha-10);transition:all 0.3s ease}.concentrate-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px var(--black-alpha-15)}.concentrate-card.concentrate-a{background:linear-gradient(135deg,var(--card-a-start) 0%,var(--card-a-end) 100%);border-left:4px solid var(--primary)}.concentrate-card.concentrate-b{background:linear-gradient(135deg,var(--card-b-start) 0%,var(--card-b-end) 100%);border-left:4px solid var(--success)}.concentrate-card.concentrate-c{background:linear-gradient(135deg,var(--card-c-start) 0%,var(--card-c-end) 100%);border-left:4px solid var(--info)}.concentrate-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-sm)}.concentrate-label{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.5px}.concentrate-formula{font-size:12px;font-weight:500;color:var(--text-secondary);font-family:var(--font-mono)}.concentrate-value{display:flex;align-items:baseline;gap:6px;margin-top:var(--spacing-sm)}.concentrate-value .value-number{font-size:28px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.concentrate-value .value-unit{font-size:14px;font-weight:600;color:var(--text-secondary)}.concentrates-instructions{display:flex;flex-direction:column;gap:20px;margin-top:16px}.concentrate-instruction{border-radius:8px;padding:16px;border:2px solid transparent;transition:all 0.2s ease}.concentrate-a-bg{background:linear-gradient(135deg,var(--concentrate-a-bg-start) 0%,var(--concentrate-a-bg-end) 100%);border-color:var(--concentrate-a)}.concentrate-b-bg{background:linear-gradient(135deg,var(--concentrate-b-bg-start) 0%,var(--concentrate-b-bg-end) 100%);border-color:var(--concentrate-b)}.concentrate-c-bg{background:linear-gradient(135deg,var(--concentrate-c-bg-start) 0%,var(--concentrate-c-bg-end) 100%);border-color:var(--concentrate-c)}.concentrate-c-bg{background:linear-gradient(135deg,var(--concentrate-c-alt-bg-start) 0%,var(--concentrate-c-alt-bg-end) 100%);border-color:var(--concentrate-c-alt)}.concentrate-instruction-header h4{margin:0 0 12px 0;font-size:18px;font-weight:600;color:var(--text-primary)}.concentrate-steps{display:flex;flex-direction:column;gap:8px}.step{display:flex;align-items:flex-start;gap:8px;padding:4px 0;font-size:14px;line-height:1.6}.step-number{font-weight:700;color:var(--primary);min-width:20px}.step-icon{font-size:18px;min-width:24px}.step-text{flex:1;color:var(--text-primary)}.step-text strong{color:var(--primary);font-weight:700}.step.sub-step{padding-left:28px;color:var(--text-secondary)}.step.highlight{background:var(--primary-alpha-10);border-left:3px solid var(--primary);padding:12px 12px 12px 16px;margin:8px 0;border-radius:4px;font-weight:600}.step.highlight .step-text strong{font-size:16px;color:var(--primary)}.solution-density{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,var(--concentrate-b-bg-end) 0%,var(--concentrate-b-bg-start) 100%);border-radius:8px;border:2px solid var(--concentrate-b);margin-top:8px}.density-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.density-value{font-size:18px;font-weight:700;color:var(--primary);font-family:var(--font-mono)}.salt-row.concentrate-a-row{background:linear-gradient(90deg,rgba(255,249,230,0.3) 0%,rgba(255,251,240,0.3) 100%);border-left:4px solid var(--concentrate-a)}.salt-row.concentrate-b-row{background:linear-gradient(90deg,rgba(230,247,255,0.3) 0%,rgba(240,249,255,0.3) 100%);border-left:4px solid var(--concentrate-b)}.salt-row.concentrate-a-row:hover{background:linear-gradient(90deg,rgba(255,249,230,0.5) 0%,rgba(255,251,240,0.5) 100%)}.salt-row.concentrate-b-row:hover{background:linear-gradient(90deg,rgba(230,247,255,0.5) 0%,rgba(240,249,255,0.5) 100%)}.salt-row.concentrate-c-row{background:linear-gradient(90deg,rgba(230,255,240,0.3) 0%,rgba(240,255,245,0.3) 100%);border-left:4px solid var(--concentrate-c)}.salt-row.concentrate-c-row:hover{background:linear-gradient(90deg,rgba(230,255,240,0.5) 0%,rgba(240,255,245,0.5) 100%)}.concentrate-instruction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pour-btn{padding:8px 16px;border:2px solid var(--primary);border-radius:6px;background:var(--bg-primary);color:var(--primary);font-weight:600;font-size:14px;cursor:pointer;transition:all 0.2s ease;min-width:90px}.pour-btn:hover{background:var(--primary);color:var(--bg-primary);transform:translateY(-1px);box-shadow:0 2px 8px var(--primary-alpha-30)}.pour-btn.poured{background:var(--success);border-color:var(--success);color:var(--bg-primary)}.pour-btn.poured:hover{background:var(--success-dark);border-color:var(--success-dark)}.concentrate-instruction.poured{opacity:0.6;position:relative}.concentrate-instruction.poured::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;color:var(--poured-overlay);pointer-events:none;font-weight:bold}.concentrates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reset-poured-btn{padding:8px 16px;border:2px solid var(--warning);border-radius:6px;background:var(--bg-primary);color:var(--warning);font-weight:600;font-size:14px;cursor:pointer;transition:all 0.2s ease}.reset-poured-btn:hover{background:var(--warning);color:var(--bg-primary);transform:translateY(-1px);box-shadow:0 2px 8px var(--warning-alpha-20)}.concentrates-cards-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}@media (min-width:768px){.concentrates-cards-compact{grid-template-columns:repeat(3,1fr)}}.concentrate-card-compact{border-radius:8px;padding:16px;border:2px solid transparent;transition:all 0.2s ease}.concentrate-card-compact.concentrate-a-bg{background:linear-gradient(135deg,var(--concentrate-a-bg-start) 0%,var(--concentrate-a-bg-end) 100%);border-color:var(--concentrate-a)}.concentrate-card-compact.concentrate-b-bg{background:linear-gradient(135deg,var(--concentrate-b-bg-start) 0%,var(--concentrate-b-bg-end) 100%);border-color:var(--concentrate-b)}.concentrate-c-bg{background:linear-gradient(135deg,var(--concentrate-c-bg-start) 0%,var(--concentrate-c-bg-end) 100%);border-color:var(--concentrate-c)}.concentrate-card-compact.concentrate-c-bg{background:linear-gradient(135deg,var(--concentrate-c-alt-bg-start) 0%,var(--concentrate-c-alt-bg-end) 100%);border-color:var(--concentrate-c-alt)}.concentrate-compact-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--black-alpha-10)}.concentrate-label{font-size:24px;font-weight:700;color:var(--primary);min-width:32px}.concentrate-formula{font-size:16px;font-weight:600;color:var(--text-primary)}.concentrate-compact-info{display:flex;flex-direction:column;gap:6px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.info-row.highlight{background:var(--primary-alpha-10);border-left:3px solid var(--primary);padding:8px 12px;margin:4px -8px;border-radius:4px;font-weight:600}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--primary);font-weight:700;font-family:var(--font-mono)}.concentrates-cards-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:16px}@media (min-width:1200px){.concentrates-cards-detailed{grid-template-columns:repeat(3,1fr)}}.concentrate-card-detailed{border-radius:12px;padding:20px;border:2px solid transparent;box-shadow:0 2px 8px var(--black-alpha-10);transition:all 0.3s ease}.concentrate-card-detailed:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--black-alpha-15)}.concentrate-card-detailed.concentrate-a-bg{background:linear-gradient(135deg,var(--concentrate-a-bg-start) 0%,var(--concentrate-a-bg-end) 100%);border-color:var(--concentrate-a)}.concentrate-card-detailed.concentrate-b-bg{background:linear-gradient(135deg,var(--concentrate-b-bg-start) 0%,var(--concentrate-b-bg-end) 100%);border-color:var(--concentrate-b)}.concentrate-card-detailed.concentrate-c-bg{background:linear-gradient(135deg,var(--concentrate-c-bg-start) 0%,var(--concentrate-c-bg-end) 100%);border-color:var(--concentrate-c)}.concentrate-detailed-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--black-alpha-10)}.concentrate-label-big{font-size:32px;font-weight:700;color:var(--primary);line-height:1}.concentrate-title{font-size:18px;font-weight:600;color:var(--text-primary)}.concentrate-salts-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:var(--white-alpha-50);border-radius:8px}.salt-item-block{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.salt-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.salt-name{font-weight:500;color:var(--text-primary)}.salt-grams{font-weight:700;color:var(--primary);font-family:var(--font-mono)}.salt-mono-info{font-size:12px;color:var(--text-secondary);padding-left:12px;font-style:italic}.concentrate-summary{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:6px 8px;border-radius:4px;background:rgba(255,255,255,0.3)}.summary-row.highlight-row{background:var(--primary-alpha-15);border-left:4px solid var(--primary);padding:10px 12px;font-weight:600;font-size:15px}.summary-row span:first-child{color:var(--text-secondary);font-weight:500}.summary-row span:last-child{color:var(--primary);font-weight:700;font-family:var(--font-mono)}.poured-col{width:60px;text-align:center;font-size:12px;font-weight:600;color:var(--text-secondary)}.poured-cell{text-align:center;padding:8px 4px}.poured-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary);transition:all 0.2s ease}.poured-checkbox:hover:not(:disabled){transform:scale(1.1)}.poured-checkbox:disabled{opacity:0.3;cursor:not-allowed}.edit-complex-btn{padding:6px 12px;background:var(--gradient-header);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all 0.2s ease;white-space:nowrap}.edit-complex-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-alpha-30)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:var(--bg-primary);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3);display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;color:var(--primary)}.modal-close{background:none;border:none;font-size:32px;color:var(--border-dark);cursor:pointer;padding:0;width:32px;height:32px;line-height:28px;transition:color 0.2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto}.complex-inputs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.complex-input-group{display:flex;align-items:center;gap:8px}.complex-input-group label{font-weight:600;color:var(--text-primary);min-width:120px;font-size:14px}.complex-input-group input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:var(--font-mono);transition:border-color 0.2s}.complex-input-group input:focus{outline:none;border-color:var(--primary)}.complex-input-group span{color:var(--text-secondary);font-size:14px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.btn-primary{padding:10px 24px;background:var(--primary);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all 0.2s}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width:768px){.complex-inputs-grid{grid-template-columns:1fr}}.npk-info{background:linear-gradient(135deg,var(--npk-bg-start) 0%,var(--npk-bg-end) 100%);padding:8px 12px!important;border-radius:6px;border:1px solid var(--npk-border)!important;margin-top:8px}.npk-info span{font-size:12px;font-weight:600;color:var(--npk-text);font-family:var(--font-mono);display:block;width:100%}.micro-composition-info{font-size:11px;color:var(--text-secondary);margin-top:4px;font-family:var(--font-mono);padding:4px 8px;background:var(--bg-hover);border-radius:4px}.micro-info{background:linear-gradient(135deg,var(--micro-info-bg-start) 0%,var(--micro-info-bg-end) 100%);padding:8px 12px!important;border-radius:6px;border:1px solid var(--micro-info-border)!important;margin-top:8px}.micro-info span{font-size:12px;font-weight:600;color:var(--micro-info-text);font-family:var(--font-mono);display:block;width:100%}:root,[data-bs-theme=light]{--calc-bg-primary:#f9fafb;--calc-bg-secondary:#f3f4f6;--calc-bg-section:#e5e7eb;--calc-bg-tertiary:#f8fafc;--calc-bg-input:#f1f5f9;--calc-text-primary:#374151;--calc-text-secondary:#6b7280;--calc-text-muted:#4b5563;--calc-text-dark:#1f2937;--calc-text-slate:#64748b;--calc-text-slate-dark:#334155;--calc-border-light:#e5e7eb;--calc-border-medium:#d1d5db;--calc-border-slate:#e2e8f0;--calc-border-slate-dark:#cbd5e1;--calc-gray-50:#f9fafb;--calc-gray-100:#f3f4f6;--calc-gray-200:#e5e7eb;--calc-gray-300:#d1d5db;--calc-gray-400:#9ca3af;--calc-gray-500:#6b7280;--calc-gray-600:#4b5563;--calc-gray-700:#374151;--calc-gray-800:#1f2937;--calc-gray-900:#111827;--calc-slate-50:#f8fafc;--calc-slate-100:#f1f5f9;--calc-slate-200:#e2e8f0;--calc-slate-300:#cbd5e1;--calc-slate-400:#94a3b8;--calc-slate-500:#64748b;--calc-slate-600:#475569;--calc-slate-700:#334155;--calc-slate-800:#1e293b;--calc-slate-900:#0f172a;--calc-blue-50:#eff6ff;--calc-blue-100:#dbeafe;--calc-blue-200:#bfdbfe;--calc-blue-300:#93c5fd;--calc-blue-400:#60a5fa;--calc-blue-500:#3b82f6;--calc-blue-600:#2563eb;--calc-blue-700:#1d4ed8;--calc-blue-800:#1e40af;--calc-blue-900:#1e3a8a;--calc-indigo-50:#eef2ff;--calc-indigo-100:#e0e7ff;--calc-indigo-200:#c7d2fe;--calc-indigo-300:#a5b4fc;--calc-indigo-400:#818cf8;--calc-indigo-500:#6366f1;--calc-indigo-600:#4f46e5;--calc-indigo-700:#4338ca;--calc-indigo-800:#3730a3;--calc-indigo-900:#312e81;--calc-indigo-950:#1e1b4b;--calc-purple-50:#faf5ff;--calc-purple-100:#f5f3ff;--calc-purple-200:#ede9fe;--calc-purple-300:#ddd6fe;--calc-purple-400:#c4b5fd;--calc-purple-500:#a78bfa;--calc-purple-600:#8b5cf6;--calc-purple-700:#7c3aed;--calc-purple-800:#6d28d9;--calc-purple-900:#5b21b6;--calc-violet-custom:#764ba2;--calc-pink-50:#fdf2f8;--calc-pink-100:#fce7f3;--calc-pink-200:#fbcfe8;--calc-pink-300:#f9a8d4;--calc-pink-400:#f472b6;--calc-pink-500:#ec4899;--calc-pink-600:#db2777;--calc-pink-700:#be185d;--calc-pink-800:#9d174d;--calc-pink-900:#831843;--calc-green-50:#f0fdf4;--calc-green-100:#dcfce7;--calc-green-200:#bbf7d0;--calc-green-300:#86efac;--calc-green-400:#4ade80;--calc-green-500:#22c55e;--calc-green-600:#16a34a;--calc-green-700:#15803d;--calc-green-800:#166534;--calc-green-900:#14532d;--calc-emerald-50:#ecfdf5;--calc-emerald-100:#d1fae5;--calc-emerald-200:#a7f3d0;--calc-emerald-300:#6ee7b7;--calc-emerald-400:#34d399;--calc-emerald-500:#10b981;--calc-emerald-600:#059669;--calc-emerald-700:#047857;--calc-emerald-800:#065f46;--calc-emerald-900:#064e3b;--calc-teal-600:#0d9488;--calc-sky-50:#f0f9ff;--calc-sky-100:#e0f2fe;--calc-sky-200:#bae6fd;--calc-sky-300:#7dd3fc;--calc-sky-400:#38bdf8;--calc-sky-500:#0ea5e9;--calc-sky-600:#0284c7;--calc-sky-700:#0369a1;--calc-red-50:#fef2f2;--calc-red-100:#fee2e2;--calc-red-200:#fecaca;--calc-red-300:#fca5a5;--calc-red-400:#f87171;--calc-red-500:#ef4444;--calc-red-600:#dc2626;--calc-red-700:#b91c1c;--calc-red-800:#991b1b;--calc-red-900:#7f1d1d;--calc-orange-50:#fff7ed;--calc-orange-100:#ffedd5;--calc-orange-200:#fed7aa;--calc-orange-300:#fdba74;--calc-orange-400:#fb923c;--calc-orange-500:#f97316;--calc-orange-600:#ea580c;--calc-orange-700:#c2410c;--calc-orange-800:#9a3412;--calc-amber-50:#fffbeb;--calc-amber-100:#fef3c7;--calc-amber-200:#fde68a;--calc-amber-300:#fcd34d;--calc-amber-400:#fbbf24;--calc-amber-500:#f59e0b;--calc-amber-600:#d97706;--calc-amber-700:#b45309;--calc-amber-800:#92400e;--calc-amber-900:#78350f;--calc-yellow-50:#fefce8;--calc-yellow-100:#fef9c3;--calc-yellow-200:#fef08a;--calc-yellow-300:#fde047;--calc-yellow-400:#facc15;--calc-yellow-500:#eab308;--calc-yellow-600:#ca8a04;--calc-yellow-700:#a16207;--calc-yellow-800:#854d0e;--calc-lime-700:#4d7c0f;--calc-accent:#667eea;--calc-accent-light:#818cf8;--calc-accent-dark:#4f46e5;--calc-success:#059669;--calc-success-light:#10b981;--calc-success-dark:#047857;--calc-success-bg:#dcfce7;--calc-success-border:#86efac;--calc-success-text:#166534;--calc-error:#dc2626;--calc-error-light:#ef4444;--calc-error-bg:#fee2e2;--calc-warning-bg:#fef3c7;--calc-warning-text:#92400e;--calc-warning-border:#fbbf24;--calc-white:#ffffff;--calc-black:#000000;--calc-focus-bg:#f0f4ff;--calc-indigo:#6366f1;--calc-indigo-bg:#e0e7ff;--calc-indigo-dark:#4338ca;--calc-green-light:#22c55e}[data-bs-theme=dark]{--calc-bg-primary:#1f2937;--calc-bg-secondary:#374151;--calc-bg-section:#4b5563;--calc-bg-tertiary:#111827;--calc-bg-input:#374151;--calc-text-primary:#f3f4f6;--calc-text-secondary:#d1d5db;--calc-text-muted:#9ca3af;--calc-text-dark:#f9fafb;--calc-text-slate:#94a3b8;--calc-text-slate-dark:#cbd5e1;--calc-border-light:#4b5563;--calc-border-medium:#6b7280;--calc-border-slate:#4b5563;--calc-border-slate-dark:#6b7280;--calc-gray-50:#111827;--calc-gray-100:#1f2937;--calc-gray-200:#374151;--calc-gray-300:#4b5563;--calc-gray-400:#6b7280;--calc-gray-500:#9ca3af;--calc-gray-600:#d1d5db;--calc-gray-700:#e5e7eb;--calc-gray-800:#f3f4f6;--calc-gray-900:#f9fafb;--calc-slate-50:#0f172a;--calc-slate-100:#1e293b;--calc-slate-200:#334155;--calc-slate-300:#475569;--calc-slate-400:#64748b;--calc-slate-500:#94a3b8;--calc-slate-600:#cbd5e1;--calc-slate-700:#e2e8f0;--calc-slate-800:#f1f5f9;--calc-slate-900:#f8fafc;--calc-blue-50:#1e3a8a;--calc-blue-100:#1e40af;--calc-blue-200:#1d4ed8;--calc-blue-300:#2563eb;--calc-blue-400:#3b82f6;--calc-blue-500:#60a5fa;--calc-blue-600:#93c5fd;--calc-blue-700:#bfdbfe;--calc-blue-800:#dbeafe;--calc-blue-900:#eff6ff;--calc-indigo-50:#312e81;--calc-indigo-100:#3730a3;--calc-indigo-200:#4338ca;--calc-indigo-300:#4f46e5;--calc-indigo-400:#6366f1;--calc-indigo-500:#818cf8;--calc-indigo-600:#a5b4fc;--calc-indigo-700:#c7d2fe;--calc-indigo-800:#e0e7ff;--calc-indigo-900:#eef2ff;--calc-indigo-950:#1e1b4b;--calc-purple-50:#581c87;--calc-purple-100:#6b21a8;--calc-purple-200:#7c3aed;--calc-purple-300:#8b5cf6;--calc-purple-400:#a78bfa;--calc-purple-500:#c4b5fd;--calc-purple-600:#ddd6fe;--calc-purple-700:#ede9fe;--calc-purple-800:#f5f3ff;--calc-purple-900:#faf5ff;--calc-violet-custom:#a78bfa;--calc-pink-50:#831843;--calc-pink-100:#9d174d;--calc-pink-200:#be185d;--calc-pink-300:#db2777;--calc-pink-400:#ec4899;--calc-pink-500:#f472b6;--calc-pink-600:#f9a8d4;--calc-pink-700:#fbcfe8;--calc-pink-800:#fce7f3;--calc-pink-900:#fdf2f8;--calc-green-50:#14532d;--calc-green-100:#166534;--calc-green-200:#15803d;--calc-green-300:#16a34a;--calc-green-400:#22c55e;--calc-green-500:#4ade80;--calc-green-600:#86efac;--calc-green-700:#bbf7d0;--calc-green-800:#dcfce7;--calc-green-900:#f0fdf4;--calc-emerald-50:#064e3b;--calc-emerald-100:#065f46;--calc-emerald-200:#047857;--calc-emerald-300:#059669;--calc-emerald-400:#10b981;--calc-emerald-500:#34d399;--calc-emerald-600:#6ee7b7;--calc-emerald-700:#a7f3d0;--calc-emerald-800:#d1fae5;--calc-emerald-900:#ecfdf5;--calc-teal-600:#2dd4bf;--calc-sky-50:#0c4a6e;--calc-sky-100:#075985;--calc-sky-200:#0369a1;--calc-sky-300:#0284c7;--calc-sky-400:#0ea5e9;--calc-sky-500:#38bdf8;--calc-sky-600:#7dd3fc;--calc-sky-700:#bae6fd;--calc-red-50:#7f1d1d;--calc-red-100:#991b1b;--calc-red-200:#b91c1c;--calc-red-300:#dc2626;--calc-red-400:#ef4444;--calc-red-500:#f87171;--calc-red-600:#fca5a5;--calc-red-700:#fecaca;--calc-red-800:#fee2e2;--calc-red-900:#fef2f2;--calc-orange-50:#7c2d12;--calc-orange-100:#9a3412;--calc-orange-200:#c2410c;--calc-orange-300:#ea580c;--calc-orange-400:#f97316;--calc-orange-500:#fb923c;--calc-orange-600:#fdba74;--calc-orange-700:#fed7aa;--calc-orange-800:#ffedd5;--calc-amber-50:#78350f;--calc-amber-100:#92400e;--calc-amber-200:#b45309;--calc-amber-300:#d97706;--calc-amber-400:#f59e0b;--calc-amber-500:#fbbf24;--calc-amber-600:#fcd34d;--calc-amber-700:#fde68a;--calc-amber-800:#fef3c7;--calc-amber-900:#fffbeb;--calc-yellow-50:#854d0e;--calc-yellow-100:#a16207;--calc-yellow-200:#ca8a04;--calc-yellow-300:#eab308;--calc-yellow-400:#facc15;--calc-yellow-500:#fde047;--calc-yellow-600:#fef08a;--calc-yellow-700:#fef9c3;--calc-yellow-800:#fefce8;--calc-lime-700:#84cc16;--calc-accent:#818cf8;--calc-accent-light:#a5b4fc;--calc-accent-dark:#6366f1;--calc-success:#34d399;--calc-success-light:#6ee7b7;--calc-success-dark:#10b981;--calc-success-bg:#064e3b;--calc-success-border:#059669;--calc-success-text:#a7f3d0;--calc-error:#f87171;--calc-error-light:#fca5a5;--calc-error-bg:#7f1d1d;--calc-warning-bg:#78350f;--calc-warning-text:#fde68a;--calc-warning-border:#d97706;--calc-white:#1f2937;--calc-black:#f9fafb;--calc-focus-bg:#374151;--calc-indigo:#818cf8;--calc-indigo-bg:#312e81;--calc-indigo-dark:#a5b4fc;--calc-green-light:#4ade80}[x-cloak]{display:none!important}h1.block-title{font-size:16px!important;font-weight:600;margin:8px 0 4px 0;padding:4px 8px;background:var(--calc-bg-section);border-left:3px solid var(--calc-accent)}h2{font-size:14px!important;font-weight:600;margin:6px 0 4px 0;padding:0}h3{font-size:13px!important;font-weight:600;margin:4px 0 2px 0;padding:0}.calculator-app{max-width:600px;margin:0 auto}section{margin-bottom:12px}.section-divider{margin:8px 0;border:0;border-top:1px solid var(--calc-border-light)}.solution-params{margin-bottom:8px}.params-inline{display:flex;align-items:center;gap:15px;padding:6px 10px;background:var(--calc-bg-primary);border-radius:6px;border:1px solid var(--calc-border-light)}.param-label{font-size:13px;font-weight:600;color:var(--calc-text-primary)}.param-group{display:flex;align-items:center;gap:5px}.param-group label{font-size:12px;font-weight:500;color:var(--calc-text-secondary);margin:0}.param-group input{width:60px;height:22px;padding:2px 5px;font-size:12px;border:1px solid var(--calc-border-medium);border-radius:4px;text-align:right}.param-group input:focus{outline:none;border-color:var(--calc-accent)}.param-value{display:inline-block;min-width:45px;font-size:12px;font-weight:600;color:var(--calc-success);text-align:right}.ratio-matrix-table{font-size:11px}.ratio-matrix-table thead th{background:var(--calc-indigo-bg);color:var(--calc-indigo-dark);font-weight:600;text-align:center;padding:4px}.ratio-matrix-table tbody td{text-align:center;padding:3px 4px;font-weight:500}.ratio-matrix-table .ratio-row-label{background:var(--calc-bg-secondary);color:var(--calc-indigo-dark);font-weight:600;text-align:center}.ratio-input{width:50px;height:22px;padding:2px 4px;font-size:11px;border:1px solid var(--calc-border-medium);border-radius:4px;text-align:right}.ratio-input:focus{outline:none;border-color:var(--calc-accent);background:var(--calc-focus-bg)}.concentrate-group{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:var(--calc-success-bg);border-radius:3px;margin:0 2px}.concentrate-name{font-size:11px;font-weight:600;color:var(--calc-green-700)}.concentrate-value{font-size:11px;font-weight:600;color:var(--calc-success-text)}.concentrate-detail{font-size:10px;font-weight:500;color:var(--calc-lime-700)}.element-card{padding:4px 6px;margin:2px;border-radius:4px;background:var(--calc-bg-primary)}.element-card label{font-size:11px;margin-bottom:2px;display:block;font-weight:500;color:var(--calc-text-muted)}.element-card input{font-size:12px;padding:2px 4px;height:24px;width:100%;border:1px solid var(--calc-border-medium);border-radius:4px}.element-card input:focus{outline:none;border-color:var(--calc-accent)}.element-card span{font-size:11px;color:var(--calc-text-secondary)}.n-separate{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--calc-emerald-50);border-radius:4px;border:1px solid var(--calc-emerald-200);margin-bottom:6px}.n-label{font-size:11px;font-weight:600;color:var(--calc-emerald-800)}.n-value{font-size:12px;font-weight:700;color:var(--calc-success)}.elements-2rows{display:grid;grid-template-columns:repeat(8,minmax(52px,1fr));border:1px solid var(--calc-gray-700);width:100%;max-width:100%}@media (max-width:450px){.macro-section,.micro-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.elements-2rows{min-width:420px}}.elements-row-labels{display:contents}.elements-row-labels .elem-label{text-align:center;font-size:10px;font-weight:600;color:var(--calc-black);padding:4px 2px;background:var(--calc-bg-primary);border-right:1px solid var(--calc-gray-700);border-bottom:1px solid var(--calc-gray-700)}.elements-row-labels .elem-label:last-child{border-right:none}.elements-row-values{display:contents}.elements-row-values input{width:100%!important;height:28px!important;padding:2px 4px!important;font-size:12px!important;border:none;border-right:1px solid var(--calc-gray-700);border-radius:0;text-align:center;font-weight:500;background:var(--calc-white)}.elements-row-values input:last-child{border-right:none}.elements-row-values input:focus{outline:none;background:var(--calc-focus-bg)}.btn-mode{background:var(--calc-white);color:var(--calc-text-primary)}.btn-mode-active{background:var(--calc-accent);color:var(--calc-white);font-weight:600}.btn-mode:hover,.btn-mode-active:hover{opacity:0.9}input[type=number]{height:24px!important;font-size:12px!important;padding:2px 4px!important}.salts-table-container{overflow-x:auto;margin:8px 0;max-width:600px}.salts-table{width:auto;border-collapse:collapse;background:var(--calc-white);border-radius:8px;overflow:hidden}.salts-table thead{background:var(--calc-bg-secondary);color:var(--calc-text-dark)}.salts-table thead th{padding:4px 6px;text-align:left;font-weight:600;font-size:11px}.salts-table tbody tr{border-bottom:1px solid var(--calc-gray-200)}.salts-table tbody tr:hover{background-color:var(--calc-bg-primary)}.salts-table td{padding:4px 4px;font-size:11px}.salts-table td.mono-grams,.salts-table td.mono-ml{max-width:60px;width:60px;text-align:center}.salts-table td.salt-grams{max-width:80px;width:80px}.salts-table td.conc-gl,.salts-table td.conc-density{max-width:70px;width:70px}.salts-table td.salt-composition{min-width:200px;max-width:300px}.salt-name{font-weight:600;color:var(--calc-text-dark);white-space:nowrap}.composition-wrapper{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:6px}.composition-row{display:inline-flex!important;align-items:center;white-space:nowrap;margin:0!important}.composition-row .elem-label,.composition-row .percent-input,.composition-row .percent-symbol{display:inline-block;vertical-align:middle}.composition-row:last-child{margin-right:0}.elem-label{min-width:28px;font-weight:600;color:var(--calc-text-muted);font-size:10px}.percent-input{width:55px;padding:1px 3px;border:1px solid var(--calc-border-medium);border-radius:3px;font-size:11px;text-align:right;height:20px}.percent-input:focus{outline:none;border-color:var(--calc-accent)}.percent-symbol{color:var(--calc-text-secondary);font-size:10px}.grams-input{width:70px;padding:2px 4px;border:1px solid var(--calc-accent);border-radius:4px;font-size:11px;font-weight:600;text-align:right;height:22px}.grams-input:focus{outline:none;border-color:var(--calc-violet-custom)}.conc-input{width:65px;padding:2px 4px;border:1px solid var(--calc-border-medium);border-radius:4px;font-size:11px;text-align:right;height:22px}.conc-input:focus{outline:none;border-color:var(--calc-accent)}.salt-concentrate{color:var(--calc-success);font-weight:500}.concentrate-inputs{display:flex;align-items:center;gap:3px;flex-wrap:nowrap}.concentrate-input{width:45px!important;height:20px!important;padding:1px 3px!important;font-size:11px!important;border:1px solid var(--calc-border-medium);border-radius:3px;text-align:right}.concentrate-input:focus{outline:none;border-color:var(--calc-success)}.concentrate-inputs .unit{font-size:10px;color:var(--calc-text-secondary);white-space:nowrap}.salt-price{color:var(--calc-error);font-weight:600}.price-input{width:60px;padding:2px 4px;border:1px solid var(--calc-border-medium);border-radius:4px;font-size:11px;text-align:right;color:var(--calc-error);font-weight:600;height:22px}.price-input:focus{outline:none;border-color:var(--calc-error)}.salts-table tfoot{background-color:var(--calc-gray-100);font-weight:600}.salts-table tfoot td{padding:6px 4px;font-size:12px}.toggle-button{background:var(--calc-accent);color:var(--calc-white);border:none;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin:4px 0;transition:background 0.2s ease}.toggle-button:hover{background:var(--calc-violet-custom)}.toggle-button:active{transform:scale(0.98)}.microcomplex-row{background-color:var(--calc-amber-100)}.microcomplex-row .salt-name{color:var(--calc-warning-text)}.card{padding:8px;margin:6px 0;border-radius:6px;background:var(--calc-white);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.form-group{margin-bottom:8px}.form-group label{font-size:11px;font-weight:500;color:var(--calc-text-muted);display:block;margin-bottom:2px}.form-group input,.form-group select{font-size:12px;padding:2px 4px;height:24px;width:100%;border:1px solid var(--calc-border-medium);border-radius:4px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--calc-accent)}.badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:600;border-radius:3px}.badge-primary{background:var(--calc-indigo-bg);color:var(--calc-indigo-dark)}.badge-success{background:var(--calc-emerald-100);color:var(--calc-emerald-800)}.badge-warning{background:var(--calc-amber-100);color:var(--calc-warning-text)}.badge-danger{background:var(--calc-red-100);color:var(--calc-red-800)}.grid-compact{display:grid;gap:6px}.grid-compact-2{grid-template-columns:repeat(2,1fr)}.grid-compact-3{grid-template-columns:repeat(3,1fr)}.grid-compact-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){h1.block-title{font-size:14px!important;padding:3px 6px}h2{font-size:13px!important}.salts-table thead th,.salts-table td{padding:3px 2px;font-size:10px}.toggle-button{padding:3px 10px;font-size:11px}.element-card{padding:3px 4px}}.mb-compact{margin-bottom:4px!important}.mb-compact-2{margin-bottom:8px!important}.mt-compact{margin-top:4px!important}.mt-compact-2{margin-top:8px!important}.p-compact{padding:4px!important}.p-compact-2{padding:8px!important}.text-xs{font-size:10px!important}.text-sm{font-size:11px!important}.text-md{font-size:12px!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.negative-value{color:var(--calc-error-light)!important;font-weight:bold!important;background:var(--calc-red-50)!important}input.negative-value{border-color:var(--calc-error-light)!important}.salts-inline{display:flex;flex-direction:column;gap:8px;margin:8px 0}.salts-row{display:flex;gap:12px;flex-wrap:wrap}.salt-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--calc-bg-primary);border:1px solid var(--calc-border-light);border-radius:4px}.salt-label{font-size:11px;font-weight:600;color:var(--calc-text-primary);min-width:60px}.salt-input{width:70px;height:24px;padding:2px 4px;font-size:12px;border:1px solid var(--calc-accent);border-radius:4px;text-align:right;font-weight:600}.salt-input:focus{outline:none;border-color:var(--calc-violet-custom);background:var(--calc-focus-bg)}.concentrate-section{margin:8px 0;padding:8px 10px;background:var(--calc-green-50);border:1px solid var(--calc-success-border);border-radius:6px}.concentrate-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}.concentrate-title{font-size:13px;font-weight:600;color:var(--calc-green-700)}.concentrate-params{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:var(--calc-success-text)}.concentrate-params input{height:22px;padding:2px 4px;font-size:11px;border:1px solid var(--calc-success-border);border-radius:4px;text-align:right}.concentrate-params input:focus{outline:none;border-color:var(--calc-green-light)}.concentrate-table{width:100%;border-collapse:collapse;font-size:11px}.concentrate-table thead{background:var(--calc-success-bg)}.concentrate-table th{padding:4px 8px;text-align:left;font-weight:600;color:var(--calc-success-text);border-bottom:1px solid var(--calc-green-300)}.concentrate-table td{padding:4px 8px;border-bottom:1px solid var(--calc-green-200)}.concentrate-table tbody tr:hover{background:var(--calc-success-bg)}.calc-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:16px;padding:12px;background:linear-gradient(135deg,var(--calc-slate-50) 0%,var(--calc-slate-100) 100%);border-radius:10px;border:1px solid var(--calc-border-slate)}.toolbar-group{display:flex;flex-direction:column;gap:4px}.toolbar-group-label{font-size:10px;font-weight:600;color:var(--calc-slate-400);text-transform:uppercase;letter-spacing:0.5px;padding-left:2px}.toolbar-buttons{display:flex;gap:4px}.calc-toolbar>.toolbar-btn{height:32px;min-width:32px;justify-content:center}.toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:500;color:var(--calc-slate-600);background:var(--calc-white);border:1px solid var(--calc-border-slate-dark);border-radius:6px;cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.toolbar-btn:hover{background:var(--calc-slate-100);border-color:var(--calc-slate-400);color:var(--calc-text-slate-dark)}.toolbar-btn.active{background:var(--calc-indigo-bg);border-color:var(--calc-indigo-400);color:var(--calc-indigo-dark)}.toolbar-btn i{font-size:14px}.toolbar-btn .badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;color:var(--calc-indigo);background:var(--calc-indigo-bg);border-radius:9px}.toolbar-btn.primary{background:linear-gradient(135deg,var(--calc-emerald-500) 0%,var(--calc-emerald-600) 100%);border-color:var(--calc-success);color:var(--calc-white)}.toolbar-btn.primary:hover{background:linear-gradient(135deg,var(--calc-emerald-600) 0%,var(--calc-emerald-700) 100%);border-color:var(--calc-emerald-700)}.toolbar-btn.primary-alt{background:linear-gradient(135deg,var(--calc-indigo-500) 0%,var(--calc-purple-600) 100%);border-color:var(--calc-indigo);color:var(--calc-white)}.toolbar-btn.primary-alt:hover{background:linear-gradient(135deg,var(--calc-indigo-600) 0%,var(--calc-purple-700) 100%);border-color:var(--calc-indigo-600)}.toolbar-btn.save-btn{background:linear-gradient(135deg,var(--calc-green-500) 0%,var(--calc-green-600) 100%);border-color:var(--calc-green-light);color:var(--calc-white)}.toolbar-btn.save-btn:hover{background:linear-gradient(135deg,var(--calc-green-600) 0%,var(--calc-green-700) 100%);border-color:var(--calc-green-600)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.toolbar-select{padding:6px 28px 6px 10px;font-size:12px;font-weight:500;color:var(--calc-slate-600);background-color:var(--calc-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M2 3.5L5 7l3-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--calc-border-slate-dark);border-radius:6px;cursor:pointer;appearance:none;min-width:100px;transition:all 0.15s ease}.toolbar-select:hover{border-color:var(--calc-slate-400);background-color:var(--calc-bg-primary)}.toolbar-select:focus{outline:none;border-color:var(--calc-indigo);box-shadow:0 0 0 2px rgba(99,102,241,0.15)}.params-section{margin-bottom:10px;border-radius:10px;overflow:visible;border:1px solid var(--calc-border-slate)}.params-header{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--calc-text-slate-dark);border-radius:10px 10px 0 0}.params-header i{font-size:14px}.params-header .matrix-toggle-btn{margin-left:auto;padding:4px 8px;font-size:12px;color:var(--calc-text-slate);background:rgba(255,255,255,0.5);border:1px solid var(--calc-border-slate-dark);border-radius:4px;cursor:pointer;transition:all 0.15s}.params-header .matrix-toggle-btn:hover{background:var(--calc-white);color:var(--calc-text-slate-dark)}.params-header .lock-toggle-btn{margin-left:auto;padding:6px 10px;font-size:16px;color:var(--calc-blue-700);background:rgba(255,255,255,0.9);border:1px solid var(--calc-blue-300);border-radius:6px;cursor:pointer;transition:all 0.15s}.params-header .lock-toggle-btn:hover{background:var(--calc-white);color:var(--calc-blue-800);border-color:var(--calc-blue-400)}.params-header .lock-toggle-btn.locked{background:var(--calc-blue-600);color:var(--calc-white);border-color:var(--calc-blue-700)}.params-header .lock-toggle-btn.locked:hover{background:var(--calc-blue-700)}.params-solution.sticky-fixed{position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.12);border:none;border-bottom:1px solid var(--calc-blue-300);border-radius:0;padding:6px 16px;display:flex;align-items:center;justify-content:center;gap:16px;background:var(--calc-white)}.params-solution.sticky-fixed .params-header{display:flex;align-items:center;padding:0;background:transparent;border:none;gap:0}.params-solution.sticky-fixed .params-header>i,.params-solution.sticky-fixed .params-header>span{display:none}.params-solution.sticky-fixed .params-header .lock-toggle-btn{display:flex;background:var(--calc-blue-500);border:none;color:#fff;padding:6px 10px;border-radius:6px;font-size:14px}.params-solution.sticky-fixed .params-header .lock-toggle-btn:hover{background:var(--calc-blue-600)}.params-solution.sticky-fixed .params-header .lock-toggle-btn.locked{background:var(--calc-green-500)}.params-solution.sticky-fixed .params-header .lock-toggle-btn.locked:hover{background:var(--calc-green-600)}.params-solution.sticky-fixed .params-grid{display:flex;flex-wrap:nowrap;gap:12px;padding:0;background:transparent;border-radius:0}.params-solution.sticky-fixed .param-card{flex-direction:row;align-items:center;gap:6px;padding:4px 10px;min-width:auto;border:1px solid var(--calc-border-slate);border-radius:6px;background:var(--calc-bg-secondary)}.params-solution.sticky-fixed .param-card label{font-size:11px;margin:0;font-weight:600}.params-solution.sticky-fixed .param-card input{width:55px;height:26px;font-size:14px;padding:2px 6px}.params-solution.sticky-fixed .param-unit{display:none}.params-solution.sticky-fixed .param-ppm{display:none}.params-solution.sticky-fixed .npk-label{display:flex;align-items:center;gap:8px;padding:4px 10px;background:transparent;border:none;flex-shrink:0}.params-solution.sticky-fixed .npk-row:first-child{display:none}.params-solution.sticky-fixed .npk-row{padding:0}.params-solution.sticky-fixed .npk-row code{font-size:12px}.params-solution.sticky-fixed .npk-copy-btn{display:none}.params-solution.sticky-fixed .price-summary{display:flex;align-items:center;gap:8px;padding:4px 12px;margin:0;background:transparent;border:none;border-left:1px solid var(--calc-border-slate);border-radius:0;flex-shrink:0}.params-solution.sticky-fixed .price-summary-item:not(.price-summary-total){display:none}.params-solution.sticky-fixed .price-summary-total{padding:0;border:none}.params-solution.sticky-fixed .price-summary-total .price-label{font-size:11px}.params-solution.sticky-fixed .price-summary-total .price-value{font-size:14px}@media (max-width:768px){.params-solution.sticky-fixed{padding:4px 8px;gap:6px;justify-content:center}.params-solution.sticky-fixed .params-grid{display:flex;gap:6px;flex-wrap:nowrap}.params-solution.sticky-fixed .param-card{padding:2px 6px;min-width:auto;border:1px solid var(--calc-border-slate)}.params-solution.sticky-fixed .param-card label{font-size:9px;font-weight:600}.params-solution.sticky-fixed .param-card input{width:40px;height:22px;font-size:12px;padding:1px 4px}.params-solution.sticky-fixed{}.params-solution.sticky-fixed .npk-label{display:none}.params-solution.sticky-fixed{}.params-solution.sticky-fixed .price-summary{padding:2px 6px;border-left:none;margin-left:4px}.params-solution.sticky-fixed .price-summary-total .price-label{font-size:9px}.params-solution.sticky-fixed .price-summary-total .price-value{font-size:12px}}[data-bs-theme=dark] .params-solution.sticky-fixed{background:var(--calc-bg-primary);border-bottom-color:var(--calc-blue-600);box-shadow:0 2px 10px rgba(0,0,0,0.4)}[data-bs-theme=dark] .params-solution.sticky-fixed .npk-row code{color:var(--calc-text-primary)}.params-grid{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 12px;background:var(--calc-white);border-radius:0 0 10px 10px}.param-card{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--calc-bg-tertiary);border-radius:6px;border:1px solid var(--calc-border-slate);min-width:80px}.param-card label{font-size:10px;font-weight:600;color:var(--calc-text-slate);text-transform:uppercase;letter-spacing:0.3px}.param-card input{width:70px;height:28px;padding:4px 6px;font-size:14px;font-weight:600;color:var(--calc-slate-800);border:1px solid var(--calc-border-slate-dark);border-radius:4px;text-align:right;background:var(--calc-white)}.param-card input:focus{outline:none;border-color:var(--calc-blue-500);box-shadow:0 0 0 2px rgba(59,130,246,0.15)}.param-unit{font-size:9px;color:var(--calc-slate-400);text-align:right}.param-value-large{font-size:16px;font-weight:700;color:var(--calc-success);min-width:50px}.params-solution{border-color:var(--calc-blue-200)}.params-solution.is-fixed{position:fixed!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important;max-width:600px!important;z-index:1000!important;margin:0!important;border-radius:0 0 10px 10px!important;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.params-solution .params-header{background:linear-gradient(135deg,var(--calc-blue-100) 0%,var(--calc-blue-50) 100%);color:var(--calc-blue-800)}.params-solution .params-header i{color:var(--calc-blue-500)}.param-ec{border-color:var(--calc-blue-300);background:linear-gradient(135deg,var(--calc-blue-50) 0%,var(--calc-slate-50) 100%)}.param-ppm{border-color:var(--calc-emerald-300);background:linear-gradient(135deg,var(--calc-emerald-50) 0%,var(--calc-slate-50) 100%)}.param-litres{border-color:var(--calc-indigo-300);background:linear-gradient(135deg,var(--calc-indigo-50) 0%,var(--calc-slate-50) 100%)}.param-nh4{border-color:var(--calc-red-300);background:linear-gradient(135deg,var(--calc-red-50) 0%,var(--calc-slate-50) 100%)}.params-ratios{border-color:var(--calc-purple-400)}.params-ratios .params-header{background:linear-gradient(135deg,var(--calc-purple-200) 0%,var(--calc-purple-100) 100%);color:var(--calc-purple-900)}.params-ratios .params-header i{color:var(--calc-purple-600)}.ratio-card{border-color:var(--calc-purple-300);background:linear-gradient(135deg,var(--calc-purple-100) 0%,var(--calc-purple-50) 100%);position:relative;cursor:help;transition:all 0.2s ease}.ratio-card input{color:var(--calc-purple-800)}.ratio-hint{font-size:9px;color:var(--calc-purple-500);text-align:center;display:block;margin-top:2px}.ratio-card::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--calc-indigo-950);color:#ffffff;padding:8px 12px;border-radius:6px;font-size:11px;line-height:1.4;white-space:pre-line;min-width:140px;text-align:left;opacity:0;visibility:hidden;transition:all 0.2s ease;z-index:100;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.ratio-card::before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--calc-indigo-950);opacity:0;visibility:hidden;transition:all 0.2s ease;z-index:100}.ratio-card:hover::after,.ratio-card:hover::before,.ratio-card:focus-within::after,.ratio-card:focus-within::before{opacity:1;visibility:visible}.ratio-card.ratio-low{border-color:var(--calc-amber-400);background:linear-gradient(135deg,var(--calc-amber-100) 0%,var(--calc-amber-50) 100%);animation:pulse-warning 2s infinite}.ratio-card.ratio-low input{color:var(--calc-warning-text)}.ratio-card.ratio-low .ratio-hint{color:var(--calc-amber-600);font-weight:600}.ratio-card.ratio-high{border-color:var(--calc-red-400);background:linear-gradient(135deg,var(--calc-red-100) 0%,var(--calc-red-50) 100%);animation:pulse-danger 2s infinite}.ratio-card.ratio-high input{color:var(--calc-red-700)}.ratio-card.ratio-high .ratio-hint{color:var(--calc-error);font-weight:600}.ratio-card.ratio-ok{border-color:var(--calc-green-300);background:linear-gradient(135deg,var(--calc-green-100) 0%,var(--calc-green-50) 100%)}.ratio-card.ratio-ok input{color:var(--calc-success-text)}.ratio-card.ratio-ok .ratio-hint{color:var(--calc-green-light)}@keyframes pulse-warning{0%,100%{box-shadow:0 0 0 0 rgba(251,191,36,0.4)}50%{box-shadow:0 0 0 4px rgba(251,191,36,0)}}@keyframes pulse-danger{0%,100%{box-shadow:0 0 0 0 rgba(248,113,113,0.4)}50%{box-shadow:0 0 0 4px rgba(248,113,113,0)}}.ratio-card-nh4 .nh4-ratio-label{display:flex!important;align-items:center;justify-content:center;gap:2px;width:100%}.ratio-card-nh4 .nh4-ratio-toggle{background:none;border:none;padding:1px 3px;cursor:pointer;color:inherit;opacity:0.6;font-size:9px;line-height:1;border-radius:3px;transition:all 0.15s}.ratio-card-nh4 .nh4-ratio-toggle:hover{opacity:1;background:rgba(0,0,0,0.1)}.ratio-card-nh4 .nh4-ratio-toggle:active{transform:scale(0.9)}.ratio-card-nh4 .nh4-ratio-toggle i{font-size:9px}.ratio-card-nh4 .nh4-ratio-input-wrap{display:block}.ratio-card-nh4 .nh4-ratio-input-wrap input{width:100%}.ratio-card-nh4 .nh4-ratio-text{display:block;font-size:8px;text-align:center;margin-top:1px;opacity:0.7;font-weight:500}.section-card{margin-bottom:12px;border-radius:10px;border:1px solid var(--calc-border-slate);overflow:hidden;background:var(--calc-white)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;user-select:none;transition:background 0.15s}.section-header:hover{filter:brightness(0.98)}.section-header-left{display:flex;align-items:center;gap:10px}.section-header-left i{font-size:16px}.section-header-left h2{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.section-header-right{display:flex;align-items:center;gap:10px}.section-toggle-icon{font-size:12px;transition:transform 0.2s;opacity:0.6}.section-card.collapsed .section-toggle-icon{transform:rotate(-90deg)}.section-card.collapsed .section-body{display:none}.section-body{padding:12px 14px;border-top:1px solid var(--calc-border-slate)}.section-water{border-color:var(--calc-sky-300)}.section-water .section-header{background:linear-gradient(135deg,var(--calc-sky-100) 0%,var(--calc-sky-50) 100%)}.section-water .section-header-left i,.section-water .section-header-left h2{color:var(--calc-sky-700)}.section-water .section-body{background:var(--calc-sky-50)}.section-macro{border-color:var(--calc-green-300)}.section-macro .section-header{background:linear-gradient(135deg,var(--calc-green-100) 0%,var(--calc-green-50) 100%)}.section-macro .section-header-left i,.section-macro .section-header-left h2{color:var(--calc-success-text)}.section-salts{border-color:var(--calc-amber-300)}.section-salts .section-header{background:linear-gradient(135deg,var(--calc-amber-100) 0%,var(--calc-amber-50) 100%)}.section-salts .section-header-left i,.section-salts .section-header-left h2{color:var(--calc-warning-text)}.section-micro{border-color:var(--calc-purple-400)}.section-micro .section-header{background:linear-gradient(135deg,var(--calc-purple-200) 0%,var(--calc-purple-100) 100%)}.section-micro .section-header-left i,.section-micro .section-header-left h2{color:var(--calc-purple-900)}.section-conc{border-color:var(--calc-pink-300)}.section-conc .section-header{background:linear-gradient(135deg,var(--calc-pink-100) 0%,var(--calc-pink-50) 100%)}.section-conc .section-header-left i,.section-conc .section-header-left h2{color:var(--calc-pink-800)}.section-header .unit-btn{padding:4px 10px;font-size:11px;font-weight:600;background:var(--calc-white);border:1px solid currentColor;border-radius:4px;cursor:pointer;opacity:0.8}.section-header .unit-btn:hover{opacity:1}.ion-balance{display:flex;gap:12px;font-size:12px;font-weight:600}.ion-balance .cation{color:var(--calc-blue-600)}.ion-balance .anion{color:var(--calc-error)}.tabs-compact{display:flex;gap:2px;margin-bottom:10px}.tab-compact{padding:6px 14px;font-size:12px;font-weight:500;color:var(--calc-text-slate);background:var(--calc-slate-100);border:1px solid var(--calc-border-slate);border-radius:6px 6px 0 0;cursor:pointer;transition:all 0.15s}.tab-compact:hover{background:var(--calc-slate-200)}.tab-compact.active{background:var(--calc-white);color:var(--calc-sky-700);border-color:var(--calc-sky-300);border-bottom-color:var(--calc-white);margin-bottom:-1px;position:relative;z-index:1}.water-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.water-item{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--calc-white);border-radius:6px;border:1px solid var(--calc-sky-200);font-size:12px}.water-item .elem-symbol{font-weight:700;color:var(--calc-sky-700);min-width:24px}.water-item input{width:50px;padding:4px 6px;font-size:12px;text-align:center;border:1px solid var(--calc-border-slate-dark);border-radius:4px}.water-item input:focus{outline:none;border-color:var(--calc-sky-500)}.water-item .oxide{color:var(--calc-text-slate);font-size:11px}.water-item .ppm-value{margin-left:auto;font-weight:600;color:var(--calc-sky-600)}.water-item .ppm-unit{color:var(--calc-slate-400);font-size:10px}.acids-list{display:flex;flex-direction:column;gap:8px}.acid-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;flex-wrap:wrap}.acid-row.hno3{background:linear-gradient(135deg,var(--calc-amber-100) 0%,var(--calc-amber-50) 100%);border:1px solid var(--calc-amber-300)}.acid-row.h3po4{background:linear-gradient(135deg,var(--calc-blue-100) 0%,var(--calc-blue-50) 100%);border:1px solid var(--calc-blue-300)}.acid-row.h2so4{background:linear-gradient(135deg,var(--calc-pink-100) 0%,var(--calc-pink-50) 100%);border:1px solid var(--calc-pink-300)}.acid-formula{font-weight:700;font-size:14px;min-width:55px}.acid-row.hno3 .acid-formula{color:var(--calc-warning-text)}.acid-row.h3po4 .acid-formula{color:var(--calc-blue-800)}.acid-row.h2so4 .acid-formula{color:var(--calc-pink-800)}.acid-input-group{display:flex;align-items:center;gap:4px}.acid-input-group input{width:50px;padding:5px 6px;font-size:12px;text-align:center;border:1px solid var(--calc-border-medium);border-radius:4px;background:var(--calc-white)}.acid-input-group .unit{font-size:11px;color:var(--calc-text-slate);min-width:16px}.acid-ppm{margin-left:auto;font-weight:600;font-size:13px}.macro-n-row{display:flex;align-items:center;padding:10px 16px;background:linear-gradient(135deg,var(--calc-emerald-500) 0%,var(--calc-emerald-600) 100%);border-radius:8px;margin-bottom:10px}.macro-n-row .n-label{font-size:16px;font-weight:700;color:var(--calc-white);margin-right:12px}.macro-n-row .n-value{font-size:20px;font-weight:700;color:var(--calc-white)}.macro-table{width:100%;border-collapse:collapse;font-size:12px}.macro-table th{padding:8px 6px;text-align:center;font-weight:600;color:var(--calc-text-primary);background:var(--calc-slate-100);border-bottom:2px solid var(--calc-border-slate)}.macro-table td{padding:6px;text-align:center;border-bottom:1px solid var(--calc-border-slate)}.macro-table input{width:65px;padding:6px 4px;font-size:13px;font-weight:600;text-align:center;border:1px solid var(--calc-border-medium);border-radius:4px;background:var(--calc-white)}.macro-table input:focus{outline:none;border-color:var(--calc-emerald-500);box-shadow:0 0 0 2px rgba(16,185,129,0.15)}.macro-water-row{font-size:10px;color:var(--calc-sky-600);background:var(--calc-sky-50)}@media (max-width:360px){.section-card{margin-bottom:8px;border-radius:6px}.section-header{padding:8px 6px}.section-body{padding:6px 4px}.macro-table{font-size:10px}.macro-table th{padding:4px 1px;font-size:9px}.macro-table td{padding:3px 1px}.macro-table input{width:38px;padding:4px 1px;font-size:10px}}.col-toggles{display:flex;gap:4px}.col-toggle{padding:4px 10px;font-size:11px;font-weight:500;color:var(--calc-text-slate);background:var(--calc-white);border:1px solid var(--calc-border-slate);border-radius:4px;cursor:pointer;transition:all 0.15s}.col-toggle:hover{border-color:var(--calc-slate-400)}.col-toggle.active{background:var(--calc-slate-100);color:var(--calc-text-slate-dark);border-color:var(--calc-slate-400)}@media (max-width:600px){.calc-toolbar{padding:10px;gap:10px}.toolbar-group{width:100%}.toolbar-buttons{flex-wrap:wrap}.params-grid{gap:6px}.param-card{min-width:calc(50% - 4px);flex:1}.params-solution .params-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.params-solution .param-card{min-width:0!important;width:auto!important}.params-solution .param-card input{width:60px!important;min-width:50px}.water-grid{grid-template-columns:1fr}.acid-row{flex-direction:column;align-items:flex-start;gap:8px}.acid-ppm{margin-left:0}.section-header{flex-wrap:wrap;gap:8px}.section-header-right{width:100%;justify-content:space-between}}.boost-warning{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 0;background:linear-gradient(135deg,var(--calc-amber-100) 0%,var(--calc-amber-200) 100%);border:1px solid var(--calc-amber-500);border-radius:6px;font-size:13px;color:var(--calc-warning-text);animation:slideIn 0.3s ease-out}.boost-warning i{color:var(--calc-amber-500);font-size:16px}.boost-warning button{margin-left:auto;background:none;border:none;color:var(--calc-warning-text);font-size:18px;cursor:pointer;padding:0 4px;opacity:0.7}.boost-warning button:hover{opacity:1}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.antagonism-panel{display:none;margin-top:12px;padding:10px 14px;border-radius:6px;animation:slideIn 0.3s ease-out}.antagonism-panel.visible{display:block}.antagonism-panel.level-warn{background:linear-gradient(135deg,var(--calc-yellow-100) 0%,var(--calc-yellow-200) 100%);border:1px solid var(--calc-yellow-400)}.antagonism-panel.level-warn .antagonism-header{color:var(--calc-yellow-700)}.antagonism-panel.level-warn .antagonism-header i{color:var(--calc-yellow-500)}.antagonism-panel.level-high{background:linear-gradient(135deg,var(--calc-orange-100) 0%,var(--calc-orange-200) 100%);border:1px solid var(--calc-orange-400)}.antagonism-panel.level-high .antagonism-header{color:var(--calc-orange-700)}.antagonism-panel.level-high .antagonism-header i{color:var(--calc-orange-500)}.antagonism-panel.level-critical{background:linear-gradient(135deg,var(--calc-red-100) 0%,var(--calc-red-200) 100%);border:1px solid var(--calc-red-400)}.antagonism-panel.level-critical .antagonism-header{color:var(--calc-red-700)}.antagonism-panel.level-critical .antagonism-header i{color:var(--calc-red-500)}.antagonism-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:8px}.antagonism-list{margin:0;padding-left:20px;font-size:12px}.antagonism-list li{margin-bottom:4px}.antagonism-list li:last-child{margin-bottom:0}.antagonism-list li.level-warn{color:var(--calc-yellow-700)}.antagonism-list li.level-high{color:var(--calc-orange-700)}.antagonism-list li.level-critical{color:var(--calc-red-700);font-weight:600}:root{--ohpg-tab-bg:#f3f4f6;--ohpg-tab-border:#d1d5db;--ohpg-tab-active-border:#9ca3af;--ohpg-tab-text:#374151;--ohpg-tank-bg:#f0fdf4;--ohpg-tank-border:#86efac;--ohpg-tank-title:#15803d;--ohpg-tank-text:#166534;--ohpg-tank-th-bg:#dcfce7;--ohpg-tank-td-border:#bbf7d0;--ohpg-table-bg:#f9fafb;--ohpg-table-border:#e5e7eb;--ohpg-table-text:#374151;--ohpg-section-bg:#f8fafc;--ohpg-section-border:#e2e8f0;--ohpg-history-bg:#fffbeb;--ohpg-history-border:#fcd34d;--ohpg-history-title:#92400e;--ohpg-btn-bg:white;--ohpg-btn-hover:#f9fafb;--ohpg-btn-active:#f3f4f6;--ohpg-btn-border:#d1d5db;--ohpg-btn-border-hover:#9ca3af;--ohpg-modal-bg:#fff;--ohpg-modal-header-bg:#f9fafb;--ohpg-modal-border:#e5e7eb;--ohpg-modal-text:#374151;--ohpg-modal-muted:#6b7280;--ohpg-preset-tab-text:#6b7280;--ohpg-preset-active:#6366f1;--ohpg-preset-active-dark:#4f46e5;--ohpg-preset-info-bg:#f0f9ff;--ohpg-preset-info-border:#e0f2fe;--ohpg-preset-info-text:#0369a1;--ohpg-boost-bg:#fffbeb;--ohpg-boost-border:#fde68a;--ohpg-boost-header-bg:#fef3c7;--ohpg-boost-text:#92400e;--ohpg-boost-text-dark:#78350f;--ohpg-boost-accent:#f59e0b;--ohpg-boost-accent-dark:#d97706;--ohpg-boost-warning-bg:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);--ohpg-boost-row-bg:#fffbeb;--ohpg-boost-row-hover:#fef3c7;--ohpg-btn-blue:#0ea5e9;--ohpg-btn-blue-hover:#0284c7;--ohpg-btn-green:#22c55e;--ohpg-btn-green-dark:#16a34a;--ohpg-btn-red:#ef4444;--ohpg-btn-red-dark:#dc2626;--ohpg-negative:#dc2626;--ohpg-changed:#f59e0b;--ohpg-tip-bg:#f3f4f6;--ohpg-text-contrast:#ffffff;--ohpg-mode-bg:#f8fafc;--ohpg-mode-label:#374151;--ohpg-mode-salts:#10b981;--ohpg-mode-complex:#f59e0b;--ohpg-mode-both:#8b5cf6;--ohpg-text-primary:#374151;--ohpg-text-secondary:#4b5563;--ohpg-text-muted:#6b7280;--ohpg-input-bg:#ffffff;--ohpg-input-border:#d1d5db;--ohpg-table-header-bg:#f3f4f6;--ohpg-success-bg:#f0fdf4;--ohpg-success-border:#86efac;--ohpg-staff-btn-hover:#64748b;--ohpg-staff-btn-active:#3b82f6;--ohpg-staff-btn-active-border:#60a5fa;--ohpg-staff-item-bg:#334155;--ohpg-staff-item-border:#475569;--ohpg-staff-item-text:#e2e8f0;--ohpg-staff-item-accent:#22d3ee;--ohpg-staff-item-time:#94a3b8}[data-bs-theme=dark]{--ohpg-tab-bg:var(--bs-secondary-bg);--ohpg-tab-border:var(--bs-border-color);--ohpg-tab-active-border:var(--bs-border-color);--ohpg-tab-text:var(--bs-body-color);--ohpg-tank-bg:#14532d;--ohpg-tank-border:#166534;--ohpg-tank-title:#86efac;--ohpg-tank-text:#86efac;--ohpg-tank-th-bg:#166534;--ohpg-tank-td-border:#166534;--ohpg-table-bg:var(--bs-secondary-bg);--ohpg-table-border:var(--bs-border-color);--ohpg-table-text:var(--bs-body-color);--ohpg-section-bg:var(--bs-secondary-bg);--ohpg-section-border:var(--bs-border-color);--ohpg-history-bg:#451a03;--ohpg-history-border:#78350f;--ohpg-history-title:#fcd34d;--ohpg-btn-bg:var(--bs-body-bg);--ohpg-btn-hover:var(--bs-tertiary-bg);--ohpg-btn-active:var(--bs-tertiary-bg);--ohpg-btn-border:var(--bs-border-color);--ohpg-btn-border-hover:var(--bs-border-color);--ohpg-modal-bg:var(--bs-body-bg);--ohpg-modal-header-bg:var(--bs-secondary-bg);--ohpg-modal-border:var(--bs-border-color);--ohpg-modal-text:var(--bs-body-color);--ohpg-modal-muted:var(--bs-secondary-color);--ohpg-preset-tab-text:var(--bs-secondary-color);--ohpg-preset-active:#818cf8;--ohpg-preset-active-dark:#6366f1;--ohpg-preset-info-bg:#0c4a6e;--ohpg-preset-info-border:#0369a1;--ohpg-preset-info-text:#7dd3fc;--ohpg-boost-bg:#451a03;--ohpg-boost-border:#78350f;--ohpg-boost-header-bg:#78350f;--ohpg-boost-text:#fde68a;--ohpg-boost-text-dark:#fcd34d;--ohpg-boost-accent:#fbbf24;--ohpg-boost-accent-dark:#f59e0b;--ohpg-boost-warning-bg:linear-gradient(135deg,#78350f 0%,#92400e 100%);--ohpg-boost-row-bg:#451a03;--ohpg-boost-row-hover:#78350f;--ohpg-btn-blue:#0ea5e9;--ohpg-btn-blue-hover:#0284c7;--ohpg-btn-green:#22c55e;--ohpg-btn-green-dark:#16a34a;--ohpg-btn-red:#ef4444;--ohpg-btn-red-dark:#dc2626;--ohpg-negative:#f87171;--ohpg-changed:#fbbf24;--ohpg-tip-bg:var(--bs-secondary-bg);--ohpg-text-contrast:#ffffff;--ohpg-mode-bg:var(--bs-secondary-bg);--ohpg-mode-label:var(--bs-body-color);--ohpg-mode-salts:#34d399;--ohpg-mode-complex:#fbbf24;--ohpg-mode-both:#a78bfa;--ohpg-text-primary:var(--bs-body-color);--ohpg-text-secondary:var(--bs-secondary-color);--ohpg-text-muted:var(--bs-secondary-color);--ohpg-input-bg:var(--bs-body-bg);--ohpg-input-border:var(--bs-border-color);--ohpg-table-header-bg:var(--bs-secondary-bg);--ohpg-success-bg:#14532d;--ohpg-success-border:#166534;--ohpg-staff-btn-hover:#475569;--ohpg-staff-btn-active:#2563eb;--ohpg-staff-btn-active-border:#3b82f6;--ohpg-staff-item-bg:#1e293b;--ohpg-staff-item-border:#334155;--ohpg-staff-item-text:#cbd5e1;--ohpg-staff-item-accent:#67e8f9;--ohpg-staff-item-time:#64748b}[data-bs-theme=dark] .tab-btn{border-color:var(--ohpg-tab-border);background:var(--ohpg-tab-bg);color:var(--ohpg-tab-text)}[data-bs-theme=dark] .tab-btn.active{background:var(--ohpg-btn-active);color:var(--ohpg-tab-text);border-color:var(--ohpg-tab-active-border)}[data-bs-theme=dark]{}[data-bs-theme=dark] .tank-card{background:var(--ohpg-tank-bg);border-color:var(--ohpg-tank-border)}[data-bs-theme=dark] .tank-card h3{color:var(--ohpg-tank-title);border-color:var(--ohpg-tank-border)}[data-bs-theme=dark] .tank-params{color:var(--ohpg-tank-text)}[data-bs-theme=dark] .tank-params input{background:var(--bs-body-bg);color:var(--bs-body-color);border-color:var(--ohpg-tank-border)}[data-bs-theme=dark] .tank-table th{background:var(--ohpg-tank-th-bg);color:var(--ohpg-tank-title)}[data-bs-theme=dark] .tank-table td{border-color:var(--ohpg-tank-border)}[data-bs-theme=dark]{}[data-bs-theme=dark] .salts-combined-table th{background:var(--bs-secondary-bg);color:var(--bs-body-color);border-color:var(--bs-border-color)}[data-bs-theme=dark] .salts-combined-table td{border-color:var(--bs-border-color)}[data-bs-theme=dark] .salts-combined-table .salt-name-cell{color:var(--bs-body-color)}[data-bs-theme=dark] .salts-combined-table .salt-preset{background:var(--bs-body-bg);border-color:var(--bs-border-color);color:var(--bs-body-color)}[data-bs-theme=dark] .salts-combined-table input{background:var(--bs-body-bg);color:var(--bs-body-color);border-color:var(--bs-border-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .presets-section,[data-bs-theme=dark] .collapsible-section{background:var(--bs-secondary-bg);border-color:var(--bs-border-color)}[data-bs-theme=dark] .presets-row label{color:var(--bs-body-color)}[data-bs-theme=dark] .presets-row select{background:var(--bs-body-bg);border-color:var(--bs-border-color);color:var(--bs-body-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .section-toggle-btn{background:var(--bs-body-bg);color:var(--bs-body-color);border-color:var(--bs-border-color)}[data-bs-theme=dark] .section-toggle-btn:hover{background:var(--bs-tertiary-bg)}[data-bs-theme=dark] .section-toggle-btn.active{background:var(--bs-tertiary-bg)}[data-bs-theme=dark] .column-toggle{background:var(--bs-secondary-bg);border-color:var(--bs-border-color);color:var(--bs-secondary-color)}[data-bs-theme=dark] .column-toggle:hover{background:var(--bs-tertiary-bg)}[data-bs-theme=dark] .column-toggle.active{background:var(--bs-tertiary-bg);color:var(--bs-body-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .history-section{background:var(--ohpg-history-bg);border-color:var(--ohpg-history-border)}[data-bs-theme=dark] .history-section h3{color:var(--ohpg-history-title)}[data-bs-theme=dark] .history-item{background:var(--bs-body-bg);color:var(--bs-body-color)}[data-bs-theme=dark] .history-item .time{color:var(--bs-secondary-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .json-section textarea{background:var(--bs-body-bg);color:var(--bs-body-color);border-color:var(--bs-border-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .modal-box,[data-bs-theme=dark] .app-modal .modal-content{background:var(--bs-body-bg)}[data-bs-theme=dark] .modal-header{background:var(--bs-secondary-bg);color:var(--bs-body-color);border-color:var(--bs-border-color)}[data-bs-theme=dark] .modal-body{color:var(--bs-body-color)}[data-bs-theme=dark] .modal-body h4{color:var(--bs-body-color)}[data-bs-theme=dark] .modal-body .tip{background:var(--bs-secondary-bg)}[data-bs-theme=dark] .modal-body .tip-title{color:var(--bs-body-color)}[data-bs-theme=dark] .modal-close{color:var(--bs-secondary-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .preset-tabs{background:var(--ohpg-modal-header-bg)}[data-bs-theme=dark] .preset-tab{color:var(--ohpg-preset-tab-text)}[data-bs-theme=dark] .preset-tab:hover{background:var(--ohpg-btn-hover);color:var(--ohpg-modal-text)}[data-bs-theme=dark] .preset-tab.active{background:var(--ohpg-modal-bg);color:var(--ohpg-preset-active);border-bottom-color:var(--ohpg-preset-active)}[data-bs-theme=dark] .preset-mode-info{background:var(--ohpg-preset-info-bg);border-color:var(--ohpg-preset-info-border);color:var(--ohpg-preset-info-text)}[data-bs-theme=dark] .preset-mode-info.boost-mode{background:var(--ohpg-boost-header-bg);border-color:var(--ohpg-boost-border);color:var(--ohpg-boost-text)}[data-bs-theme=dark] .preset-table th{background:var(--ohpg-modal-header-bg);color:var(--ohpg-modal-text)}[data-bs-theme=dark] .preset-table td{border-color:var(--ohpg-modal-border)}[data-bs-theme=dark] .preset-table td:first-child{color:var(--ohpg-modal-text)}[data-bs-theme=dark] .preset-table tr:hover{background:var(--ohpg-btn-hover)}[data-bs-theme=dark] .preset-table .preset-row-boost td{background:var(--ohpg-boost-row-bg)}[data-bs-theme=dark] .preset-table .preset-row-boost:hover td{background:var(--ohpg-boost-row-hover)}[data-bs-theme=dark] .preset-micro-details summary{background:var(--ohpg-modal-header-bg);color:var(--ohpg-preset-tab-text)}[data-bs-theme=dark] .preset-micro-details summary:hover{background:var(--ohpg-btn-hover)}[data-bs-theme=dark]{}[data-bs-theme=dark] .boost-explanation{background:var(--ohpg-boost-bg);border-color:var(--ohpg-boost-border)}[data-bs-theme=dark] .boost-explanation-header{background:var(--ohpg-boost-header-bg);color:var(--ohpg-boost-text)}[data-bs-theme=dark] .boost-explanation-body{color:var(--ohpg-boost-text-dark)}[data-bs-theme=dark] .boost-warning-text{background:var(--ohpg-boost-header-bg)}[data-bs-theme=dark] .boost-warning{background:var(--ohpg-boost-warning-bg);border-color:var(--ohpg-boost-accent-dark);color:var(--ohpg-boost-text)}[data-bs-theme=dark]{}[data-bs-theme=dark] .styled-select{background-color:var(--bs-body-bg);color:var(--bs-body-color);border-color:var(--bs-border-color)}[data-bs-theme=dark]{}[data-bs-theme=dark] .micro-source-row:hover{background:var(--bs-tertiary-bg)}#save-profile-btn.save-ready{background:var(--ohpg-btn-green)!important;color:var(--ohpg-text-contrast)!important;border-color:var(--ohpg-btn-green-dark)!important}#save-profile-btn.save-ready:hover{background:var(--ohpg-btn-green-dark)!important}#save-profile-btn.save-not-ready{background:var(--ohpg-btn-red)!important;color:var(--ohpg-text-contrast)!important;border-color:var(--ohpg-btn-red-dark)!important}#save-profile-btn.save-not-ready:hover{background:var(--ohpg-btn-red-dark)!important}@keyframes shake-badge{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-3px)}20%,40%,60%,80%{transform:translateX(3px)}}.shake-animation{animation:shake-badge 0.6s ease-in-out}#journal-btn.shake-animation{animation:shake-badge 0.6s ease-in-out 3}.tab-switcher{display:flex;gap:2px;margin-bottom:8px}.tab-btn{padding:6px 16px;border:1px solid var(--ohpg-tab-border);background:var(--ohpg-tab-bg);cursor:pointer;font-size:12px;font-weight:500;border-radius:4px 4px 0 0;transition:all 0.2s}.tab-btn.active{background:var(--ohpg-tab-bg);color:var(--ohpg-tab-text);border-color:var(--ohpg-tab-active-border);font-weight:600}.section-body>.tab-content{display:none}.section-body>.tab-content.active{display:block}.tanks-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.tank-card{background:var(--ohpg-tank-bg);border:1px solid var(--ohpg-tank-border);border-radius:6px;padding:10px}.tank-card h3{font-size:13px;font-weight:600;color:var(--ohpg-tank-title);margin:0 0 8px 0;padding-bottom:4px;border-bottom:1px solid var(--ohpg-tank-border)}.tank-params{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--ohpg-tank-text);margin-bottom:8px}.tank-params input{width:50px;height:20px;padding:2px 4px;font-size:11px;border:1px solid var(--ohpg-tank-border);border-radius:3px;text-align:right}.tank-table{width:100%;font-size:10px;border-collapse:collapse}.tank-table th,.tank-table td{padding:3px 4px;border-bottom:1px solid var(--ohpg-tank-td-border);text-align:center}.tank-table th{background:var(--ohpg-tank-th-bg);font-weight:600;color:var(--ohpg-tank-text)}.salts-combined-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:8px}.salts-combined-table th{background:var(--ohpg-table-bg);color:var(--ohpg-table-text);padding:8px 4px;text-align:center;font-weight:600;border-bottom:2px solid var(--ohpg-table-border)}.salts-combined-table td{padding:4px;border-bottom:1px solid var(--ohpg-table-border);text-align:center}.salts-combined-table .salt-name-cell{text-align:left;color:var(--ohpg-table-text);min-width:130px}.salts-combined-table .salt-formula{font-weight:700;font-size:13px;margin-bottom:4px}.salts-combined-table .salt-preset{width:100%;font-size:10px;padding:2px 4px;border:1px solid var(--ohpg-btn-border);border-radius:3px;background:var(--ohpg-btn-bg)}.salts-combined-table input{width:75px;height:26px;padding:4px 6px;font-size:13px;border:1px solid var(--ohpg-btn-border);border-radius:3px;text-align:right}.salts-combined-table input.grams-input{width:85px;border-color:var(--ohpg-btn-border-hover);font-weight:600}.salts-combined-table input.percent-input{width:65px;border-color:var(--ohpg-btn-border)}.presets-section{margin-bottom:12px;padding:8px 12px;background:var(--ohpg-section-bg);border:1px solid var(--ohpg-section-border);border-radius:6px}.presets-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.presets-row label{font-size:13px;font-weight:600;color:var(--ohpg-table-text)}.presets-row select{padding:6px 10px;font-size:13px;border:1px solid var(--ohpg-btn-border);border-radius:4px;background:var(--ohpg-btn-bg);min-width:200px}.presets-row select:focus{outline:none;border-color:var(--ohpg-btn-border-hover);box-shadow:0 0 0 2px rgba(156,163,175,0.2)}@media (max-width:768px){.tanks-row{grid-template-columns:1fr}}.column-toggles{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.column-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ohpg-modal-muted);cursor:pointer;padding:3px 8px;border:1px solid var(--ohpg-table-border);border-radius:4px;background:var(--ohpg-table-bg);transition:all 0.2s}.column-toggle:hover{background:var(--ohpg-btn-active);border-color:var(--ohpg-btn-border)}.column-toggle.active{background:var(--ohpg-btn-active);color:var(--ohpg-table-text);border-color:var(--ohpg-btn-border-hover);font-weight:500}.column-toggle input{display:none}.salts-combined-table.hide-percent .col-percent{display:none}.salts-combined-table .col-mono{display:none}.salts-combined-table.show-mono .col-mono{display:table-cell}.salts-combined-table .col-price{display:none}.salts-combined-table.show-prices .col-price{display:table-cell}.salts-combined-table.show-standard{}.salts-combined-table.show-standard .col-percent-1,.salts-combined-table.show-standard .col-percent-2{display:table-cell}.salts-combined-table.show-standard{}.salts-combined-table.show-standard .col-percent-3{display:none}.salts-combined-table.show-standard{}.salts-combined-table.show-standard .col-mono-ml,.salts-combined-table.show-standard .col-mono-g{display:table-cell}.salts-combined-table.show-standard{}.salts-combined-table.show-standard .col-price-total{display:table-cell}.negative-value{color:var(--ohpg-negative)!important;font-weight:600}.section-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.section-toggle-btn{padding:6px 12px;font-size:13px;font-weight:400;border:1px solid var(--ohpg-btn-border);border-radius:4px;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;gap:6px;background:var(--ohpg-btn-bg);color:var(--ohpg-table-text)}.section-toggle-btn:hover{border-color:var(--ohpg-btn-border-hover);background:var(--ohpg-btn-hover)}.section-toggle-btn.active{background:var(--ohpg-btn-active);border-color:var(--ohpg-btn-border-hover)}.section-toggle-btn.purple{background:var(--ohpg-btn-bg);color:var(--ohpg-table-text)}.section-toggle-btn.purple:hover{background:var(--ohpg-btn-hover)}.section-toggle-btn.outline{background:var(--ohpg-btn-bg);color:var(--ohpg-table-text);border:1px solid var(--ohpg-btn-border)}.section-toggle-btn.outline:hover{background:var(--ohpg-btn-hover)}.section-toggle-btn.outline.active{background:var(--ohpg-btn-active);color:var(--ohpg-table-text)}.section-toggle-btn.orange{background:var(--ohpg-btn-bg);color:var(--ohpg-table-text)}.collapsible-section{display:none;margin-bottom:16px;padding:12px;background:var(--ohpg-section-bg);border:1px solid var(--ohpg-section-border);border-radius:8px}.collapsible-section.visible{display:block}.history-section{background:var(--ohpg-history-bg);border-color:var(--ohpg-history-border)}.history-section h3{color:var(--ohpg-history-title);margin:0 0 8px 0;font-size:14px;display:flex;justify-content:space-between;align-items:center}.history-list{max-height:200px;overflow-y:auto;font-size:12px}.history-item{padding:6px 8px;background:var(--ohpg-btn-bg);border-radius:4px;margin-bottom:4px}.history-item .time{color:var(--ohpg-modal-muted);font-size:11px}.json-section textarea{width:100%;height:150px;font-family:monospace;font-size:11px;border:1px solid var(--ohpg-btn-border);border-radius:4px;padding:8px;resize:vertical}.section-toggle-btn.green{background:var(--ohpg-btn-bg);color:var(--ohpg-table-text);border-color:var(--ohpg-btn-border)}.section-toggle-btn.green:hover{background:var(--ohpg-btn-hover)}.section-toggle-btn.blue{background:var(--ohpg-btn-bg);color:var(--ohpg-table-text);border-color:var(--ohpg-btn-border)}.section-toggle-btn.blue:hover{background:var(--ohpg-btn-hover)}.styled-select{padding:6px 28px 6px 12px;font-size:13px;font-weight:400;border:1px solid var(--ohpg-btn-border);border-radius:4px;cursor:pointer;transition:all 0.15s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--ohpg-btn-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E") no-repeat right 8px center;color:var(--ohpg-table-text);min-width:160px}.styled-select:hover{border-color:var(--ohpg-btn-border-hover)}.styled-select:focus{outline:none;border-color:var(--ohpg-preset-active);box-shadow:0 0 0 2px rgba(99,102,241,0.1)}.btn-light-blue{padding:6px 14px;font-size:13px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all 0.15s;background:var(--ohpg-btn-blue);color:var(--ohpg-text-contrast)}.btn-light-blue:hover{background:var(--ohpg-btn-blue-hover)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9999;overflow-y:auto;padding:20px}.modal-overlay.show{display:flex;justify-content:center;align-items:flex-start}.modal-box{background:var(--ohpg-modal-bg);border-radius:8px;max-width:700px;width:100%;margin:20px auto;box-shadow:0 4px 20px rgba(0,0,0,0.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ohpg-modal-border);background:var(--ohpg-modal-header-bg);color:var(--ohpg-modal-text);border-radius:8px 8px 0 0}.modal-header h3{margin:0;font-size:16px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:var(--ohpg-modal-muted);cursor:pointer;line-height:1}.modal-body{padding:16px;font-size:13px;line-height:1.5;max-height:70vh;overflow-y:auto}.modal-body h4{margin:16px 0 8px;font-size:14px;color:var(--ohpg-modal-text);font-weight:600}.modal-body h4:first-child{margin-top:0}.modal-body ol,.modal-body ul{margin:0 0 12px;padding-left:20px}.modal-body li{margin-bottom:4px}.modal-body .tip{background:var(--ohpg-tip-bg);padding:8px 12px;border-radius:4px;margin-top:8px}.modal-body .tip-title{font-weight:600;color:var(--ohpg-modal-text);margin-bottom:4px}.example-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.example-tabs-label{font-weight:500;color:var(--ohpg-modal-muted);font-size:12px;margin-right:4px}.example-tab{padding:4px 10px;font-size:12px;border:1px solid var(--ohpg-modal-border);border-radius:4px;background:transparent;color:var(--ohpg-modal-text);cursor:pointer;transition:all 0.15s}.example-tab:hover{background:#e9ecef;border-color:#adb5bd}.example-tab.active{background:#0d6efd;border-color:#0d6efd;color:#fff}.example-card{background:var(--ohpg-tip-bg);border:1px solid var(--ohpg-modal-border);border-radius:6px;padding:12px}.example-values{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.example-values span{color:var(--ohpg-modal-muted)}.example-values strong{color:var(--ohpg-modal-text);font-weight:600}.example-ec strong{color:var(--ohpg-btn-primary)}.example-ratios{font-size:12px}.example-note{font-style:italic}.example-note:empty{display:none}.app-modal{display:flex;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9999;justify-content:center;align-items:center;padding:20px}.app-modal.d-none{display:none!important}.app-modal .modal-content{background:var(--ohpg-modal-bg);border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.2)}.preset-tabs{display:flex;gap:0;border-bottom:1px solid var(--ohpg-modal-border);background:var(--ohpg-modal-header-bg)}.preset-tab{flex:1;padding:12px 16px;font-size:13px;font-weight:500;border:none;background:transparent;color:var(--ohpg-preset-tab-text);cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center;gap:6px}.preset-tab:hover{background:var(--ohpg-btn-active);color:var(--ohpg-modal-text)}.preset-tab.active{background:var(--ohpg-modal-bg);color:var(--ohpg-preset-active);border-bottom:2px solid var(--ohpg-preset-active);margin-bottom:-1px}.preset-tab-boost{color:var(--ohpg-boost-accent)}.preset-tab-boost.active{color:var(--ohpg-boost-accent);border-bottom-color:var(--ohpg-boost-accent)}.preset-tab-classic{color:#0dcaf0}.preset-tab-classic.active{color:#0dcaf0;border-bottom-color:#0dcaf0}.preset-mode-info{padding:10px 16px;background:var(--ohpg-preset-info-bg);border-bottom:1px solid var(--ohpg-preset-info-border);font-size:12px;color:var(--ohpg-preset-info-text)}.preset-mode-info.boost-mode{background:var(--ohpg-boost-header-bg);border-bottom-color:var(--ohpg-boost-border);color:var(--ohpg-boost-text)}.preset-table-wrap{overflow-x:auto;padding:0}.preset-table{width:100%;border-collapse:collapse;font-size:13px}.preset-table th{padding:10px 8px;text-align:center;font-weight:600;color:var(--ohpg-modal-text);background:var(--ohpg-modal-header-bg);border-bottom:1px solid var(--ohpg-modal-border)}.preset-table th:first-child{text-align:left;padding-left:16px}.preset-table td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--ohpg-table-border)}.preset-table td:first-child{text-align:left;padding-left:16px;font-weight:500;color:var(--ohpg-modal-text)}.preset-table tr:hover{background:var(--ohpg-btn-hover)}.preset-table .preset-row-boost td{background:var(--ohpg-boost-row-bg)}.preset-table .preset-row-boost:hover td{background:var(--ohpg-boost-row-hover)}.preset-apply-btn{padding:5px 12px;font-size:11px;font-weight:500;border:1px solid var(--ohpg-preset-active);border-radius:4px;background:var(--ohpg-preset-active);color:var(--ohpg-text-contrast);cursor:pointer;transition:all 0.15s}.preset-apply-btn:hover{background:var(--ohpg-preset-active-dark)}.preset-apply-btn.boost{background:var(--ohpg-boost-accent);border-color:var(--ohpg-boost-accent)}.preset-apply-btn.boost:hover{background:var(--ohpg-boost-accent-dark)}.preset-micro-details{border-top:1px solid var(--ohpg-modal-border)}.preset-micro-details summary{padding:10px 16px;font-size:12px;font-weight:500;color:var(--ohpg-preset-tab-text);cursor:pointer;background:var(--ohpg-modal-header-bg)}.preset-micro-details summary:hover{background:var(--ohpg-btn-active)}.preset-micro-details[open] summary{border-bottom:1px solid var(--ohpg-modal-border)}.preset-micro-table-wrap{overflow-x:auto}.preset-micro-table td,.preset-micro-table th{font-size:12px;padding:8px 6px}.boost-explanation{margin:0;border-top:1px solid var(--ohpg-boost-border);background:var(--ohpg-boost-bg)}.boost-explanation-header{padding:12px 16px;font-size:13px;color:var(--ohpg-boost-text);background:var(--ohpg-boost-header-bg);display:flex;align-items:center;gap:8px}.boost-explanation-header i{color:var(--ohpg-boost-accent)}.boost-explanation-body{padding:12px 16px;font-size:12px;color:var(--ohpg-boost-text-dark)}.boost-explanation-body p{margin:0 0 8px}.boost-explanation-body ul{margin:0 0 12px;padding-left:20px}.boost-explanation-body li{margin-bottom:4px}.boost-warning-text{padding:8px 12px;background:var(--ohpg-boost-border);border-radius:4px;font-weight:500;display:flex;align-items:center;gap:6px}.text-danger{color:var(--ohpg-negative);font-weight:600}.preset-value-changed{color:var(--ohpg-changed);font-weight:600}@media (max-width:576px){.preset-tabs{flex-wrap:wrap}.preset-tab{flex:1 1 50%;padding:10px 8px;font-size:12px}.preset-table th,.preset-table td{padding:8px 4px;font-size:11px}.preset-table th:first-child,.preset-table td:first-child{padding-left:8px}.preset-apply-btn{padding:4px 8px;font-size:10px}}.boost-warning{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ohpg-boost-warning-bg);border:1px solid var(--ohpg-boost-accent);border-radius:8px;margin-bottom:12px;font-size:13px;color:var(--ohpg-boost-text)}.boost-warning i{color:var(--ohpg-boost-accent);font-size:16px}.boost-warning button{margin-left:auto;background:none;border:none;font-size:18px;color:var(--ohpg-boost-text);cursor:pointer;padding:0 4px}.micro-mode-switcher{display:flex;align-items:center;gap:16px;margin:16px 0;padding:12px;background:var(--ohpg-mode-bg);border-radius:8px}.micro-mode-switcher .mode-label{font-weight:600;color:var(--ohpg-mode-label)}.micro-mode-switcher label{display:flex;align-items:center;gap:6px;cursor:pointer}.micro-mode-switcher input[type=radio]{width:16px;height:16px}.micro-mode-switcher input[type=radio]#micro-mode-salts{accent-color:var(--ohpg-mode-salts)}.micro-mode-switcher input[type=radio]#micro-mode-complex{accent-color:var(--ohpg-mode-complex)}.micro-mode-switcher input[type=radio]#micro-mode-both{accent-color:var(--ohpg-mode-both)}.micro-source-row:hover{background:var(--ohpg-btn-hover)}.micro-btn{width:22px;height:22px;border:none;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;padding:0}.micro-btn-add{background:var(--ohpg-btn-blue);color:var(--ohpg-text-contrast)}.micro-btn-add:hover{background:var(--ohpg-btn-blue-hover)}.micro-btn-remove{background:var(--ohpg-btn-red);color:var(--ohpg-text-contrast)}.micro-btn-remove:hover{background:var(--ohpg-btn-red-dark)}.micro-btn:disabled{opacity:0.5;cursor:not-allowed}#micro-salts-table.hide-mono .col-micro-mono{display:none}#micro-salts-table.hide-price .col-micro-price{display:none}#staff-btn-history:hover{background:var(--ohpg-staff-btn-hover)}#staff-btn-history.active{background:var(--ohpg-staff-btn-active);border-color:var(--ohpg-staff-btn-active-border)}#staff-panel-history .history-item{background:var(--ohpg-staff-item-bg);border:1px solid var(--ohpg-staff-item-border);border-radius:6px;padding:8px 12px;margin-bottom:6px;color:var(--ohpg-staff-item-text);font-size:12px}#staff-panel-history .history-item strong{color:var(--ohpg-staff-item-accent)}#staff-panel-history .history-item .time{color:var(--ohpg-staff-item-time);font-size:11px}.ohpg-table{width:100%;border-collapse:collapse;font-size:12px}.ohpg-table th,.ohpg-table td{padding:4px 8px;border:1px solid var(--ohpg-table-border)}.ohpg-table th{font-weight:600;background:var(--ohpg-table-header-bg)}.ohpg-table-header{background:var(--ohpg-table-header-bg);border-bottom:2px solid var(--ohpg-table-border)}.ohpg-cell-center{text-align:center;padding:10px}.ohpg-cell-right{text-align:right}.ohpg-cell-header{padding:8px;text-align:center;border-bottom:1px solid var(--ohpg-table-border)}.ohpg-cell-input{width:80px;padding:4px;text-align:center}.ohpg-cell-input-bordered{width:80px;padding:4px;text-align:center;border:1px solid var(--ohpg-input-border);background:var(--ohpg-input-bg)}.ohpg-row-bordered{border-bottom:1px solid var(--ohpg-table-border)}.w-40{width:40px}.w-50{width:50px;text-align:center}.w-55{width:55px}.w-60{width:60px;text-align:center}.w-70{width:70px}.w-80{width:80px}.ohpg-el-label{font-weight:600;display:inline-block;width:40px}.ohpg-el-hint{font-size:10px;color:var(--ohpg-text-muted);margin-left:8px}.ohpg-flex{display:flex}.ohpg-flex-center{display:flex;align-items:center}.ohpg-flex-gap-4{display:flex;align-items:center;gap:4px}.ohpg-flex-gap-6{display:flex;align-items:center;gap:6px}.ohpg-flex-option{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.ohpg-flex-1{flex:1}.ohpg-text-muted{color:var(--ohpg-text-muted)}.ohpg-text-secondary{color:var(--ohpg-text-secondary)}.ohpg-text-dark{color:var(--ohpg-text-primary)}.ohpg-text-xs{font-size:10px}.ohpg-text-sm{font-size:11px}.ohpg-text-base{font-size:12px}.ohpg-text-md{font-size:13px}.ohpg-text-lg{font-size:14px}.ohpg-fw-600{font-weight:600}.ohpg-lh-relaxed{line-height:1.8}.ohpg-mt-4{margin-top:4px}.ohpg-mt-8{margin-top:8px}.ohpg-mt-16{margin-top:16px}.ohpg-mb-4{margin-bottom:4px}.ohpg-mb-8{margin-bottom:8px}.ohpg-mb-16{margin-bottom:16px}.ohpg-p-6{padding:6px}.ohpg-p-8{padding:8px}.ohpg-p-10{padding:10px}.ohpg-input{padding:4px 8px;border:1px solid var(--ohpg-input-border);border-radius:4px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-input-sm{width:60px;padding:6px;border:1px solid var(--ohpg-input-border);border-radius:4px;font-size:12px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-select{width:100%;padding:8px 12px;border:1px solid var(--ohpg-input-border);border-radius:6px;font-size:14px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-textarea{width:100%;padding:8px 12px;border:1px solid var(--ohpg-input-border);border-radius:6px;font-size:13px;resize:vertical;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-form-label{display:block;font-size:12px;color:var(--ohpg-text-muted);margin-bottom:4px}.ohpg-section-title{margin:0 0 8px 0;font-size:14px;color:var(--ohpg-text-primary)}.ohpg-section-divider{margin-top:16px;padding-top:16px;border-top:1px solid var(--ohpg-table-border)}.ohpg-profile-tabs{display:flex;border-bottom:1px solid var(--ohpg-table-border);background:var(--ohpg-btn-hover)}.ohpg-profile-tab{flex:1;padding:12px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--ohpg-text-muted);border-bottom:2px solid transparent}.ohpg-profile-tab:hover{background:var(--ohpg-btn-active)}.ohpg-profile-tab.active{color:var(--ohpg-preset-active);border-bottom-color:var(--ohpg-preset-active);background:var(--ohpg-modal-bg)}#journal-btn{position:relative}.ohpg-journal-badge{display:none;position:absolute;top:-6px;right:-6px;background:#3b82f6;color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;padding:0 4px;border-radius:9px;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.ohpg-ppm-table{font-size:12px}.ohpg-ppm-table th{padding:6px;text-align:left;border-bottom:2px solid var(--ohpg-table-border)}.ohpg-ppm-table td{padding:6px}.ohpg-ppm-table td.text-right{text-align:right}.ohpg-ppm-header{background:var(--ohpg-table-header-bg)}.ohpg-hint-amber{font-size:11px;color:var(--ohpg-boost-text-dark);margin-bottom:4px}.ohpg-hint-muted{font-size:11px;color:var(--ohpg-text-muted)}.d-none{display:none}.ohpg-grid{display:grid;gap:12px}.ohpg-grid-gap-8{display:grid;gap:8px}.ohpg-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:13px}.ohpg-btn-lg{padding:10px 20px;font-size:14px}.ohpg-btn-primary{background:var(--ohpg-btn-blue);color:var(--ohpg-text-contrast)}.ohpg-btn-primary:hover{background:var(--ohpg-btn-blue-hover)}.ohpg-btn-success{background:var(--ohpg-btn-green);color:var(--ohpg-text-contrast)}.ohpg-btn-success:hover{background:var(--ohpg-btn-green-dark)}.ohpg-btn-purple{background:#8b5cf6;color:var(--ohpg-text-contrast)}.ohpg-btn-purple:hover{background:#7c3aed}.ohpg-btn-nowrap{white-space:nowrap}.ohpg-publish-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.ohpg-publish-text{font-size:13px;color:var(--ohpg-text-primary)}.ohpg-publish-hint{font-size:11px;color:var(--ohpg-text-muted);margin:2px 0 0 0}.ohpg-flex-end{display:flex;justify-content:flex-end;gap:8px}.ohpg-flex-between{display:flex;justify-content:space-between;align-items:center}.ohpg-templates-list{max-height:300px;overflow-y:auto;border:1px solid var(--ohpg-table-border);border-radius:6px}.ohpg-templates-empty{padding:20px;text-align:center;color:var(--ohpg-text-muted);font-size:13px}.ohpg-template-load{margin-top:16px;padding:16px;background:var(--ohpg-btn-hover);border-radius:8px}.ohpg-template-load-title{margin:0 0 12px 0;font-size:14px;color:var(--ohpg-text-primary)}.ohpg-template-preview{background:var(--ohpg-input-bg);border:1px solid var(--ohpg-table-border);border-radius:6px;padding:10px;margin-bottom:12px;font-size:11px;font-family:"SF Mono",Monaco,monospace}.ohpg-preview-table{width:100%;border-collapse:collapse}.ohpg-preview-label{color:var(--ohpg-text-muted);padding:2px 8px 2px 0}.ohpg-preview-value{color:var(--ohpg-text-primary)}.ohpg-preview-spacer{padding:2px 8px 2px 16px}.ohpg-template-save-form{display:flex;gap:8px;margin-bottom:12px}.ohpg-template-input{flex:1;padding:8px 12px;border:1px solid var(--ohpg-input-border);border-radius:6px;font-size:13px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-load-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.ohpg-load-hint{font-size:12px;color:var(--ohpg-text-muted);margin-bottom:12px}.ohpg-load-actions{display:flex;gap:8px;flex-wrap:wrap}.ohpg-btn-flex1{flex:1}.ohpg-btn-secondary{padding:10px 16px;background:var(--ohpg-btn-hover);color:var(--ohpg-text-primary);border:none;border-radius:6px;cursor:pointer;font-size:14px}.ohpg-btn-secondary:hover{background:var(--ohpg-btn-active)}.ohpg-journal-publish{background:var(--ohpg-success-bg);border:1px solid var(--ohpg-success-border);border-radius:8px;padding:12px;margin-bottom:16px}.ohpg-journal-empty{text-align:center;padding:30px;color:var(--ohpg-text-muted)}.ohpg-journal-icon{font-size:32px;margin-bottom:8px;opacity:0.5}.ohpg-journal-list{max-height:400px;overflow-y:auto}.ohpg-journal-entry{display:flex;align-items:center;justify-content:space-between;padding:10px;background:var(--ohpg-btn-hover);border-radius:6px;margin-bottom:8px}.ohpg-journal-entry:hover{background:var(--ohpg-btn-active)}.ohpg-journal-time{font-size:12px;color:var(--ohpg-text-muted)}.ohpg-journal-note{font-size:13px;color:var(--ohpg-text-primary)}.ohpg-journal-btn{padding:4px 8px;background:transparent;border:1px solid var(--ohpg-input-border);border-radius:4px;cursor:pointer;color:var(--ohpg-text-muted)}.ohpg-journal-btn:hover{background:var(--ohpg-btn-hover)}.ohpg-journal-btn-danger:hover{color:var(--ohpg-btn-red)}.ohpg-journal-form{background:var(--ohpg-btn-hover);border:1px solid var(--ohpg-table-border);border-radius:8px;padding:12px;margin-bottom:16px}.ohpg-journal-form-row{display:flex;gap:8px;margin-bottom:10px}.ohpg-journal-form-footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ohpg-journal-textarea{width:100%;padding:8px 12px;border:1px solid var(--ohpg-input-border);border-radius:6px;font-size:13px;resize:vertical;margin-bottom:10px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-journal-select{padding:8px;border:1px solid var(--ohpg-input-border);border-radius:6px;font-size:13px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-journal-select-flex{flex:1;padding:8px;border:1px solid var(--ohpg-input-border);border-radius:6px;font-size:13px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-journal-metric{display:flex;gap:4px;align-items:center}.ohpg-journal-metric-label{font-size:12px;color:var(--ohpg-text-muted)}.ohpg-journal-metric-input{width:60px;padding:6px;border:1px solid var(--ohpg-input-border);border-radius:4px;font-size:12px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-journal-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ohpg-journal-filter-select{padding:6px 10px;border:1px solid var(--ohpg-input-border);border-radius:4px;font-size:12px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-journal-count{font-size:12px;color:var(--ohpg-text-muted);align-self:center}.ohpg-journal-public-status{font-size:13px;color:var(--ohpg-tank-text)}.ohpg-journal-public-link{font-size:12px;color:var(--ohpg-text-muted);margin-left:12px}.ohpg-journal-warning{margin-top:8px;padding:8px;background:var(--ohpg-boost-header-bg);border-radius:4px;font-size:11px;color:var(--ohpg-boost-text)}.ohpg-journal-entries{max-height:350px;overflow-y:auto}.ohpg-journal-empty-state{padding:40px 20px;text-align:center;color:var(--ohpg-text-muted);font-size:13px}.ratio-matrix-float{position:fixed;right:10px;bottom:10px;z-index:1050;background:var(--ohpg-bg);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);overflow:hidden}.ratio-matrix-float .matrix-header{background:#495057;color:#fff;padding:6px 10px;font-size:0.8rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:move}.ratio-matrix-float .matrix-header .btn-close{filter:invert(1);opacity:0.8}.ratio-matrix-float .matrix-header .btn-close:hover{opacity:1}.ratio-matrix-float table{font-size:0.75rem;border-collapse:collapse;margin:0}.ratio-matrix-float th,.ratio-matrix-float td{padding:4px 8px;text-align:center;border:1px solid var(--ohpg-input-border)}.ratio-matrix-float thead th{background:var(--ohpg-table-header-bg);font-weight:600}.ratio-matrix-float .cell-header{font-weight:600;background:var(--ohpg-table-header-bg)}.ratio-matrix-float .cell-diagonal{background:var(--ohpg-btn-hover);color:#999}.ratio-matrix-float .matrix-input{width:50px;height:24px;padding:2px 4px;border:1px solid var(--ohpg-input-border);border-radius:3px;background:var(--ohpg-bg);color:inherit;font-size:0.75rem;text-align:center}.ratio-matrix-float .matrix-input:focus{outline:none;border-color:var(--ohpg-primary);box-shadow:0 0 0 2px rgba(var(--ohpg-primary-rgb),0.2)}.ratio-matrix-float td.ratio-highlight-good{background-color:rgba(34,197,94,0.2)}.ratio-matrix-float td.ratio-highlight-warning{background-color:rgba(234,179,8,0.2)}.ratio-matrix-float td.ratio-highlight-danger{background-color:rgba(239,68,68,0.2)}.ohpg-modal-body-compact{padding:0}.ohpg-modal-body-scroll{padding:16px;max-height:70vh;overflow-y:auto}.ohpg-modal-body-padded{padding:16px}.ohpg-cell-p10-center{padding:10px;text-align:center}.ohpg-cell-p8-center-border{padding:8px;text-align:center;border-bottom:1px solid var(--ohpg-table-border)}.ohpg-cell-p8-border{padding:8px;border-bottom:1px solid var(--ohpg-table-border)}.ohpg-cell-p6{padding:6px}.ohpg-cell-p6-right{padding:6px;text-align:right}.ohpg-cell-p2-center{text-align:center;padding:2px 4px}.ohpg-row-border{border-bottom:1px solid var(--ohpg-table-border)}.ohpg-input-bordered{padding:4px 8px;border:1px solid var(--ohpg-input-border);border-radius:4px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-input-80{width:80px;padding:4px;text-align:center;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-input-80-bordered{width:80px;padding:4px;text-align:center;border:1px solid #9ca3af;background:var(--ohpg-btn-hover);color:var(--ohpg-text-primary)}.ohpg-cell-p8-w55{padding:8px;text-align:center;width:55px}.ohpg-el{font-weight:600;display:inline-block;width:40px}.ohpg-hint-right{font-size:10px;color:var(--ohpg-text-muted);margin-left:8px}.ohpg-hint-small{font-size:11px;color:var(--ohpg-text-muted)}.ohpg-hint-amber-small{font-size:11px;color:var(--ohpg-boost-text-dark);margin-bottom:4px}.ohpg-mb-4{margin-bottom:4px}.ohpg-mt-8{margin-top:8px}.ohpg-mb-12{margin-bottom:12px}.ohpg-mb-16{margin-bottom:16px}.ohpg-flex-gap-4{display:flex;align-items:center;gap:4px}.ohpg-flex-gap-8-mb12{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ohpg-text-lh18{font-size:13px;line-height:1.8}.w-55{width:55px}.w-70{width:70px}.w-60-center{width:60px;text-align:center}.w-140{width:140px}.ohpg-mb-8{margin-bottom:8px}.ohpg-cell-p6-right{padding:6px;text-align:right}.ohpg-label-block{display:block;margin-bottom:4px;font-weight:500}.ohpg-label-hint{margin-bottom:4px;color:var(--ohpg-text-muted);font-size:11px}.ohpg-text-amber{color:var(--ohpg-boost-text)}.ohpg-text-muted-subtle{font-size:11px;color:var(--ohpg-text-muted)}.ohpg-bordered-card{border:1px solid var(--ohpg-input-border);border-radius:12px;padding:16px;background:var(--ohpg-input-bg)}.ohpg-cell-p8-left{padding:8px;text-align:left}.ohpg-cell-p8-center{padding:8px;text-align:center}.ohpg-cell-p8-header{padding:8px;text-align:center;border-bottom:2px solid var(--ohpg-table-border)}.ohpg-cell-bg-header{background:var(--ohpg-btn-hover);font-weight:600}.ohpg-cell-bg-gray{background:var(--ohpg-table-header-bg)}.ohpg-btn-action{padding:8px 20px;font-size:13px;background:var(--ohpg-btn-blue);color:var(--ohpg-text-contrast);border:none;border-radius:6px;cursor:pointer;font-weight:500}.ohpg-btn-danger-small{padding:4px 8px;background:var(--ohpg-btn-red);background:#fee2e2;color:var(--ohpg-btn-red);border:none;border-radius:4px;cursor:pointer;font-size:11px}.ohpg-btn-small-gray{margin-left:4px;padding:2px 6px;font-size:12px;background:var(--ohpg-table-header-bg);color:var(--ohpg-text-primary);border:1px solid var(--ohpg-input-border);border-radius:4px;cursor:pointer}.ohpg-btn-small-blue{margin-left:2px;padding:2px 6px;font-size:12px;background:var(--ohpg-btn-blue);color:var(--ohpg-text-contrast);border:none;border-radius:4px;cursor:pointer}.ohpg-input-full{width:100%;padding:8px;border:1px solid var(--ohpg-input-border);border-radius:4px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-title-lg{font-size:14px;font-weight:600}.ohpg-title-bold{font-weight:600;margin-bottom:8px;color:var(--ohpg-text-primary)}.ohpg-empty-center{text-align:center;margin-top:12px}.ohpg-empty-muted{text-align:center;color:var(--ohpg-text-muted);padding:20px}.ohpg-max-w-500{max-width:500px}.ohpg-max-w-600{max-width:600px}.ohpg-max-w-700{max-width:700px}.ohpg-max-w-800{max-width:800px}.percent-help-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px 4px;margin-left:4px;cursor:pointer;opacity:0.6;color:inherit;font-size:0.85em;vertical-align:middle}.percent-help-btn:hover{opacity:1}.percent-oxide-hint{position:absolute;bottom:-18px;left:0;right:0;font-size:10px;color:#0369a1;background:#e0f2fe;padding:1px 4px;border-radius:3px;white-space:nowrap;z-index:10;text-align:center;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,0.1)}[data-bs-theme=dark] .percent-oxide-hint{color:#7dd3fc;background:#0c4a6e}.col-percent{position:relative}.ohpg-hint-xs{font-size:10px;color:var(--ohpg-text-muted)}.ohpg-link-blue{color:#1e40af}.ohpg-link-pink{color:#9d174d}.ohpg-water-row{display:none;grid-template-columns:repeat(8,minmax(52px,1fr));width:100%;font-size:9px;color:#0284c7;margin-top:2px}[data-bs-theme=dark] .ohpg-water-row{color:#38bdf8}.ohpg-section-body-compact{padding:0;overflow-x:auto}.ohpg-row-total{background:var(--ohpg-table-header-bg);color:var(--ohpg-text-primary);font-weight:600;border-top:2px solid var(--ohpg-input-border)}.ohpg-row-micro-total{background:#e0f2fe}[data-bs-theme=dark] .ohpg-row-micro-total{background:#0c4a6e}.w-60{width:60px}.w-50-left{width:50px;text-align:left}.w-80-center{width:80px;text-align:center}.w-90-center{width:90px;text-align:center}.w-40-center{width:40px;text-align:center}.ohpg-micro-complex-card{background:var(--ohpg-boost-bg);border-radius:12px;padding:20px;border:1px solid var(--ohpg-input-border)}.ohpg-micro-complex-layout{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.ohpg-micro-complex-title{font-size:16px;color:var(--ohpg-boost-text);font-weight:bold}.ohpg-micro-complex-hint{font-size:11px;color:var(--ohpg-boost-text-dark);margin:4px 0 12px}.ohpg-micro-complex-grid{display:grid;grid-template-columns:repeat(4,auto);gap:10px 20px;font-size:12px}.ohpg-micro-el-fe{color:#dc2626;font-weight:600}.ohpg-micro-el-mn{color:#7c3aed;font-weight:600}.ohpg-micro-el-b{color:#059669;font-weight:600}.ohpg-micro-el-zn{color:#0284c7;font-weight:600}.ohpg-micro-el-cu{color:#ea580c;font-weight:600}.ohpg-micro-el-mo{color:#4f46e5;font-weight:600}.ohpg-micro-el-co{color:#db2777;font-weight:600}.ohpg-micro-el-si{color:#64748b;font-weight:600}.ohpg-micro-complex-result{display:flex;gap:24px;align-items:center;font-size:13px}.ohpg-micro-complex-footer{margin-top:16px;padding:10px;background:var(--ohpg-table-header-bg);border-radius:6px;color:var(--ohpg-text-primary);font-weight:600;display:flex;justify-content:space-between;border:1px solid var(--ohpg-input-border)}.ohpg-mixer-section{margin-top:12px;padding:12px 16px;background:var(--ohpg-tank-bg);border:1px solid var(--ohpg-tank-border);border-radius:8px}.ohpg-mixer-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ohpg-mixer-label{font-size:13px;font-weight:500}.ohpg-mixer-select{padding:4px 8px;border:1px solid var(--ohpg-input-border);border-radius:6px;font-size:13px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-mixer-btn-pumps{display:none;padding:4px 12px;font-size:12px;background:var(--ohpg-boost-header-bg);color:var(--ohpg-boost-text);border:1px solid var(--ohpg-boost-border);border-radius:6px;cursor:pointer}.ohpg-mixer-btn-link{display:none;padding:4px 12px;font-size:12px}.ohpg-mixer-btn-test{display:none;padding:4px 12px;font-size:12px;background:var(--ohpg-table-header-bg);color:var(--ohpg-text-primary);border-color:var(--ohpg-input-border)}.ohpg-pumps-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;align-items:center;justify-content:center}.ohpg-pumps-modal-content{background:var(--ohpg-modal-bg);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.ohpg-pumps-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ohpg-pumps-modal-title{margin:0;font-size:18px;color:var(--ohpg-text-primary)}.ohpg-pumps-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--ohpg-text-muted)}.ohpg-pumps-modal-hint{font-size:12px;color:var(--ohpg-text-muted);margin-bottom:16px}.ohpg-pumps-table{width:100%;border-collapse:collapse;font-size:13px}.ohpg-pumps-row-header{background:var(--ohpg-table-header-bg)}.ohpg-pumps-row-complex{background:var(--ohpg-boost-header-bg)}.ohpg-pumps-cell-complex{padding:8px;border-bottom:1px solid var(--ohpg-table-border);font-weight:600;color:var(--ohpg-boost-text)}.ohpg-pumps-modal-footer{margin-top:16px;text-align:right}.ohpg-pumps-btn-save{padding:8px 20px;font-size:13px;background:var(--ohpg-btn-green);color:var(--ohpg-text-contrast);border:none;border-radius:6px;cursor:pointer;font-weight:500}.ohpg-unit-label{font-size:11px;color:#a78bfa}.ohpg-conc-label{font-size:11px;color:#f472b6}.ohpg-conc-checkbox-wrap{display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer;padding:4px 8px;background:var(--ohpg-input-bg);border-radius:4px;border:1px solid #f9a8d4}.ohpg-micro-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.ohpg-micro-table-header{background:var(--ohpg-table-header-bg)}.ohpg-micro-td-total{padding:8px;font-weight:600}.ohpg-micro-td-total-value{padding:8px;text-align:center;font-weight:600}.ohpg-indicator-dot{width:16px;height:16px;background:#eab308;border-radius:50%}[data-bs-theme=dark] .ohpg-indicator-dot{background:#facc15}.ohpg-th-el{padding:8px;text-align:left;width:50px}.ohpg-th-percent{padding:8px;text-align:center;width:80px}.ohpg-th-grams{padding:8px;text-align:center;width:90px}.ohpg-th-per-sol{padding:8px;text-align:center;width:70px}.ohpg-th-ml{padding:8px;text-align:center;width:60px}.ohpg-th-empty{padding:8px;text-align:center;width:40px}.ohpg-tr-total{background:var(--ohpg-total-row-bg)}.ohpg-micro-complex-card{background:var(--ohpg-boost-bg);border-radius:12px;padding:20px;border:1px solid var(--ohpg-input-border)}[data-bs-theme=dark] .ohpg-micro-complex-card{background:var(--ohpg-boost-bg)}.ohpg-micro-complex-layout{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.ohpg-micro-complex-title{font-size:16px;color:var(--ohpg-boost-text);font-weight:600}.ohpg-micro-complex-subtitle{font-size:11px;color:var(--ohpg-boost-text);margin:4px 0 12px}.ohpg-micro-complex-grid{display:grid;grid-template-columns:repeat(4,auto);gap:10px 20px;font-size:12px}.ohpg-micro-complex-grid input{color:var(--bs-body-color,#1f2937);background:var(--ohpg-input-bg);border:1px solid var(--ohpg-input-border);border-radius:4px;padding:2px 4px}[data-bs-theme=dark] .ohpg-micro-complex-grid input{color:#ffffff;background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.ohpg-micro-el-fe{color:#dc2626;font-weight:600}.ohpg-micro-el-mn{color:#7c3aed;font-weight:600}.ohpg-micro-el-b{color:#059669;font-weight:600}.ohpg-micro-el-zn{color:#0284c7;font-weight:600}.ohpg-micro-el-cu{color:#ea580c;font-weight:600}.ohpg-micro-el-mo{color:#4f46e5;font-weight:600}.ohpg-micro-el-co{color:#db2777;font-weight:600}.ohpg-micro-el-si{color:#64748b;font-weight:600}[data-bs-theme=dark] .ohpg-micro-el-fe{color:#f87171}[data-bs-theme=dark] .ohpg-micro-el-mn{color:#a78bfa}[data-bs-theme=dark] .ohpg-micro-el-b{color:#34d399}[data-bs-theme=dark] .ohpg-micro-el-zn{color:#38bdf8}[data-bs-theme=dark] .ohpg-micro-el-cu{color:#fb923c}[data-bs-theme=dark] .ohpg-micro-el-mo{color:#818cf8}[data-bs-theme=dark] .ohpg-micro-el-co{color:#f472b6}[data-bs-theme=dark] .ohpg-micro-el-si{color:#94a3b8}.ohpg-micro-complex-right{display:flex;gap:24px;align-items:center;font-size:13px}.ohpg-input-w80-center{width:80px;text-align:center;font-size:14px}.ohpg-micro-complex-footer{margin-top:16px;padding:10px;background:var(--ohpg-table-header-bg);border-radius:6px;color:var(--ohpg-text-secondary);font-weight:600;display:flex;justify-content:space-between;border:1px solid var(--ohpg-input-border)}.conc-salt-item{cursor:pointer;transition:all 0.2s ease;padding:2px 4px;border-radius:4px;margin:-2px -4px}.conc-salt-item:hover{background:rgba(59,130,246,0.1)}.conc-salt-item.done{text-decoration:line-through;opacity:0.5;color:#10b981}.conc-salt-item.done:hover{background:rgba(16,185,129,0.1)}[data-bs-theme=dark] .conc-salt-item:hover{background:rgba(59,130,246,0.2)}[data-bs-theme=dark] .conc-salt-item.done{color:#34d399}[data-bs-theme=dark] .conc-salt-item.done:hover{background:rgba(16,185,129,0.2)}.conc-micro-summary{margin-top:12px;padding:8px;background:rgba(16,185,129,0.1);border:1px dashed #10b981;border-radius:6px;font-size:12px}[data-bs-theme=dark] .conc-micro-summary{background:rgba(16,185,129,0.15);border-color:#34d399}.ohpg-mixer-section{margin-top:12px;padding:12px 16px;background:var(--ohpg-tank-bg);border:1px solid var(--ohpg-tank-border);border-radius:8px}.ohpg-mixer-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ohpg-mixer-label{font-size:13px;font-weight:500}.ohpg-mixer-select{padding:4px 8px;border:1px solid var(--ohpg-input-border);border-radius:6px;font-size:13px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-mixer-btn-pumps{display:none;padding:4px 12px;font-size:12px;background:var(--ohpg-boost-bg);color:var(--ohpg-boost-text);border:1px solid var(--ohpg-boost-border);border-radius:6px;cursor:pointer}.ohpg-mixer-btn-make{display:none;padding:4px 12px;font-size:12px}.ohpg-mixer-btn-test{display:none;padding:4px 12px;font-size:12px;background:var(--ohpg-table-header-bg);color:var(--ohpg-text-secondary);border-color:var(--ohpg-input-border)}.ohpg-pumps-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;align-items:center;justify-content:center}.ohpg-pumps-modal-content{background:var(--ohpg-modal-bg);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.ohpg-pumps-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ohpg-pumps-modal-title{margin:0;font-size:18px;color:var(--ohpg-text-primary)}.ohpg-pumps-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--ohpg-text-muted)}.ohpg-pumps-modal-desc{font-size:12px;color:var(--ohpg-text-muted);margin-bottom:16px}.ohpg-pumps-table{width:100%;border-collapse:collapse;font-size:13px}.ohpg-pumps-th-salt{padding:8px;text-align:left;border-bottom:2px solid var(--ohpg-table-border)}.ohpg-pumps-total-row{background:var(--ohpg-boost-bg)}.ohpg-pumps-total-cell{padding:8px;border-bottom:1px solid var(--ohpg-table-border);font-weight:600;color:var(--ohpg-boost-text)}.ohpg-tank-dot{width:16px;height:16px;border-radius:50%}.ohpg-tank-dot-a{background:#eab308}.ohpg-tank-dot-b{background:#3b82f6}.ohpg-tank-dot-c{background:#22c55e}[data-bs-theme=dark] .ohpg-tank-dot-a{background:#facc15}[data-bs-theme=dark] .ohpg-tank-dot-b{background:#60a5fa}[data-bs-theme=dark] .ohpg-tank-dot-c{background:#4ade80}.ohpg-tank-title-a{font-weight:600;color:#ca8a04;font-size:14px}.ohpg-tank-title-b{font-weight:600;color:#2563eb;font-size:14px}.ohpg-tank-title-c{font-weight:600;color:#16a34a;font-size:14px}[data-bs-theme=dark] .ohpg-tank-title-a{color:#fbbf24}[data-bs-theme=dark] .ohpg-tank-title-b{color:#93c5fd}[data-bs-theme=dark] .ohpg-tank-title-c{color:#86efac}.ohpg-tank-info-a{margin-top:16px;padding:12px;background:var(--ohpg-boost-bg);border-radius:8px;font-size:12px}.ohpg-tank-info-b{margin-top:16px;padding:12px;background:var(--ohpg-info-bg);border-radius:8px;font-size:12px}.ohpg-tank-info-c{margin-top:16px;padding:12px;background:var(--ohpg-tank-bg);border-radius:8px;font-size:12px}.ohpg-tank-complex-hint{margin-top:8px;padding:8px;background:var(--ohpg-boost-bg);border-radius:6px;font-size:13px;display:none}.ohpg-acids-section{margin-top:16px;padding:12px 16px;background:var(--ohpg-table-header-bg);border:1px solid var(--ohpg-input-border);border-radius:12px;display:none}.ohpg-acids-title{font-weight:600;font-size:13px;margin-bottom:8px;color:var(--ohpg-boost-text)}.ohpg-acids-row{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.ohpg-acid-label{color:#be185d;font-weight:600}[data-bs-theme=dark] .ohpg-acid-label{color:#f472b6}.ohpg-corrector-card{border-color:#94a3b8}[data-bs-theme=dark] .ohpg-corrector-card{border-color:var(--ohpg-border)}.ohpg-corrector-header{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}[data-bs-theme=dark] .ohpg-corrector-header{background:linear-gradient(135deg,var(--ohpg-card-bg) 0%,var(--ohpg-header-bg) 100%)}.ohpg-corrector-icon{color:#475569}[data-bs-theme=dark] .ohpg-corrector-icon{color:#94a3b8}.ohpg-corrector-title{color:#334155}[data-bs-theme=dark] .ohpg-corrector-title{color:var(--ohpg-text-primary)}.ohpg-corrector-body{background:var(--ohpg-modal-bg);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}[data-bs-theme=dark] .ohpg-corrector-body{box-shadow:0 2px 8px rgba(0,0,0,0.3)}.ohpg-corrector-table{width:100%;border-collapse:collapse;font-size:12px}.ohpg-corrector-th-row{background:var(--ohpg-table-header-bg);color:var(--ohpg-text-secondary);border-bottom:2px solid var(--ohpg-table-border)}.ohpg-corrector-th{padding:10px;text-align:left}.ohpg-corrector-btn{margin-left:4px;padding:2px 6px;font-size:12px;background:#0ea5e9;color:white;border:none;border-radius:4px;cursor:pointer}[data-bs-theme=dark] .ohpg-corrector-btn{background:#38bdf8;color:#0c4a6e}.ohpg-corrector-td-n{padding:10px;font-weight:600;background:#fef3c7}.ohpg-corrector-td-p{padding:10px;font-weight:600;background:#dbeafe}.ohpg-corrector-td-k{padding:10px;font-weight:600;background:#fce7f3}.ohpg-corrector-td-ca{padding:10px;font-weight:600;background:#e0f2fe}.ohpg-corrector-td-mg{padding:10px;font-weight:600;background:#d1fae5}.ohpg-corrector-td-s{padding:10px;font-weight:600;background:#fef9c3}.ohpg-corrector-td-ec{padding:10px;font-weight:600;background:#f3e8ff}.ohpg-corrector-td-litres{padding:10px;font-weight:600;background:#e0e7ff}[data-bs-theme=dark] .ohpg-corrector-td-n{background:rgba(254,243,199,0.2)}[data-bs-theme=dark] .ohpg-corrector-td-p{background:rgba(219,234,254,0.2)}[data-bs-theme=dark] .ohpg-corrector-td-k{background:rgba(252,231,243,0.2)}[data-bs-theme=dark] .ohpg-corrector-td-ca{background:rgba(224,242,254,0.2)}[data-bs-theme=dark] .ohpg-corrector-td-mg{background:rgba(209,250,229,0.2)}[data-bs-theme=dark] .ohpg-corrector-td-s{background:rgba(254,249,195,0.2)}[data-bs-theme=dark] .ohpg-corrector-td-ec{background:rgba(243,232,255,0.2)}[data-bs-theme=dark] .ohpg-corrector-td-litres{background:rgba(224,231,255,0.2)}.ohpg-staff-section{margin:24px auto;max-width:1200px;padding:0 16px}.ohpg-staff-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-radius:10px 10px 0 0;border:1px solid #475569;border-bottom:none}[data-bs-theme=dark] .ohpg-staff-header{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-color:#334155}.ohpg-staff-icon{color:#94a3b8;font-size:16px}.ohpg-staff-title{color:#e2e8f0;font-size:13px;font-weight:600;letter-spacing:0.5px}.ohpg-cursor-pointer{cursor:pointer}.ohpg-staff-btn{background:#475569;color:#e2e8f0;border:1px solid #64748b;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px;transition:all 0.2s}.ohpg-staff-btn-badge{background:#3b82f6;color:white;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.ohpg-staff-panel{display:none;background:#1e293b;border:1px solid #475569;border-top:none;border-radius:0 0 10px 10px;padding:16px}[data-bs-theme=dark] .ohpg-staff-panel{background:#0f172a;border-color:#334155}.ohpg-staff-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ohpg-staff-panel-title{font-size:13px;color:#94a3b8}.ohpg-staff-panel-subtitle{color:#64748b;font-size:11px}.ohpg-staff-btn-row{display:flex;gap:6px}.ohpg-staff-btn-clear{background:#7f1d1d;color:#fecaca;border:1px solid #991b1b;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px}.ohpg-staff-btn-copy{background:#1e3a5f;color:#93c5fd;border:1px solid #1d4ed8;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px}.ohpg-staff-label{margin-bottom:6px;font-size:11px;color:#64748b}.ohpg-staff-textarea{width:100%;height:80px;font-family:"SF Mono",Monaco,monospace;font-size:10px;background:#0f172a;color:#22d3ee;border:1px solid #334155;border-radius:6px;padding:8px;resize:vertical}.ohpg-staff-history-list{margin-top:12px;max-height:200px;overflow-y:auto}.ohpg-reset-btn-server{width:100%;padding:12px 16px;background:var(--ohpg-btn-blue);color:var(--ohpg-text-contrast);border:none;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}.ohpg-hr{margin:16px 0;border-color:var(--ohpg-border)}.ohpg-journal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ohpg-journal-title{font-weight:500;color:var(--ohpg-text-secondary)}.ohpg-journal-count{font-size:12px;color:var(--ohpg-text-muted)}.ohpg-journal-search{width:100%;padding:8px 12px;border:1px solid var(--ohpg-input-border);border-radius:6px;font-size:13px;margin-bottom:12px;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-journal-list{max-height:300px;overflow-y:auto}.ohpg-textarea-full{width:100%;padding:8px;border:1px solid var(--ohpg-input-border);border-radius:4px;resize:vertical;background:var(--ohpg-input-bg);color:var(--ohpg-text-primary)}.ohpg-photo-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.ohpg-checkbox-wrap{display:flex;align-items:center;gap:8px;cursor:pointer}.ohpg-hint-indented{font-size:11px;color:var(--ohpg-text-muted);margin:4px 0 0 24px}.ohpg-btn-row{display:flex;gap:8px}.ohpg-publications-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--ohpg-border)}.ohpg-publications-title{margin:0 0 12px 0;color:var(--ohpg-text-secondary)}.ohpg-publications-list{max-height:200px;overflow-y:auto}.ohpg-loading-text{color:var(--ohpg-text-muted);text-align:center;padding:20px}.ohpg-blocking-content{font-size:0.85rem}.ohpg-ion-td{padding:6px;font-weight:500}.ohpg-ion-cation{color:#2563eb}.ohpg-ion-anion{color:#dc2626}.ohpg-ion-neutral{color:#6b7280}[data-bs-theme=dark] .ohpg-ion-cation{color:#60a5fa}[data-bs-theme=dark] .ohpg-ion-anion{color:#f87171}[data-bs-theme=dark] .ohpg-ion-neutral{color:#9ca3af}.ohpg-tr-sum{background:var(--ohpg-table-header-bg);font-weight:600}.ohpg-td-cation-sum{padding:6px;text-align:right;color:#2563eb}.ohpg-td-anion-sum{padding:6px;text-align:right;color:#dc2626}[data-bs-theme=dark] .ohpg-td-cation-sum{color:#60a5fa}[data-bs-theme=dark] .ohpg-td-anion-sum{color:#f87171}.ohpg-tr-balance{background:var(--ohpg-boost-bg);font-weight:600}.ohpg-history-action{color:#15803d;font-size:11px;margin-top:2px}[data-bs-theme=dark] .ohpg-history-action{color:#4ade80}.ohpg-template-empty{padding:20px;text-align:center;color:var(--ohpg-text-muted);font-size:13px}.ohpg-template-icon-server{color:#3b82f6}.ohpg-template-icon-local{color:#10b981}[data-bs-theme=dark] .ohpg-template-icon-server{color:#60a5fa}[data-bs-theme=dark] .ohpg-template-icon-local{color:#34d399}.ohpg-template-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--ohpg-border);cursor:pointer;background:transparent}.ohpg-template-item.selected{background:var(--ohpg-info-bg)}.ohpg-template-item-left{display:flex;align-items:center;gap:8px}.ohpg-template-item-name{font-size:14px;font-weight:500;color:var(--ohpg-text-secondary)}.ohpg-phase-name{font-weight:500}.ohpg-journal-entry{display:flex;align-items:center;padding:10px 12px;border-radius:8px;margin-bottom:4px;cursor:pointer;border:1px solid var(--ohpg-border)}.ohpg-journal-entry-snapshot{background:var(--ohpg-tank-bg);border-color:var(--ohpg-tank-border);cursor:pointer}.ohpg-journal-entry-no-snapshot{background:var(--ohpg-table-header-bg);cursor:default}.ohpg-journal-entry-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:10px}.ohpg-journal-entry-icon-snapshot{background:var(--ohpg-tank-bg);color:#16a34a}.ohpg-journal-entry-icon-no-snapshot{background:var(--ohpg-border);color:var(--ohpg-text-muted)}[data-bs-theme=dark] .ohpg-journal-entry-icon-snapshot{color:#4ade80}.ohpg-journal-entry-content{flex:1;min-width:0}.ohpg-journal-entry-title{font-size:13px;color:var(--ohpg-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ohpg-journal-snapshot-icon{color:#16a34a;margin-left:8px}[data-bs-theme=dark] .ohpg-journal-snapshot-icon{color:#4ade80}.ohpg-journal-empty{padding:40px 20px;text-align:center;color:var(--ohpg-text-muted);font-size:13px}.ohpg-journal-empty-icon{font-size:32px;display:block;margin-bottom:8px}.ohpg-journal-entry-row{padding:12px;border-bottom:1px solid var(--ohpg-border)}.ohpg-journal-entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.ohpg-journal-entry-left{display:flex;align-items:center;gap:8px}.ohpg-journal-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px}.ohpg-journal-badge-observation{background:rgba(107,114,128,0.1490196078);color:#6b7280}.ohpg-journal-badge-solution_change{background:rgba(59,130,246,0.1490196078);color:#3b82f6}.ohpg-journal-badge-watering{background:rgba(14,165,233,0.1490196078);color:#0ea5e9}.ohpg-journal-badge-problem{background:rgba(239,68,68,0.1490196078);color:#ef4444}.ohpg-journal-badge-harvest{background:rgba(16,185,129,0.1490196078);color:#10b981}.ohpg-journal-badge-other{background:rgba(156,163,175,0.1490196078);color:#9ca3af}[data-bs-theme=dark] .ohpg-journal-badge-observation{background:rgba(156,163,175,0.1490196078);color:#9ca3af}[data-bs-theme=dark] .ohpg-journal-badge-solution_change{background:rgba(96,165,250,0.1490196078);color:#60a5fa}[data-bs-theme=dark] .ohpg-journal-badge-watering{background:rgba(56,189,248,0.1490196078);color:#38bdf8}[data-bs-theme=dark] .ohpg-journal-badge-problem{background:rgba(248,113,113,0.1490196078);color:#f87171}[data-bs-theme=dark] .ohpg-journal-badge-harvest{background:rgba(52,211,153,0.1490196078);color:#34d399}[data-bs-theme=dark] .ohpg-journal-badge-other{background:rgba(209,213,219,0.1490196078);color:#d1d5db}.ohpg-journal-entry-text{font-size:13px;color:var(--ohpg-text-secondary);margin-bottom:6px}.ohpg-journal-snapshot-info{font-size:11px;color:#059669;background:#ecfdf5;padding:4px 8px;border-radius:4px;margin-top:6px}[data-bs-theme=dark] .ohpg-journal-snapshot-info{background:rgba(16,185,129,0.15);color:#34d399}.ohpg-journal-snapshot-micro{color:#0891b2;margin-top:2px}[data-bs-theme=dark] .ohpg-journal-snapshot-micro{color:#22d3ee}.ohpg-journal-actions{display:flex;gap:8px;margin-top:8px}.ohpg-journal-btn-load{padding:4px 8px;background:var(--ohpg-info-bg);color:var(--ohpg-btn-blue);border:none;border-radius:4px;cursor:pointer;font-size:11px}[data-bs-theme=dark] .ohpg-journal-btn-load{background:rgba(59,130,246,0.2);color:#60a5fa}.ohpg-blocking-legend{padding:8px;background:var(--ohpg-table-header-bg);border-radius:6px;font-size:0.8rem}.ohpg-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);padding:12px 20px;border-radius:8px;background:#1f2937;color:white;font-size:14px;display:flex;align-items:center;gap:10px;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease}.ohpg-toast.show{transform:translateX(-50%) translateY(0);opacity:1}.ohpg-toast-success{background:#059669}.ohpg-toast-error{background:#dc2626}.ohpg-toast-warning{background:#d97706}.ohpg-toast-info{background:#2563eb}[data-bs-theme=dark] .ohpg-toast{background:#374151}[data-bs-theme=dark] .ohpg-toast-success{background:#047857}[data-bs-theme=dark] .ohpg-toast-error{background:#b91c1c}[data-bs-theme=dark] .ohpg-toast-warning{background:#b45309}[data-bs-theme=dark] .ohpg-toast-info{background:#1d4ed8}body.twa-mode nav.navbar,body.twa-mode .navbar{display:none!important}body.twa-mode{padding-top:0!important}body.twa-mode .ohpg-header-title,body.twa-mode h1:first-of-type{display:none!important}body.twa-mode .container,body.twa-mode .container-fluid{padding-left:0.5rem!important;padding-right:0.5rem!important;max-width:100vw!important}body.twa-mode .ohpg-toolbar,body.twa-mode .ohpg-actions,body.twa-mode .btn-toolbar{display:flex!important;flex-wrap:wrap!important;gap:0.35rem!important;padding:0.35rem!important;justify-content:flex-start}body.twa-mode .ohpg-toolbar .btn,body.twa-mode .ohpg-actions .btn,body.twa-mode .btn-toolbar .btn{padding:0.35rem 0.5rem;font-size:0.8rem}body.twa-mode .ohpg-toolbar .btn .btn-text,body.twa-mode .ohpg-toolbar .btn span:not(.badge),body.twa-mode .ohpg-actions .btn .btn-text,body.twa-mode .ohpg-actions .btn span:not(.badge),body.twa-mode .btn-toolbar .btn .btn-text,body.twa-mode .btn-toolbar .btn span:not(.badge){display:none!important}body.twa-mode .ohpg-toolbar .btn .bi,body.twa-mode .ohpg-toolbar .btn i,body.twa-mode .ohpg-actions .btn .bi,body.twa-mode .ohpg-actions .btn i,body.twa-mode .btn-toolbar .btn .bi,body.twa-mode .btn-toolbar .btn i{font-size:1rem;margin:0!important}body.twa-mode .ohpg-section,body.twa-mode .card,body.twa-mode .section-card{margin-bottom:0.5rem!important;max-width:100vw}body.twa-mode .ohpg-section .card-header,body.twa-mode .ohpg-section .section-header,body.twa-mode .card .card-header,body.twa-mode .card .section-header,body.twa-mode .section-card .card-header,body.twa-mode .section-card .section-header{padding:0.35rem 0.5rem;font-size:0.85rem}body.twa-mode .ohpg-section .card-body,body.twa-mode .card .card-body,body.twa-mode .section-card .card-body{padding:0.5rem}body.twa-mode .section-body{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100vw;padding:0.5rem}body.twa-mode .table-responsive,body.twa-mode .ohpg-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100vw}body.twa-mode .table{font-size:0.75rem}body.twa-mode .table th,body.twa-mode .table td{padding:0.2rem 0.3rem;white-space:nowrap}body.twa-mode .macro-section,body.twa-mode .micro-section{min-width:max-content}body.twa-mode .macro-section .elements-2rows,body.twa-mode .micro-section .elements-2rows{min-width:max-content}body.twa-mode .micro-mode-switcher{overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap;padding:0.25rem 0;gap:0.35rem!important;font-size:0.75rem}body.twa-mode .micro-mode-switcher .mode-label{font-size:0.7rem;flex-shrink:0}body.twa-mode .micro-mode-switcher label{flex-shrink:0;white-space:nowrap;font-size:0.7rem!important}body.twa-mode .micro-mode-switcher label span{font-size:0.7rem}body.twa-mode .form-check-inline{margin-right:0.35rem}body.twa-mode .form-check-inline .form-check-label{font-size:0.7rem;padding-left:0.25rem}body.twa-mode .ohpg-corrector-card .ohpg-corrector-body{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:0.25rem!important;max-width:100vw}body.twa-mode .ohpg-corrector-card .ohpg-corrector-table{font-size:0.7rem!important;min-width:max-content}body.twa-mode .ohpg-corrector-card .ohpg-corrector-table th,body.twa-mode .ohpg-corrector-card .ohpg-corrector-table td{padding:0.2rem 0.25rem!important;white-space:nowrap}body.twa-mode .ohpg-corrector-card .ohpg-corrector-table input{width:55px!important;font-size:0.75rem!important;padding:0.2rem 0.25rem!important}body.twa-mode .ohpg-corrector-card .ohpg-corrector-table .ohpg-corrector-th{font-size:0.65rem;white-space:nowrap}body.twa-mode #micro-salts-block{overflow-x:auto!important;-webkit-overflow-scrolling:touch}body.twa-mode #micro-salts-block .micro-salts-table,body.twa-mode #micro-salts-block .ohpg-micro-table{min-width:max-content}body.twa-mode input[type=number],body.twa-mode input[type=text]{font-size:16px!important;padding:0.35rem 0.5rem}body.twa-mode .modal-dialog{margin:0;max-width:100%;height:100%}body.twa-mode .modal-content{height:100%;border-radius:0}input.micro-low{background-color:rgba(59,130,246,0.15)!important;border-color:#3b82f6!important;color:#1d4ed8!important}input.micro-high{background-color:rgba(239,68,68,0.15)!important;border-color:#ef4444!important;color:#dc2626!important}input.micro-ok{background-color:rgba(34,197,94,0.1)!important;border-color:#22c55e!important}input.macro-low{background-color:rgba(59,130,246,0.15)!important;border-color:#3b82f6!important;color:#1d4ed8!important}input.macro-high{background-color:rgba(239,68,68,0.15)!important;border-color:#ef4444!important;color:#dc2626!important}input.macro-ok{background-color:rgba(34,197,94,0.1)!important;border-color:#22c55e!important}.npk-label{padding:6px 10px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-top:1px solid #86efac;font-family:"SF Mono",Monaco,"Cascadia Code",monospace;font-size:0.75rem;color:#166534}.npk-row{display:flex;align-items:center;gap:6px;padding:2px 0}.npk-row code{flex:1;background:transparent;color:inherit;font-size:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npk-row:first-child code{color:#4b5563}.npk-copy-btn{flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:rgba(0,0,0,0.05);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all 0.15s}.npk-copy-btn:hover{background:rgba(0,0,0,0.1);color:#374151}.npk-copy-btn:active{transform:scale(0.95)}.npk-copy-btn.copied{background:#dcfce7;color:#16a34a}.npk-copy-btn i{font-size:12px}.total-price-inline{color:var(--calc-green-600,#16a34a);font-weight:600;font-size:12px;margin-left:4px}.price-summary{display:flex;flex-wrap:wrap;gap:12px;padding:10px 12px;margin-top:8px;background:linear-gradient(135deg,var(--calc-green-50,#f0fdf4) 0%,var(--calc-emerald-50,#ecfdf5) 100%);border:1px solid var(--calc-green-200,#bbf7d0);border-radius:8px;font-size:13px}.price-summary-item{display:flex;align-items:center;gap:4px}.price-summary .price-label{color:var(--calc-text-slate,#64748b);font-weight:500}.price-summary .price-value{color:var(--calc-green-700,#15803d);font-weight:700}.price-summary-total{padding-left:12px;border-left:2px solid var(--calc-green-300,#86efac)}.price-summary-total .price-label{color:var(--calc-green-800,#166534);font-weight:600}.price-summary-total .price-value{color:var(--calc-green-800,#166534);font-size:15px}[data-bs-theme=dark] .npk-label{background:linear-gradient(135deg,rgba(34,197,94,0.1) 0%,rgba(16,185,129,0.08) 100%);border-top-color:var(--calc-green-800,#166534);color:var(--calc-green-400,#4ade80)}[data-bs-theme=dark] .npk-row code{color:var(--calc-green-300,#86efac)}[data-bs-theme=dark] .npk-copy-btn{color:var(--calc-green-400,#4ade80);border-color:var(--calc-green-700,#15803d)}[data-bs-theme=dark] .npk-copy-btn:hover{background:rgba(34,197,94,0.15)}[data-bs-theme=dark] .total-price-inline{color:var(--calc-green-400,#4ade80)}[data-bs-theme=dark] .price-summary{background:linear-gradient(135deg,rgba(34,197,94,0.1) 0%,rgba(16,185,129,0.1) 100%);border-color:var(--calc-green-800,#166534)}[data-bs-theme=dark] .price-summary .price-label{color:var(--calc-text-slate,#94a3b8)}[data-bs-theme=dark] .price-summary .price-value{color:var(--calc-green-400,#4ade80)}[data-bs-theme=dark] .price-summary-total{border-left-color:var(--calc-green-700,#15803d)}[data-bs-theme=dark] .price-summary-total .price-label,[data-bs-theme=dark] .price-summary-total .price-value{color:var(--calc-green-300,#86efac)}.print-instructions-content{font-size:14px;line-height:1.6}.print-instructions-content .print-calc-summary{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.print-instructions-content .print-calc-summary h4{margin:0 0 12px;font-size:18px}.print-instructions-content .print-calc-summary .print-recipe-info{margin-bottom:12px}.print-instructions-content .print-calc-summary .print-recipe-info p{margin:4px 0}.print-instructions-content .print-calc-summary .print-salts-table table{width:100%;border-collapse:collapse;font-size:13px}.print-instructions-content .print-calc-summary .print-salts-table table th,.print-instructions-content .print-calc-summary .print-salts-table table td{padding:6px 8px;border:1px solid #dee2e6;text-align:left}.print-instructions-content .print-calc-summary .print-salts-table table th{background:#e9ecef;font-weight:600}.print-instructions-content .print-ppm-summary{margin-bottom:16px}.print-instructions-content .print-ppm-summary h5{margin:0 0 8px;font-size:14px}.print-instructions-content .print-ppm-summary .ppm-grid{display:flex;flex-wrap:wrap;gap:12px}.print-instructions-content .print-ppm-summary .ppm-grid .ppm-item{background:#e8f5e9;padding:4px 10px;border-radius:4px;font-size:13px}.print-instructions-content .total-row{background:#f8f9fa;font-weight:600}.print-instructions-content .print-divider{margin:24px 0;border:none;border-top:2px dashed #dee2e6}.print-instructions-content .print-instructions h3{font-size:20px;font-weight:700}.print-instructions-content .print-instructions h4{font-size:16px;font-weight:600;margin:20px 0 12px;padding-bottom:6px;border-bottom:2px solid #28a745}.print-instructions-content .print-instructions h5{font-size:14px;font-weight:600;margin:16px 0 8px}.print-instructions-content .print-instructions .section-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#28a745;color:#fff;border-radius:50%;font-weight:700;margin-right:8px}.print-instructions-content .print-instructions .instruction-section{margin-bottom:24px}.print-instructions-content .print-instructions .instruction-intro{font-style:italic;color:#6c757d;margin-bottom:12px}.print-instructions-content .print-instructions ul,.print-instructions-content .print-instructions ol{margin:8px 0;padding-left:24px}.print-instructions-content .print-instructions ul li,.print-instructions-content .print-instructions ol li{margin-bottom:6px}.print-instructions-content .print-instructions ul ul,.print-instructions-content .print-instructions ol ul{margin-top:6px}.print-instructions-content .print-instructions .concentrate-box{padding:12px 16px;border-radius:8px;margin:12px 0}.print-instructions-content .print-instructions .concentrate-box h5{margin:0 0 8px}.print-instructions-content .print-instructions .concentrate-box.concentrate-a{background:#e8f5e9;border-left:4px solid #4caf50}.print-instructions-content .print-instructions .concentrate-box.concentrate-b{background:#e3f2fd;border-left:4px solid #2196f3}.print-instructions-content .print-instructions .tip-box{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;margin-top:16px}.col-toggle-print{background:#f8f9fa!important;border-color:#6c757d!important;color:#495057!important}.col-toggle-print:hover{background:#e9ecef!important}.col-toggle-print i{margin-right:4px}@media print{body>*:not(.modal){display:none!important}.modal{position:static!important;display:block!important;overflow:visible!important}.modal-dialog{max-width:100%!important;margin:0!important;transform:none!important}.modal-content{border:none!important;box-shadow:none!important}.modal-header,.modal-footer{display:none!important}.modal-body{padding:0!important;overflow:visible!important}.print-instructions-content{width:100%;padding:10mm;font-size:11pt;line-height:1.4}.instruction-section{page-break-inside:avoid}.concentrate-box{page-break-inside:avoid}.print-calc-summary{page-break-after:avoid}.print-calc-summary{background:#f5f5f5!important;border:1px solid #333;-webkit-print-color-adjust:exact;print-color-adjust:exact}.concentrate-box{background:#f9f9f9!important;border:1px solid #666!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.tip-box{background:#fffde7!important;border:1px solid #999!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.section-num{background:#333!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ppm-item{background:#e8f5e9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}table{width:100%;border-collapse:collapse;page-break-inside:avoid}table th,table td{border:1px solid #333!important;padding:4px 8px}table th{background:#e0e0e0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.total-row{background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:480px){.micro-mode-switcher{flex-wrap:wrap;gap:8px;padding:8px;font-size:0.8rem}.micro-mode-switcher .mode-label{font-size:0.75rem;width:100%;margin-bottom:4px}.micro-mode-switcher label{font-size:0.75rem;gap:4px}.micro-mode-switcher label span{font-size:0.75rem}.micro-mode-switcher input[type=radio]{width:14px;height:14px}.ohpg-corrector-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.ohpg-corrector-table{min-width:450px}}:root{--tt-bg:rgba(0,0,0,0.9);--tt-text:white;--tt-shadow:rgba(0,0,0,0.3);--tt-shadow-mobile:rgba(0,0,0,0.4);--tt-accent:#fbbf24;--tt-code-bg:rgba(255,255,255,0.1)}.custom-tooltip{position:fixed;z-index:9999;pointer-events:none;opacity:0;transition:opacity 0.2s ease-in-out}.custom-tooltip.show{opacity:1}.custom-tooltip-content{background:var(--tt-bg);color:var(--tt-text);padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5;max-width:320px;white-space:pre-line;box-shadow:0 4px 12px var(--tt-shadow);text-align:left;word-wrap:break-word}@media (max-width:768px){.custom-tooltip-content{padding:14px 18px;font-size:14px;max-width:calc(100vw - 40px);box-shadow:0 6px 20px var(--tt-shadow-mobile)}}.custom-tooltip-arrow{position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent}.custom-tooltip.position-bottom .custom-tooltip-arrow{top:-8px;left:50%;transform:translateX(-50%);border-bottom:8px solid var(--tt-bg)}.custom-tooltip.position-top .custom-tooltip-arrow{bottom:-8px;left:50%;transform:translateX(-50%);border-top:8px solid var(--tt-bg)}.has-tooltip{cursor:help;position:relative}.has-tooltip::after{content:""}@keyframes tooltipFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-tooltip.show.position-bottom{animation:tooltipFadeIn 0.2s ease-out}@keyframes tooltipFadeInTop{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.custom-tooltip.show.position-top{animation:tooltipFadeInTop 0.2s ease-out}.custom-tooltip-content strong{font-weight:600;color:var(--tt-accent)}.custom-tooltip-content code{background:var(--tt-code-bg);padding:2px 6px;border-radius:4px;font-family:"Courier New",monospace;font-size:12px}.custom-tooltip-content ul{margin:8px 0;padding-left:20px}.custom-tooltip-content li{margin:4px 0}.wheel-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.wheel-picker-overlay.visible{opacity:1;visibility:visible}.wheel-picker-overlay.visible .wheel-picker{transform:translateY(0)}.wheel-picker{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform 0.3s ease;max-height:50vh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}[data-bs-theme=dark] .wheel-picker{background:#1f2937}.wheel-picker-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb}[data-bs-theme=dark] .wheel-picker-header{border-bottom-color:#374151}.wheel-picker-title{font-size:14px;font-weight:600;color:#374151}[data-bs-theme=dark] .wheel-picker-title{color:#f3f4f6}.wheel-picker-btn{background:none;border:none;font-size:16px;font-weight:500;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background 0.15s}.wheel-picker-btn.cancel{color:#6b7280}.wheel-picker-btn.cancel:hover,.wheel-picker-btn.cancel:active{background:#f3f4f6}[data-bs-theme=dark] .wheel-picker-btn.cancel{color:#9ca3af}[data-bs-theme=dark] .wheel-picker-btn.cancel:hover,[data-bs-theme=dark] .wheel-picker-btn.cancel:active{background:#374151}.wheel-picker-btn.done{color:#3b82f6;font-weight:600}.wheel-picker-btn.done:hover,.wheel-picker-btn.done:active{background:#eff6ff}[data-bs-theme=dark] .wheel-picker-btn.done:hover,[data-bs-theme=dark] .wheel-picker-btn.done:active{background:#374151}.wheel-picker-wheel-container{position:relative;height:180px;overflow:hidden}.wheel-picker-highlight{position:absolute;top:50%;left:16px;right:16px;height:36px;margin-top:-18px;background:#eff6ff;border-radius:8px;border:2px solid #60a5fa;pointer-events:none;z-index:1}[data-bs-theme=dark] .wheel-picker-highlight{background:#374151;border-color:#3b82f6}.wheel-picker-wheel{position:absolute;top:0;left:0;right:0;will-change:transform;cursor:grab;z-index:1}.wheel-picker-wheel:active{cursor:grabbing}.wheel-picker-item{height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#1f2937;user-select:none;-webkit-user-select:none;will-change:transform,opacity;min-height:36px}.wheel-picker-item.padding{visibility:hidden}[data-bs-theme=dark] .wheel-picker-item{color:#f3f4f6}.wheel-picker-wheel-container::before,.wheel-picker-wheel-container::after{content:"";position:absolute;left:0;right:0;height:60px;pointer-events:none;z-index:2}.wheel-picker-wheel-container::before{top:0;background:linear-gradient(to bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)}[data-bs-theme=dark] .wheel-picker-wheel-container::before{background:linear-gradient(to bottom,rgba(31,41,55,0.9) 0%,rgba(31,41,55,0.5) 50%,rgba(31,41,55,0) 100%)}.wheel-picker-wheel-container::after{bottom:0;background:linear-gradient(to top,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)}[data-bs-theme=dark] .wheel-picker-wheel-container::after{background:linear-gradient(to top,rgba(31,41,55,0.9) 0%,rgba(31,41,55,0.5) 50%,rgba(31,41,55,0) 100%)}@media (hover:none) and (pointer:coarse){input.has-wheel-picker{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 2L9 5H3L6 2zM6 10L3 7h6l-3 3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:12px;padding-right:20px!important;cursor:pointer}}:root{--diag-bg-group:#f8fafc;--diag-bg-tooltip:#1a1a1a;--diag-bg-neutral:#f1f5f9;--diag-bg-rec:rgba(255,193,7,0.1);--diag-bg-card-start:#fffbeb;--diag-bg-card-end:#fef3c7;--diag-border-neutral:#e2e8f0;--diag-border-card:#fbbf24;--diag-border-header:#fcd34d;--diag-text-range:#6b7280;--diag-text-tooltip:#fff;--diag-text-rec-title:#92400e;--diag-text-header-title:#92400e;--diag-text-header-subtitle:#a16207;--diag-text-icon:#dc2626;--diag-good-bg:rgba(56,218,47,0.2);--diag-good-border:rgba(56,218,47,0.4);--diag-warning-bg:rgba(255,193,7,0.25);--diag-warning-border:rgba(255,193,7,0.5);--diag-danger-bg:rgba(220,53,69,0.2);--diag-danger-border:rgba(220,53,69,0.4);--diag-danger-text:#dc3545;--diag-critical-bg:rgba(206,19,113,0.4);--diag-critical-border:rgba(206,19,113,0.6);--diag-critical-text:rgba(206,19,113,1);--diag-group-cations:#2563eb;--diag-group-nitrogen:#16a34a;--diag-group-phosphorus:#d97706;--diag-group-micro:#0891b2;--diag-shadow-tooltip:rgba(0,0,0,0.5)}[data-bs-theme=dark]{--diag-bg-group:var(--bs-secondary-bg);--diag-bg-tooltip:#374151;--diag-bg-neutral:var(--bs-tertiary-bg);--diag-bg-rec:rgba(251,191,36,0.15);--diag-bg-card-start:#451a03;--diag-bg-card-end:#78350f;--diag-border-neutral:var(--bs-border-color);--diag-border-card:#b45309;--diag-border-header:#d97706;--diag-text-range:var(--bs-secondary-color);--diag-text-tooltip:#f3f4f6;--diag-text-rec-title:#fcd34d;--diag-text-header-title:#fcd34d;--diag-text-header-subtitle:#fde68a;--diag-text-icon:#f87171;--diag-good-bg:rgba(74,222,128,0.2);--diag-good-border:rgba(74,222,128,0.4);--diag-warning-bg:rgba(251,191,36,0.2);--diag-warning-border:rgba(251,191,36,0.4);--diag-danger-bg:rgba(248,113,113,0.2);--diag-danger-border:rgba(248,113,113,0.4);--diag-danger-text:#f87171;--diag-critical-bg:rgba(236,72,153,0.3);--diag-critical-border:rgba(236,72,153,0.5);--diag-critical-text:#f472b6;--diag-group-cations:#60a5fa;--diag-group-nitrogen:#4ade80;--diag-group-phosphorus:#fbbf24;--diag-group-micro:#22d3ee}.diag-group{background:var(--diag-bg-group);border-radius:0.5rem;padding:0.5rem}.diag-group-title{font-weight:600;font-size:0.85rem;margin-bottom:0.25rem}.diag-items{display:flex;flex-wrap:wrap;gap:0.25rem}.diag-item{position:relative;display:inline-flex;align-items:center;gap:0.25rem;padding:0.2rem 0.4rem;border-radius:0.25rem;font-size:0.75rem;white-space:nowrap;cursor:pointer;transition:transform 0.1s ease}.diag-item:hover{transform:scale(1.05)}.diag-label{font-weight:600}.diag-value{font-family:"SF Mono",Monaco,monospace}.diag-range{color:var(--diag-text-range);font-size:0.65rem}.diag-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--diag-bg-tooltip);color:var(--diag-text-tooltip);padding:0.5rem 0.7rem;border-radius:0.375rem;font-size:0.8rem;font-weight:500;line-height:1.4;white-space:normal;max-width:260px;min-width:160px;text-align:center;z-index:1050;margin-bottom:8px;box-shadow:0 4px 16px var(--diag-shadow-tooltip);animation:diagTooltipIn 0.15s ease}@keyframes diagTooltipIn{from{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.diag-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--diag-bg-tooltip)}.diag-good{background:var(--diag-good-bg);border:1px solid var(--diag-good-border)}.diag-warning{background:var(--diag-warning-bg);border:1px solid var(--diag-warning-border)}.diag-danger{background:var(--diag-danger-bg);border:1px solid var(--diag-danger-border)}.diag-critical{background:var(--diag-critical-bg);border:1px solid var(--diag-critical-border);color:var(--diag-text-tooltip)}.diag-neutral{background:var(--diag-bg-neutral);border:1px solid var(--diag-border-neutral);opacity:0.6}.diag-recommendations{background:var(--diag-bg-rec);border-radius:0.5rem;padding:0.5rem}.diag-rec-title{font-weight:600;font-size:0.8rem;color:var(--diag-text-rec-title)}.diag-rec-list{padding-left:1.2rem;font-size:0.75rem;margin-top:0.25rem;margin-bottom:0}.diag-rec-list li{margin-bottom:0.15rem}.diag-rec-critical{color:var(--diag-critical-text);font-weight:600}.diag-rec-danger{color:var(--diag-danger-text)}@media (max-width:576px){.diag-group{padding:0.4rem}.diag-items{gap:0.15rem}.diag-item{padding:0.15rem 0.3rem;font-size:0.7rem}.diag-range{display:none}.diag-tooltip{font-size:0.75rem;max-width:200px;min-width:140px}.diag-rec-list{font-size:0.7rem}}.diagnostics-card{background:linear-gradient(135deg,var(--diag-bg-card-start) 0%,var(--diag-bg-card-end) 100%);border:1px solid var(--diag-border-card);border-radius:10px;margin-top:12px;overflow:visible}.diagnostics-card .diag-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--diag-border-header)}.diagnostics-card .diag-header i{color:var(--diag-text-icon);font-size:16px}.diagnostics-card .diag-header-title{font-weight:600;font-size:14px;color:var(--diag-text-header-title)}.diagnostics-card .diag-header-badge{margin-left:8px;font-size:12px}.diagnostics-card .diag-header-subtitle{font-size:10px;color:var(--diag-text-header-subtitle)}.diag-substrate-select{margin-left:auto;padding:2px 6px;font-size:11px;border:1px solid var(--diag-border-header);border-radius:4px;background:var(--diag-bg-card-start);color:var(--diag-text-header-title);cursor:pointer;outline:none}.diag-substrate-select:focus{border-color:var(--diag-status-good)}.diagnostics-card .diag-body{padding:12px}.diag-group-cations .diag-group-title{color:var(--diag-group-cations)}.diag-group-nitrogen .diag-group-title{color:var(--diag-group-nitrogen)}.diag-group-phosphorus .diag-group-title{color:var(--diag-group-phosphorus)}.diag-group-micro .diag-group-title{color:var(--diag-group-micro)}.diag-ratio-cards{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px;padding:12px;border-bottom:1px solid var(--diag-border-header)}.diag-ratio-cards>.param-card,.diag-ratio-cards>.ratio-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:var(--bs-body-bg,#fff)!important;border:1px solid var(--bs-border-color,#dee2e6)!important;border-radius:8px!important;padding:6px 8px!important;text-align:center!important;transition:border-color 0.2s,box-shadow 0.2s!important;min-width:0!important;min-height:60px!important}.diag-ratio-cards>.param-card:hover,.diag-ratio-cards>.ratio-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.diag-ratio-cards>.param-card label,.diag-ratio-cards>.ratio-card label{display:block!important;font-size:0.65rem!important;font-weight:600!important;color:var(--bs-secondary-color,#6c757d)!important;text-transform:uppercase!important;margin-bottom:2px!important}.diag-ratio-cards>.param-card input,.diag-ratio-cards>.param-card .ratio-value,.diag-ratio-cards>.ratio-card input,.diag-ratio-cards>.ratio-card .ratio-value{width:60px!important;height:24px!important;border:1px solid var(--bs-border-color,#dee2e6)!important;background:var(--bs-body-bg,#fff)!important;font-size:1rem!important;font-weight:700!important;text-align:center!important;color:var(--bs-body-color,#212529)!important;padding:2px 4px!important;border-radius:4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.diag-ratio-cards>.param-card input:focus,.diag-ratio-cards>.ratio-card input:focus{outline:none!important;border-color:var(--bs-primary,#0d6efd)!important;box-shadow:0 0 0 2px rgba(13,110,253,0.2)!important}.diag-ratio-cards>.param-card .ratio-hint,.diag-ratio-cards>.ratio-card .ratio-hint{display:block!important;font-size:0.6rem!important;color:var(--bs-secondary-color,#6c757d)!important;margin-top:2px!important}.diag-ratio-cards .ratio-card.ratio-good{border-color:var(--diag-good-border)!important;background:var(--diag-good-bg)!important}.diag-ratio-cards .ratio-card.ratio-warning{border-color:var(--diag-warning-border)!important;background:var(--diag-warning-bg)!important}.diag-ratio-cards .ratio-card.ratio-danger{border-color:var(--diag-danger-border)!important;background:var(--diag-danger-bg)!important}.diag-ratio-cards .ratio-card.ratio-critical{border-color:var(--diag-critical-border)!important;background:var(--diag-critical-bg)!important}@media (max-width:576px){.diag-ratio-cards{grid-template-columns:repeat(2,1fr)!important;gap:6px;padding:8px}.diag-ratio-cards>.param-card,.diag-ratio-cards>.ratio-card{padding:4px 6px!important;min-height:50px!important}.diag-ratio-cards>.param-card input,.diag-ratio-cards>.ratio-card input{width:50px!important;font-size:0.9rem!important}.diag-ratio-cards>.param-card .ratio-hint,.diag-ratio-cards>.ratio-card .ratio-hint{font-size:0.55rem!important}}.diag-editable{cursor:pointer;padding-right:16px!important}.diag-editable::after{content:"✎";position:absolute;right:3px;top:50%;transform:translateY(-50%);font-size:0.65rem;opacity:0.4;transition:opacity 0.15s ease;color:var(--bs-primary,#0d6efd)}.diag-editable:hover::after{opacity:1}.diag-inline-input{width:50px;height:20px;padding:0 4px;border:1px solid var(--bs-primary,#0d6efd);border-radius:3px;font-size:0.75rem;font-family:"SF Mono",Monaco,monospace;background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#212529);text-align:center;outline:none;box-shadow:0 0 0 2px rgba(13,110,253,0.25);animation:diagInputIn 0.15s ease}.diag-inline-input:focus{border-color:var(--bs-primary,#0d6efd)}.diag-inline-input{}.diag-inline-input::-webkit-outer-spin-button,.diag-inline-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.diag-inline-input[type=number]{-moz-appearance:textfield}@keyframes diagInputIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.diagnostics-card .diag-header .matrix-toggle-btn{margin-left:6px;padding:4px 8px;font-size:11px}.diag-empty{text-align:center;padding:1rem;color:var(--bs-secondary-color,#6c757d);font-size:0.85rem}.diag-empty i{margin-right:0.5rem}.diagnostics-footer-spacer{margin-bottom:50px}:root{--tg-theme-bg-color:#ffffff;--tg-theme-text-color:#000000;--tg-theme-hint-color:#999999;--tg-theme-link-color:#2481cc;--tg-theme-button-color:#2481cc;--tg-theme-button-text-color:#ffffff;--tg-theme-secondary-bg-color:#f0f0f0;--tg-theme-header-bg-color:#ffffff;--tg-theme-accent-text-color:#2481cc;--tg-theme-section-bg-color:#ffffff;--tg-theme-section-header-text-color:#6d6d72;--tg-theme-subtitle-text-color:#999999;--tg-theme-destructive-text-color:#ff3b30}.pin-column-btn,.compact-column-btn{display:none}body.twa-mode .navbar,body.twa-mode .footer,body.twa-mode nav,body.twa-mode footer{display:none!important}body.twa-mode{padding-top:0!important;margin-top:0!important;min-height:100vh;min-height:100dvh;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body.twa-mode .container,body.twa-mode .container-fluid,body.twa-mode .container-sm,body.twa-mode .container-md,body.twa-mode .container-lg,body.twa-mode .container-xl,body.twa-mode .container-xxl{padding-left:0!important;padding-right:0!important;max-width:100%!important}body.twa-mode .calculator-app{min-height:100vh;min-height:100dvh;padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-left:0!important;padding-right:0!important;margin:0!important}body.twa-mode .section-card{margin-left:0!important;margin-right:0!important;border-radius:0!important}body.twa-mode .calculator-app h1{font-size:1.5rem;margin-bottom:0.5rem;padding-top:0.5rem}body.twa-mode .calc-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 8px;background:var(--tg-theme-secondary-bg-color);border-radius:0;margin:0}body.twa-mode .calc-toolbar .toolbar-group{display:contents}body.twa-mode .calc-toolbar .toolbar-buttons{display:contents}body.twa-mode .calc-toolbar .toolbar-btn{min-width:44px;min-height:44px;padding:8px 12px;font-size:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px}body.twa-mode .calc-toolbar .toolbar-btn i.bi{font-size:1.25rem}body.twa-mode .calc-toolbar .toolbar-btn:not(.primary-alt){font-size:0}body.twa-mode .calc-toolbar .toolbar-btn:not(.primary-alt) i.bi{font-size:1.25rem}body.twa-mode .calc-toolbar .toolbar-btn.primary-alt{font-size:0.9rem;padding:8px 16px}body.twa-mode .calc-section{margin-bottom:0.75rem}body.twa-mode .calc-section .section-header{padding:0.5rem 0.75rem}body.twa-mode .calc-section .section-content{padding:0.75rem}body.twa-mode .pin-column-btn,body.twa-mode .compact-column-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px 4px;margin-left:4px;cursor:pointer;opacity:0.6;color:inherit;font-size:0.9em;vertical-align:middle}body.twa-mode .pin-column-btn:hover,body.twa-mode .compact-column-btn:hover{opacity:1}body.twa-mode .pin-column-btn .bi-pin-angle-fill,body.twa-mode .pin-column-btn .bi-arrows-expand,body.twa-mode .compact-column-btn .bi-pin-angle-fill,body.twa-mode .compact-column-btn .bi-arrows-expand{color:var(--tg-theme-button-color,#2481cc)}body.twa-mode .salts-combined-table.column-pinned th:first-child,body.twa-mode .salts-combined-table.column-pinned td:first-child{position:sticky;left:0;z-index:1;background:var(--calc-bg-secondary,#1e1e2e)}body.twa-mode .salts-combined-table.column-compact th:first-child,body.twa-mode .salts-combined-table.column-compact td:first-child{max-width:80px!important;width:80px!important}body.twa-mode .salts-combined-table.column-compact .salt-name-cell .salt-formula{font-size:9px!important;white-space:normal!important;word-break:break-all;line-height:1.1}body.twa-mode .salts-combined-table.column-compact .salt-name-cell .salt-preset{font-size:10px!important;padding:2px 4px!important;max-width:75px!important;white-space:normal!important}body.twa-mode .section-macro .section-header,body.twa-mode .section-micro .section-header{padding:6px 0!important}body.twa-mode .section-macro .section-body,body.twa-mode .section-micro .section-body{padding:0!important}body.twa-mode .section-macro .macro-section,body.twa-mode .section-macro .micro-section,body.twa-mode .section-micro .macro-section,body.twa-mode .section-micro .micro-section{padding:0!important;margin:0!important;min-width:0!important;max-width:100%!important;width:100%!important}body.twa-mode .n-separate{padding:2px 6px!important;margin-bottom:4px!important}body.twa-mode .n-separate .n-label{font-size:10px!important}body.twa-mode .n-separate .n-value{font-size:11px!important}body.twa-mode .elements-2rows{grid-template-columns:repeat(4,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important}body.twa-mode .elements-row-labels .elem-label{font-size:9px!important;padding:3px 2px!important}body.twa-mode .elements-row-values input{height:26px!important;font-size:12px!important;padding:2px 4px!important}body.twa-mode .elements-row-water{grid-template-columns:repeat(4,1fr)!important}body.twa-mode .form-control,body.twa-mode .form-select{padding:0.375rem 0.5rem;font-size:0.9rem}body.twa-mode .btn-primary{background-color:var(--tg-theme-button-color);border-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}body.twa-mode .btn-primary:hover,body.twa-mode .btn-primary:focus{filter:brightness(0.9)}body.twa-mode a{color:var(--tg-theme-link-color)}body.twa-mode .text-muted,body.twa-mode .form-text{color:var(--tg-theme-hint-color)!important}body.twa-mode .card,body.twa-mode .section-content,body.twa-mode .modal-content{background-color:var(--tg-theme-secondary-bg-color);border-color:var(--tg-theme-hint-color)}body.twa-mode .modal-dialog{margin:0;max-width:100%;min-height:100vh;min-height:100dvh}body.twa-mode .modal-dialog .modal-content{min-height:100vh;min-height:100dvh;border-radius:0}body.twa-mode .d-none-twa{display:none!important}body.twa-mode .app-loading{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}body.twa-mode.twa-dark{--bs-body-bg:var(--tg-theme-bg-color);--bs-body-color:var(--tg-theme-text-color);--bs-tertiary-bg:var(--tg-theme-secondary-bg-color)}body.twa-mode.twa-dark .form-control,body.twa-mode.twa-dark .form-select{background-color:var(--tg-theme-secondary-bg-color);border-color:var(--tg-theme-hint-color);color:var(--tg-theme-text-color)}body.twa-mode.twa-dark .form-control:focus,body.twa-mode.twa-dark .form-select:focus{border-color:var(--tg-theme-button-color);box-shadow:0 0 0 0.2rem rgba(var(--tg-theme-button-color),0.25)}body.twa-mode.twa-dark .table{color:var(--tg-theme-text-color)}body.twa-mode.twa-dark .table th,body.twa-mode.twa-dark .table td{border-color:var(--tg-theme-hint-color)}body.twa-mode.twa-dark .section-header{background-color:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-section-header-text-color)}body.twa-mode.twa-light{--bs-body-bg:var(--tg-theme-bg-color);--bs-body-color:var(--tg-theme-text-color)}@media (max-width:480px){body.twa-mode .calculator-app h1{font-size:1.25rem}body.twa-mode .table{font-size:0.85rem}body.twa-mode .table td,body.twa-mode .table th{padding:0.25rem 0.375rem}}@media (max-width:360px){body.twa-mode .calc-toolbar{gap:6px;padding:8px 4px}body.twa-mode .calc-toolbar .toolbar-btn{min-width:40px;min-height:40px;padding:6px 10px}body.twa-mode .calc-toolbar .toolbar-btn.primary-alt{font-size:0.8rem;padding:6px 12px}}.profile-card{transition:transform 0.2s,box-shadow 0.2s}.profile-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)!important}.profile-params .badge{font-weight:500}[data-bs-theme=dark] .profile-card{background-color:var(--bs-body-bg);border-color:var(--bs-border-color)}[data-bs-theme=dark] .profile-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.4)!important}[data-bs-theme=dark] .card-footer{background-color:transparent!important}[data-bs-theme=dark] .btn-outline-primary{--bs-btn-color:#6ea8fe;--bs-btn-border-color:#6ea8fe;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6ea8fe;--bs-btn-hover-border-color:#6ea8fe;background-color:transparent}[data-bs-theme=dark] .btn-outline-danger{--bs-btn-color:#ea868f;--bs-btn-border-color:#ea868f;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#ea868f;--bs-btn-hover-border-color:#ea868f;background-color:transparent}[data-bs-theme=dark] .btn-outline-secondary{--bs-btn-color:#adb5bd;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;background-color:transparent}[data-bs-theme=dark] .btn-outline-secondary.active{background-color:#6c757d;color:#fff}