body{background-color:#5f4b8b;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#fff;margin:0 auto;padding:2rem}#root{max-width:1280px;margin:0 auto;padding:10rem;text-align:center;background-color:#5f4b8b;border:2px solid #6777AB}a{color:#fff}table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:1rem;font-weight:600;color:#202340}th{background-color:#374785;color:#e8eaf6;padding:12px 16px;text-align:left;border-radius:8px 8px 0 0;-webkit-user-select:none;user-select:none}td{background-color:#f0f3ff;padding:12px 16px;border-bottom:1px solid #B0B8E0;border-radius:0 0 8px 8px;vertical-align:middle}tbody tr:nth-child(odd) td{background-color:#fff}tbody tr:hover td{background-color:#d6dbf5;cursor:pointer}input,select{width:100%;padding:8px 10px;border:1.5px solid #374785;border-radius:6px;font-weight:600;color:#202340;background-color:#f0f3ff;box-sizing:border-box;transition:border-color .3s ease}input:focus,select:focus{outline:none;border-color:#202340}button{background-color:#374785;color:#e8eaf6;font-weight:700;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#202340}h2{border-top:2px solid #6667AB;width:100%;float:none;display:flex}header{text-decoration-line:underline}body{margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:#3a3f58;color:#f2f2f2;min-height:100vh}
