:root{--background-color:#121212;--text-color:#e0e0e0;--primary-btn:#3498db;--success-btn:#2ecc71;--bg-chart:#1a1a1a;--primary-color:#00bfff;--background-color2:#222}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:var(--primary-btn);border:1px solid #1a1a1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-btn);cursor:pointer}body{background-color:var(--background-color);width:100%;height:100vh;color:var(--text-color);grid-template:"header header""sidebar main"1fr"footer footer"/0 1fr;gap:0 5px;margin:0;padding:0;font-family:Times New Roman,Times,serif;font-size:14px;display:grid}.no-click{pointer-events:none;cursor:not-allowed}.as-link{cursor:pointer}.as-link:hover{color:#00a0d1;text-decoration:underline}#menu_toggle{display:none}body:has(#menu_toggle:checked) aside{transform:translate(0)}h1,p{margin:0;padding:0}img{width:100%;max-width:100%;height:100%;max-height:100%}div.image{box-sizing:border-box;width:50px;padding:0 5px}a.btn{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:5px 10px;text-decoration:none}a.btn:hover{background-color:#f0f0f0}a.btn{color:#000;transition:all .3s}a.text{color:#fff;text-decoration:none}a.text:hover{color:var(--primary-color);text-decoration:underline}button{color:var(--text-color);cursor:pointer;background-color:#0000;border:1px solid #ccc;border-radius:5px;padding:5px 10px;font-family:Times New Roman,Times,serif}button:hover{background-color:var(--primary-btn)}button{transition:all .3s}button.text{color:#fff;background:0 0;border:none;padding:0}button.text:hover{color:var(--primary-color);text-decoration:underline}button.danger{color:#fff;background-color:#e74c3c;border-color:#e74c3c}button.danger:hover{background-color:#c0392b;border-color:#c0392b}input{box-sizing:border-box;width:100%;display:block}input,textarea,select{background:var(--background-color2);color:var(--text-color);border:1px solid #444;border-radius:4px;padding:5px 8px;font-size:.7rem;transition:border-color .3s,box-shadow .3s}input:focus{border-color:var(--primary-btn);outline:none;box-shadow:0 0 5px #3498db80}.burger{cursor:pointer;width:30px;height:30px}header{background:var(--background-color2);grid-area:header;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}header .info{align-items:center;gap:10px;display:flex}header .status{color:#fff}footer{background:var(--background-color2);color:#fff;grid-area:footer;justify-content:space-between;align-items:center;padding:5px;font-size:12px;display:flex}footer .feedback_btn{cursor:pointer;padding:5px 10px}footer .feedback_btn:hover{color:#00a0d1}main{grid-area:main;max-height:100%;overflow:auto;container-type:inline-size}aside{z-index:2;background:#000000e6;grid-area:sidebar;width:200px;transition:all .4s;position:sticky;transform:translate(-200px)}aside ul{margin-top:20px;margin-bottom:0;padding:0;list-style:none}aside ul li{padding:15px}aside ul li a{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:200px;text-decoration:none;display:block;overflow:hidden}aside ul li a:hover{color:#00bfff}aside ul li a.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}aside .close-menu{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:20px;position:absolute;top:5px;right:5px}aside .close-menu:hover{background-color:#222}.main-content{grid-template-columns:250px 1fr;gap:0 10px;padding:10px;display:grid}@container (width<=500px){.main-content{flex-direction:column;padding:10px;display:flex}}.run-btn{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);border:none;border-radius:8px;padding:15px;font-weight:700;box-shadow:0 4px 15px #2ecc714d}.run-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2ecc7166}.input-data button{width:100%;margin-bottom:10px}.m-thermal{grid-template-columns:repeat(2,1fr);gap:5px;max-height:calc(100vh - 155px);display:grid;overflow:auto}.m-thermal .form_block .header_block{align-items:center;gap:5px;margin-bottom:5px;display:flex;position:relative}.m-thermal .form_block .header_block i{cursor:pointer;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;display:inline-flex}.m-thermal .form_block .header_block i:hover{background-color:#969393}.m-thermal .form_block .header_block i:hover~.tooltip-text{opacity:1;visibility:visible}.m-thermal .form_block h3{margin:0}.m-thermal .form_block .local_fields{flex-direction:column;gap:5px;max-width:100%;display:flex}.m-thermal .valves{grid-row:1/4;grid-column-start:2}.tooltip-text{color:#fff;opacity:0;visibility:hidden;background:#000;border:2px solid #5269d1;border-radius:4px;padding:5px 8px;font-size:10px;transition:all .2s;position:absolute;bottom:80%;left:40%;transform:translate(-50%)}.tooltip-text.default{z-index:10;width:max-content;height:max-content;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.form-element{grid-template-columns:35px 1fr 20px;align-items:center;padding:0;display:grid;position:relative}.form-element .lbl{font-size:12px;line-height:12px}.form-element .sl{width:100%;display:block}.form-element .lbl:hover~.tooltip-text{opacity:1;visibility:visible}.form-element .unit{margin:0 0 0 5px;padding:0;font-size:12px;line-height:12px}.chart-wrapper{background-color:var(--bg-chart);border-radius:5px;width:100%;max-width:100%;height:calc(100vh - 180px)}canvas{max-width:100%}.modal-main{background-color:var(--bg-chart);max-width:80%;color:var(--text-color);border:1px solid #fff;border-radius:5px;padding-top:20px;position:relative;box-shadow:0 0 2px 1px #000c}.modal-main .closeNotification{border:none;padding:2px 4px;font-size:11px;position:absolute;top:2px;right:2px}.modal-main .title{text-align:center;margin:0 0 10px}.modal-main .redirect{text-align:center;color:#00bfff;margin-top:15px;font-size:12px}.modal-main .redirect:hover{cursor:pointer;text-decoration:underline}.modal-main .actions{justify-content:center;gap:10px;margin-top:15px;display:flex}.modal-main #messageNotification{text-wrap:wrap}.modal-main form{flex-direction:column;gap:10px;display:flex}#feedback_list{max-height:300px;margin:0;padding:0;list-style:none;overflow:auto}#feedback_list li{border-bottom:1px solid #ccc;padding:10px 0}#feedback_list li .email{color:#555;font-size:12px}#feedback_list li .message{margin-top:5px}.tabs .tab{display:none}.tabs .tab.active{display:block}.tabs .tab-buttons{justify-content:space-between;margin-bottom:10px;display:flex}.tabs .tab-buttons button.active{color:#000;background:#00bfff}.tabs .chart-toggle{display:flex}.tabs .chart-toggle.hidden{display:none}.result{border:1px solid #ccc;border-radius:10px}.result h3{margin:0}.result #technical-params{grid-template-columns:repeat(auto-fit,200px);gap:5px 20px;display:grid}.result #technical-params .result_item{border-bottom:1px solid #ccc;grid-template-columns:50px 1fr 50px;display:grid}.result #technical-params .result_item p{text-align:left;margin:0;padding:0}.plans{flex-direction:column;gap:10px;display:flex}.plans .plan{cursor:pointer;border:1px solid #ccc;border-radius:5px;padding:10px}.plans .plan h3{margin:0}.plans .plan:hover,.plans .plan.active{background-color:#3498db50;border-color:#000}.dropdown{display:inline-block;position:relative}.dropdown-content{background:var(--background-color);opacity:0;pointer-events:none;border-radius:5px;flex-direction:column;gap:5px 0;width:100px;padding:6px;transition:all .15s;display:flex;position:absolute;top:100%;right:0;transform:translateY(-5px);box-shadow:0 10px 20px #00000014,0 3px 6px #0000000d}.dropdown-content.toTop{top:auto;bottom:100%}.dropdown:has(>button.active):hover .dropdown-content{opacity:1;pointer-events:auto;transform:translateY(0)}.flex{align-items:center;gap:10px;display:flex}.mt-1{margin-top:10px}.mt-3{margin-top:30px}.hero{text-align:center;color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2c3e50 100%);padding:80px 20px}.hero h1{margin-bottom:20px;font-size:3rem}.hero-cta{margin-top:30px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:50px 20px;display:grid}.feature-card{border:1px solid #eee;border-radius:12px;padding:30px;transition:transform .3s}.feature-card.upcoming{color:#888;background-color:#f9f9f9}.badge{color:#fff;background:#3498db;border-radius:4px;padding:2px 8px;font-size:.75rem}.btn-primary{color:#fff;background:#3498db;border-radius:6px;padding:12px 24px;font-weight:700;text-decoration:none}.btn-secondary{color:#fff;margin-left:15px;text-decoration:underline}.cta-bottom{flex-direction:column;align-items:center;gap:10px;margin-bottom:30px;display:flex}