*{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
.header-container { display: flex; align-items: center; justify-content: left; gap: 15px; margin-bottom: 20px; }
h1 { font-size: 50px; line-height: 50px; }
body{background-color:#f5f7fa;color:#333;line-height:1.6}
.container{display:flex;min-height:100vh;padding:20px;gap:20px}
.input-form{flex:1;max-width:50%;background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.input-form h2{margin-bottom:20px;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:10px}
.radio-group{display:flex;gap:15px;margin-top:5px}
.radio-group label{font-weight:400;display:flex;align-items:center;gap:5px}
.calculate-btn{background-color:#3498db;color:#fff;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;width:49%;margin-top:10px;transition:background-color .3s}
.clear-btn{background-color:#db7734;color:#fff;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;width:49%;margin-top:10px;transition:background-color .3s}
#medicalForm input:not([type="radio"]){width:100%;text-align:center}
#medicalForm input[type="radio"]{width:auto;flex-shrink:0}
#medicalForm table{width:100%}
#medicalForm input,form#medicalForm{font-size:16px!important;line-height:20px}
.calculate-btn:hover,.clear-btn:hover{background-color:#2980b9}
.results-container{flex:1;max-width:50%;background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow-y:auto;max-height:100vh}
.results-container h2{margin-bottom:20px;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:10px}
.result-section{padding:5px}
.result-section h3{margin-top:0;color:#3498db;margin-bottom:5px}
.result-table{width:100%;border-collapse:collapse;margin-bottom:10px}
.result-table td,.result-table th{border:1px solid #ddd;padding:2px;text-align:left;font-size:14px}
.result-table th{background-color:#f8f9fa;font-weight:600}
.result-table tr:nth-child(even){background-color:#f9f9f9}
@media (max-width:768px){
    .container{flex-direction:column}.input-form,.results-container{max-width:100%}
}
div#resultsContainer{padding:25px}
th.first_form{width:60%}
th.second_form{width:20%}
th.therd_form{width:20%}
@media print{
    body *{visibility:hidden}
    .print-section,.print-section *{visibility:visible}
    .print-section{position:absolute;left:0;top:0;width:100%}
    #base_table,#printBtn{display:none;visibility:visible}
}