#box{display:flex;min-width:98%}form{margin:20px}#root{min-width:80%}fieldset{border:.2rem black solid;border-radius:10px;padding:1rem;margin:1rem}fieldset legend{font-size:1.5rem;font-weight:700;margin:-5px;padding:5px}#leftmenu{max-width:250px}#box{margin:20px}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0;box-sizing:border-box;font-family:Linotype Univers W01,Arial,Helvetica,sans-serif}body{background-color:#f0f2f5;display:flex;justify-content:center;align-items:center}form{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a}#box div{margin-bottom:20px}#box label{display:block;font-weight:700;margin-bottom:5px;color:#333}#box input,#box select{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}#box input:focus,#box select:focus{border-color:#f15507;outline:none}h3{margin-top:20px;font-size:18px;color:#f15507}button{background-color:#f15507;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}button:hover{background-color:#f15507}#box div.result{margin-top:20px;font-size:14px;color:#555;word-wrap:break-word}.datainsights th,.datainsights td{padding:10px 15px;border-bottom:1px solid #ddd;text-align:left}.datainsights th{background-color:#f7f7f7;font-size:1.2rem;font-weight:700;color:#333}.datainsights td{font-size:1rem;color:#555}.datainsights tr:nth-child(2n) td{background-color:#f9f9f9}.datainsights tr:hover td{background-color:#f1f1f1;cursor:pointer}
